@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@font-face {
	font-family:'Gotham-bold';
	src: url(../fonts/Gotham-Bold.ttf)
} 
@font-face {
	font-family:'Gotham-book';
	src: url(../fonts/GothamBook.ttf)
} 
@font-face {
	font-family:'Gotham-medium';
	src: url(../fonts/GothamMedium.ttf)
} 
@font-face {
	font-family:'Gotham-light';
	src: url(../fonts/GothamLight.ttf)
} 
body {
	font-family:'Gotham-book';
	background-color: #fff;
	font-size: 16px;
	color: #58656d;
}
select {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
option {
	padding: 0;
	margin: 0;
}
.arrow{
    cursor:pointer;
    height: 50px;
    width: 50px;
    position:absolute;
    right:0px;
    background-color:#c8c8c8;
    background:url('../img/dropdown.png') no-repeat;
}
.arrow-2{
    cursor:pointer;
    height: 50px;
    width: 50px;
    position:absolute;
    right:0px;
    background-color:#c8c8c8;
    background:url('../img/dropdown-2.png') no-repeat;
    top: 5px;
}
.arrow-3{
    cursor:pointer;
    height: 36px;
    width: 36px;
    position:absolute;
    right:0px;
    background-color:#c8c8c8;
    background:url('../img/calculater-dropdown.png') no-repeat;
}
ul {
	padding: 0;
	margin: 0;
}
li {
	display: inline-block;
}
h1 {
	font-family:'Gotham-bold';
	font-size: 3.8rem;
	text-transform: uppercase;
}
h2{
	font-family:'Gotham-bold';
	font-size: 29px;
	color: #07378b;
	text-transform: uppercase;
}

h3{
	font-family:'Gotham-bold';
	font-size: 17px;
	color: #07378b;
	text-transform: uppercase;
	margin-top: 15px !important;
}
h4 {
	font-size: 16px;
	text-transform: uppercase;
	color: #07378b;
	font-weight: 700;
}
h5{
	font-family:'Gotham-medium';
	font-size: 17px;
	color: #07378b;
	padding: 10px 0;
	text-transform: uppercase;
	border-bottom: solid 1px #07378b;
}
h6{
	color: #fca706;
	font-size: 25px;
	font-family:'Gotham-bold';
	text-transform: uppercase;
}
.padding-zero {
	padding: 0;
}
a:hover {
	text-decoration: none;
}
.padding-right-zero {
	padding-right: 0;
	padding-left: 8px;
}
.padding-left-zero {
	padding-left: 0;
	padding-right: 8px;
}
.plz{
	padding-left: 0;
}
.prz {
	padding-right: 0;
}
/*
=================================top bar==========================*/
.top-bar {
	background-color: #ededed;
}
.phone {
	padding: 6px 0;
}
.top-bar .phone span {
	font-size: 20px;
	font-weight: 700;
	color: #58656d;
}
.top-bar .phone span img {
	margin-right: 5px;
}
.top-bar .phone span small {
	font-weight: 400;
	font-size: 15px;
}
.top-links {
	padding: 6px 0;
}
.top-links li {
	padding: 5px 6px;
}
.top-links li:last-child {
	margin-right: 10px;
}
.top-links li a {
	color: #58656d;
	text-decoration: none;
	font-size: 14px;
}
.top-links li a:hover {
	text-decoration: underline;
}
.top-social li{
	padding: 13px;
    width: 45px;
    border-left: solid 1px #cfcfcf;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    padding-bottom: 10px;
}
.top-social .search{
	padding: 13px;
    width: 45px;
    border-right: solid 1px #cfcfcf;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    padding-bottom: 10px;
}
.top-social li i {
	color: #58656d;
	font-size: 21px;
}
.top-social li .fa-facebook {
    padding-left: 2px;
}
.top-social  a {
	margin-left: -5px;
}
.top-social li:hover {
	background-color: #07378b;
	border-color: #07378b;
}
.top-social li:hover i {
	color: #fff;
}
.top-social li.fb {
	padding: 11px 16px;
}
/*
========================navigation======================*/
.navbar-default .navbar-nav > li > a {
	font-family:'Gotham-medium';
	font-size: 15px;
	padding-top: 10px !important;
}
.navbar-default {

    border-radius: 0;
    margin-top: -1px;
}
.navbar-brand{
	padding: 0;
	padding-top: 17px;
	margin-left: 0px !important;
}
.navbar-right > li:last-child{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6a706+0,f6a706+100 */
background: #f6a706; /* Old browsers */
background: -moz-linear-gradient(top,  #f6a706 0%, #f6a706 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6a706), color-stop(100%,#f6a706)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6a706 0%,#f6a706 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6a706 0%,#f6a706 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6a706 0%,#f6a706 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6a706 0%,#f6a706 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a706', endColorstr='#f6a706',GradientType=0 ); /* IE6-9 */

	border-radius: 5px;
	margin-top: 16px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	margin-left: 20px;
}
.navbar > li a:hover {
	color: #fba919 !important;
}
.navbar-right > li:last-child a {
	line-height: 0px;
	text-transform: uppercase;
	font-size: 12px;
	padding: 18px 7px;
	padding-top: 18px !important;
}
.navbar-right li:last-child a:hover {
	color: #fff !important;
}
.navbar-right > li:last-child:hover {
background: #f9d16b; /* Old browsers */
background: -moz-linear-gradient(top,  #f9d16b 0%, #ffa500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9d16b), color-stop(100%,#ffa500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9d16b 0%,#ffa500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9d16b 0%,#ffa500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9d16b 0%,#ffa500 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9d16b 0%,#ffa500 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d16b', endColorstr='#ffa500',GradientType=0 ); /* IE6-9 */

}
.dropdown-menu li:last-child {
	line-height: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0;
    margin-top: 0;
    padding: 0;
}

.dropdown-menu li:last-child:hover {
	background-color: inherit;
	color: inherit;
}
.dropdown-menu li:last-child a:hover {
	color: #07378b !important;
}
.dropdown-menu {
	margin-top: -1px !important;
}
.dropdown-menu > li {
	border-bottom: solid 1px #073f8a;
	display: block;
}
.dropdown-menu {
	padding: 0;
}
.dropdown-menu ul li a:hover {
	color: #07378b !important;
}
.dropdown-header, .dropdown-menu>li:last-child {
	border-bottom: none;
}
/*
====================Banner =======================*/
.banner {
	background-image: url(../img/banner.jpg);
	background-size: cover;
	border-bottom: solid 5px #f9b500;
	background-position: top center;
}
.banner h1 {
    color: #fff;
    text-transform: inherit;
    font-size: 38px;
    padding-top: 24px;
    padding-bottom: 13px;
    text-shadow: 2px 2px 10px #525252;
    line-height: 53px;
}
.btn-yellow {
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9b500+1,f9b500+100 */
background: #f9b500; /* Old browsers */
background: -moz-linear-gradient(top,  #f9b500 1%, #f9b500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f9b500), color-stop(100%,#f9b500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9b500 1%,#f9b500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9b500 1%,#f9b500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9b500 1%,#f9b500 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9b500 1%,#f9b500 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b500', endColorstr='#f9b500',GradientType=0 ); /* IE6-9 */

    text-transform: uppercase;
    border: 10px;
    border-bottom: 3px solid #c4931c;
    width: 350px;
    height: 65px;
    display: block;
    text-align: center;
    border-radius: 8px;
    line-height: 65px;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 250px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active {
	color: #fff;
    text-decoration: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9d16b+0,ffa500+100 */
background: #f9d16b; /* Old browsers */
background: -moz-linear-gradient(top,  #f9d16b 0%, #ffa500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9d16b), color-stop(100%,#ffa500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9d16b 0%,#ffa500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9d16b 0%,#ffa500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9d16b 0%,#ffa500 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9d16b 0%,#ffa500 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d16b', endColorstr='#ffa500',GradientType=0 ); /* IE6-9 */
}


/*
================================  Banner SEcond Mortage ======================*/
.second-mortgage {
	background-image: url(../img/banner-second.jpg);
	border: none;
}
.second-mortgage h1 {
	text-transform: uppercase;
	color: #07378b;
	text-shadow: none;
	margin-bottom: 0;
    padding-bottom: 0;
}
.list-1 li{
    list-style: inherit;
    padding-right: 8px;
    font-size: 18px;
    color: #07378b;
    font-weight: 600;
    background: url("../img/blue-bullet.png") no-repeat;
    background-position: 0 50%;
    padding-left: 10px;
}
.list-2 {
	margin-top: 20px;
}
.list-2 li{
	background: url(../img/list-second.png) no-repeat; 
	padding-left: 25px;
	font-size: 16px;
	font-family:'Gotham-bold';
	color: #07378b;
	text-transform: uppercase;
	padding-right: 30px;
}
.top-part {
	background-color: #f6a706;
}
.top-part span {
	text-transform: uppercase;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	padding-top: 5px;
	padding-left: 15px;
	color: #07378b;
	font-size: 17px;

}
.pading-left-5 {
	padding-left: 5px; 
}
.pading-right-5 {
	padding-right: 5px; 
}
.top-part h1 {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	color: #fff;
	font-size: 42px;
	letter-spacing: -2px;
	margin-top: -10px;
}
.margin-zero {
	margin: 0;
}
.main-form {
	background-color: #07378b;
	padding: 30px 25px;
}
.main-form .form-control {
	border-radius: 0;
	height: 42px;
}
.bottom-form {
	background-color: #f6a706;
	overflow: hidden;
}
.bottom-form p {
	font-size: 12px;
	padding: 10px;
	color: #7b5405;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	letter-spacing: -.5px;

}
.submit-btn {
	background: #07378b;
 	display: inline-block;
  	height: 55px;
  	margin-left: 0;
  	margin-top: 14px;
    position: relative;
    width: 88%;
    font-size: 37px;
    color: #fff;
    text-transform: uppercase;
    font-family:'Gotham-bold';
}
.submit-btn:before {
    border-bottom: 25px solid #07378b;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    content: "";
    height: 0;
    left: -40px;
    position: absolute;
    top: 15px;
    width: 0;
    transform: rotate(270deg);
}
.submit-btn:hover {
	color: #f6a706;

}

/*
======================== Services ======================*/
.services {
	text-align: center;
	padding: 40px 0;
}
.services h2 {
	color: #07378b;
	font-size: 38px;
}
.services .bottom-text {
	color: #07378b;
	font-size: 20px;
	font-weight: 400;
}
.bottom-text {
	color: #517990;
	font-size: 20px;
	font-weight: 400;
}
.services h3 {
	font-size: 22px;
	font-weight: 900;
	text-transform: uppercase;
	color: #f6a706;
}
.services p {
	font-size: 16px;
	margin-bottom: 25px;
	color: #07378b;
}
.service-border:after {
	content: "";
    position: absolute;
    border-bottom: solid 1px #cacaca;
    height: 5px;
    width: 320px;
    bottom: 0;
    left: 36px;
 
}
.service {
	margin-top: 20px;
}
.service img {
	height: 70px;
}

.lef-right-border {
	position: relative;
}
.lef-right-border::before {
	content: "";
	background:  no-repeat;
	position:absolute; /*or absolute*/
  	height: 210px;
  	width: 1px;
  	background-color: #cacaca;
  	left:-15px;
  	top:10px;
}
.lef-right-border::after {
	content: "";
	background:  no-repeat;
	position:absolute; /*or absolute*/
  	height: 210px;
  	width: 1px;
  	background-color: #cacaca;
  	right:-15px;
  	top:10px;
}
.btn-small {
	padding: 10px 20px;
	border-radius: 5px;
	color: #fff;
	font-size: 13px;
	display: inline-block;
	margin-bottom: 30px;
}
.btn-small:hover {
	text-decoration: none;
	color: #fff;
}
.blue {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#275099+0,07317a+100 */
background: #275099; /* Old browsers */
background: -moz-linear-gradient(top,  #275099 0%, #07317a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#275099), color-stop(100%,#07317a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #275099 0%,#07317a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #275099 0%,#07317a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #275099 0%,#07317a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #275099 0%,#07317a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#275099', endColorstr='#07317a',GradientType=0 ); /* IE6-9 */
	margin-right: 10px;.
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.blue:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b70db+0,07317a+100 */
background: #3b70db; /* Old browsers */
background: -moz-linear-gradient(top,  #3b70db 0%, #07317a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b70db), color-stop(100%,#07317a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b70db 0%,#07317a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b70db 0%,#07317a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b70db 0%,#07317a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b70db 0%,#07317a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b70db', endColorstr='#07317a',GradientType=0 ); /* IE6-9 */
}
.yellow {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6a706+0,f6a706+100 */
background: #f6a706; /* Old browsers */
background: -moz-linear-gradient(top,  #f6a706 0%, #f6a706 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6a706), color-stop(100%,#f6a706)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6a706 0%,#f6a706 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6a706 0%,#f6a706 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6a706 0%,#f6a706 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6a706 0%,#f6a706 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6a706', endColorstr='#f6a706',GradientType=0 ); /* IE6-9 */

	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.yellow:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9d16b+0,ffa500+100 */
background: #f9d16b; /* Old browsers */
background: -moz-linear-gradient(top,  #f9d16b 0%, #ffa500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9d16b), color-stop(100%,#ffa500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9d16b 0%,#ffa500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9d16b 0%,#ffa500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9d16b 0%,#ffa500 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9d16b 0%,#ffa500 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9d16b', endColorstr='#ffa500',GradientType=0 ); /* IE6-9 */


}
/*
==================== workign benifits ==================*/
.benifits-of-working {
	background: url(../img/blue-bg.jpg) no-repeat;
	background-size: cover;
	padding-top: 50px;
}
.middle-section h2 {
color: #ffab00;
    padding-bottom: 20px;
    border-bottom: solid 1px #ffab00;
    font-family: 'Gotham-book';
    font-size: 37.5px;
    font-weight: 700;
    margin-bottom: 20px;
}
.middle-section p {
	font-size: 16px;
	color: #fff;
	font-weight: 300; 
}
.bullet {
	background: url(../img/bullet.png) no-repeat;
	color: #fff;
	padding-left: 25px;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 700;
	display: block;
	margin-top: 21.5px;
	background-position: 0 5px;
}
.white {
	background: url(../img/white-bullet.png) no-repeat;
	font-size: 15px;
	background-position: 0 5px;
}
.right {
	background-position: right !important;
	padding-right: 25px;
}
/*
========================== we offet =================*/
.we-offer {
	background: url(../img/dark-blue-bg.jpg) no-repeat;
	background-size: cover;
	padding-top: 50px;
	text-align: right;
}
.customers img {
	margin-top: 50px;
}
/*
================== mortgage tool ===================*/
.cmi-mortgage {
	margin: 40px 0;
	text-align: center;
	overflow: hidden;
}
.cmi-mortgage h2 {
	color: #07378b;
	font-size: 38px;
}
.hover-state:hover .calculater {
	border-color: #f6a706;
	background: url(../img/calculater-yelow.png) no-repeat;
	background-position: center;
}
.calculater {
	position: relative;
	background: url(../img/calculater.png) no-repeat;
	height: 150px;
	width: 150px;
	border: solid 7px #07378b;
	border-radius: 100px; 
	margin: 0 auto;
	margin-top: 30px;
	background-position: center;
}

.hover-state:hover .notebook {
	border-color: #f6a706;
	background: url(../img/notebook-yelow.png) no-repeat;
	background-position: center;
}
.notebook {
	position: relative;
	background: url(../img/notebook.png) no-repeat;
	height: 150px;
	width: 150px;
	border: solid 7px #07378b;
	border-radius: 100px; 
	margin: 0 auto;
	margin-top: 30px;
	background-position: center;
}
.hover-state:hover .faq {
	border-color: #f6a706;
	background: url(../img/faq.png) no-repeat;
	background-position: center;
}
.faq {
	position: relative;
	background: url(../img/faq-blue.png) no-repeat;
	height: 150px;
	width: 150px;
	border: solid 7px #07378b;
	border-radius: 100px; 
	margin: 0 auto;
	margin-top: 30px;
	background-position: center;
}

.hover-state:hover .news {
	border-color: #f6a706;
	background: url(../img/news-yelow.png) no-repeat;
	background-position: center;
}
.news {
	position: relative;
	background: url(../img/news.png) no-repeat;
	height: 150px;
	width: 150px;
	border: solid 7px #07378b;
	border-radius: 100px; 
	margin: 0 auto;
	margin-top: 30px;
	background-position: center;
}
.hover-state:hover h4 {
	color: #f6a706;
	text-decoration none;
}
/*
====================  Two Panels =======================*/
.yellow-bg {
	background-color: #f6a706;
	width: 44%;
	float: left;
	position: relative;
    padding: 15px 0 22px;
	height: 150px;
}
.yellow-bg:before {
	content: url('../img/arrow.png');
	background:  no-repeat;
	background-position: center left;
	position:absolute; /*or absolute*/
  	z-index:100000; /*a number that's more than the modal box*/
  	right:-30px;
  	top:40%;
}
.yellow-bg h2 {
	color: #fff;
	font-size: 25px;
}
.yellow-bg p {
	font-size: 17px;
	font-weight: 700;
	color: #fff;
}
.panel-below-yellow {
	padding-right: 20px;
	max-width: 500px;
	float: right;
	width: 470px;
}
.yellow-bg-dark {
	background-color: #d46607;
	overflow: hidden;
	width: 56%;
	float: left;
	padding: 25px 0;
	height: 150px;
}
.left-padding {
	padding-left: 70px;
	width: 400px;
	float: left;
}
.right-panel {
	width: 240px;
	float: left;
}
/*
===========================   Last Dark Blue  ====================*/
.last-dark-blue {
	background: url(../img/last-blue.jpg);
	background-size: cover;
	padding: 50px 0;
}
.last-dark-blue h2 {
	text-align: center;
	color: #fff;
	font-size: 38px;
}
.last-dark-blue .bottom-text {
	text-align: center;
	color: #fff;
	padding: 20px 0;
}
.local-brokers h3 {
	font-size: 20px;
	color: #fff;
	font-family:'Gotham-bold';
	text-transform: uppercase;
	border-bottom: solid 1px #fff;
	padding-bottom: 10px;
}
.bullet-white {
	background: url(../img/bullet-2.png) no-repeat;
	color: #fff;
	padding-left: 20px;
	text-transform: inherit;
	font-size: 16px;
	display: block;
	margin-top: 5px;
	background-position: 0 5px;
}
.margin-left-50 {
	margin-left: 50px;
}
.margin-left-20 {
	margin-left: 20px;
}

/*
====================  How It Works =====================*/
.how-it-works {
	padding: 40px 0;
	overflow: hidden;
}
.how-it-works h2 {
	font-size: 34px;
	color: #07378b;
	text-align: center;
}
.how-it-works .sub {
	font-size: 17px;
	color: #5b5b5b;
	text-transform: uppercase;
	text-align: center;
	font-family:'Gotham-bold';
}
.hr-80 {
	width: 80%;
    margin-top: 0;
}
.width-90 {
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
}
.width-95 {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

.process {
	background: url(../img/lock-icon.png) no-repeat;
    background-position: 50% 15%;
	border-bottom: solid 3px transparent;
	padding-top: 110px;
	text-align: center;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	margin-top: 20px;
}
.process h3 {
	font-size: 15px;
	color: #07378b;
	font-family:'Gotham-bold';
	text-transform: uppercase;
	padding-top: 20px;
}
.process p {
	font-size: 15px;
	color: #404040;
	font-family:'Gotham-book';
	text-align: justify;
	padding: 10px 40px 20px;
	letter-spacing: 1px;
}
.process:hover {
	background: url(../img/lock-icon-white.png) no-repeat;
	background-position: 50% 15%;
	background-color: #07378b;
	border-color: #f6a706;
}
.process:hover h3 {
	color: #f6a706;
}
.process:hover p {
	color: #fff;
}
.process2 {
	background: url(../img/percentage-icon.png) no-repeat;
	background-position: 50% 15%;
}
.process2:hover {
	background: url(../img/percentage-icon-white.png) no-repeat;
	background-position: 50% 15%;
	background-color: #07378b;
}
.process3 {
	background: url(../img/dollar-icon.png) no-repeat;
	background-position: 50% 15%;
}
.process3:hover {
	background: url(../img/dollar-icon-white.png) no-repeat;
	background-position: 50% 15%;
	background-color: #07378b;
}
.border-both-2:before {
    content: "";
    position: absolute;
    height: 160px;
    width: 1px;
    background-color: #ddd;
    left: 0px;
    top: 120px;
}
.border-both-2:after {
    content: "";
    position: absolute;
    height: 160px;
    width: 1px;
    background-color: #ddd;
    right: 0px;
    top: 120px;
}
.border-both-2:hover:before, .border-both-2:hover:after{
	background-color: #07378b;
}
/*
===================  Vertical Tabs =====================*/
.vertical-tabs {
	padding: 40px 0;
	overflow: hidden;
}
.vertical-tabs h4 {
	font-size: 14px;
	color: #07378b;
	margin-bottom: 0px;
}
.vertical-tabs span {
	font-family:'Gotham-light';
    font-size: 15px;
    color: #404040;
}
.active  h4 {
	color: #fff;
}
.active span {
	color: #fff;
}
/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #f6a706;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-right: 10px solid #FFFFFF;
    right: -1px;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}
.bhoechie-tab-content h2{
	font-size: 20px;
	color: #5b5b5b;
	font-family:'Gotham-medium';
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 20px;
}
.bhoechie-tab-content p {
	font-size: 16px;
	color: #868686;
	margin-bottom: 10px;
	line-height: 26px;
}
.btn-blue {
background: #275099; /* Old browsers */
background: -moz-linear-gradient(top,  #275099 0%, #07317a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#275099), color-stop(100%,#07317a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #275099 0%,#07317a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #275099 0%,#07317a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #275099 0%,#07317a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #275099 0%,#07317a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#275099', endColorstr='#07317a',GradientType=0 ); /* IE6-9 */
	text-transform: uppercase;
	color: #fff;
	font-size: 12.5px;
	padding: 8px 30px;
	margin-top: 10px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b70db+0,07317a+100 */
background: #3b70db; /* Old browsers */
background: -moz-linear-gradient(top,  #3b70db 0%, #07317a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b70db), color-stop(100%,#07317a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b70db 0%,#07317a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b70db 0%,#07317a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b70db 0%,#07317a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b70db 0%,#07317a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b70db', endColorstr='#07317a',GradientType=0 ); /* IE6-9 */
	color: #fff;
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}


/*
================== Second MOrtage Blue ===================*/
.second-mortgage-blue {
	background-image: url("../img/second-mortgage-blue.jpg");
	background-size: cover;  
	padding-top: 60px;
	padding-bottom: 80px;
	background-position: 60% 0%;
}
.second-mortgage-blue h2 {
	color: #fff;
	text-transform: uppercase;
	font-size: 33px;
	margin-bottom: 30px;
}
.second-mortgage-blue .panel-left {
	padding-left: 0;
    padding-right: 80px;
}
.second-mortgage-blue .panel-right {
	padding-right: 0;
    padding-left: 10px;
}
.bullet-second {
	background: url(../img/bullet.png) no-repeat;
	color: #fff;
	padding-left: 30px;
	font-size: 17px;
	display: block;
	margin-top: 21.5px;
	background-position: 0 5px;
}
/*
===================  Benifits Second Mortage ==========================*/
.benifits-second-mortgage .text{
	padding: 90px 0;
}
.benifits-second-mortgage h2 {
	text-transform: uppercase;
	color: #07378b;
	font-size: 33px;
	font-family:'Gotham-bold';
	letter-spacing: -2px;
	margin-bottom: 20px;
}
.benifits-second-mortgage p {
	color: #58656d;
	font-size: 17.5px;
}
.btn-yellow-2 {
	background-color: #f6a706;
	text-transform: uppercase;
	color: #fff;
	font-size: 16.5px;
	padding: 8px 40px;
	margin-top: 20px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.btn-yellow-2:hover {
	background-color: #07378b;
	color: #fff;
}
/*
=======================  Tabs Table ====================*/
.tabs-table {
	padding-bottom: 40px;
	overflow: hidden;
}
.tab-table {
	background: url(../img/next.png) no-repeat;
 	display: inline-block;
  	height: 70px;
  	margin-left: 0;
  	margin-top: 14px;
    position: relative;
    width: 100%;
    font-size: 22px;
    text-align: center;
    color: #fff;
    padding: 16px;
    padding-left: 20px;
    background-position: center;
}
.tab-table:hover {
	background-image: url(../img/next.hover.png);
}
.gothmbold {
	font-family:'Gotham-bold';
}
.two {
	padding-top: 18px; 
	font-weight: 700;
}
.width-90-1 {
	width: 88%;
	margin: 0 auto;
}
/*
================  Mortgae Table ==================*/
.tabs-table table {
	margin-top: 15px;
}
thead {
	background-color: #07378b;
	color: #fff;
}
tr {
	border-bottom: none;
}
tbody tr:hover {
	background-color: #f6a706 !important;
}
td {
	border-bottom: solid 1px #fff !important;
	border-top: solid 1px #fff !important;
}
thead tr th {
	font-family:'Gotham-bold';
	font-size: 20px;
	text-align: center;
	padding: 15px 0 !important;
	border: none !important;
}
thead tr th span {
	background-color: #fff;
	border-radius: 5px;
	padding: 5px 15px;
	color: #07378b;
	font-size: 16px;
	margin-left: 10px;
}
tbody tr td {
	font-family:'Gotham-light';
	font-size: 17px;
	text-align: center;
	color: #000;
}

tbody tr td span {
	border-radius: 5px;
	padding: 3px 10px;
	margin-left: 10px;
	font-size: 16px;
	border: solid 1px #b8bfbd;
}
tbody tr td .inside-btn {
	background-color: #07378b;
	padding: 5px 15px;
	margin-left: 10px;
	color: #fff;
	border-radius: 5px;
	text-transform: uppercase;
	font-family:'Gotham-medium';
	border: none;
}
tbody tr:hover td {
	color: #fff;
}
tbody tr:hover td span {
	border-color: #fff;
}
.last-column {
	background-color: #07378b;
	font-size: 30px;
	font-family:'Gotham-bold';
	color: #fff;
}

/*
======================  mortgage-grey-panel =================*/
.mortgage-rey-panel {
	background-color: #eeeeee;
	padding: 60px 0;
}
.mortgage-rey-panel h2 {
	color: #07378b;
	text-transform: uppercase;
	font-size: 33px;
	margin-bottom: 30px;
	letter-spacing: -1px;
}
.mortgage-rey-panel p {
	font-size: 16.6px;
	font-family:'Gotham-light';
	margin-bottom: 20px;
}
/*
================== Banner-agent ================= */
.banner2{
	background-image: url("../img/banner.png");
background-size: cover;
padding: 30px 0px;
background-position: 51% center;
border-bottom: 6px solid #F6A706;
padding-bottom: 45px;
}
.banner2 h1{
	color: #07378b;
}
.banner2 p{
	color: #07378b;
	font-size: 28px;
	font-family:'Gotham-book';
}
/*
==================Agents-section ================= */
.agents{
    padding: 30px 0;
    overflow: hidden;
}
.agents h2{
	color:  #07378b;
	margin-bottom: 15px;
	font-size: 38px;
}
/*
==================Agents-find section ================= */
.bg-grey{
	background-color: #fafafa;
	margin-top: 20px;
	padding-bottom: 60px;
}
.find-agents{
	padding: 20px 0px;
}
.find-agents h2{
	margin-bottom: 20px;
	font-family:'Gotham-bold';
	color: #07378b;
	font-size: 30px;
	text-transform: uppercase;
}
.pera-orng{
	color: #f6a706;
	font-size: 20px;
	font-family:'Gotham-book';
}
.pera-bold{
	font-size: 17px;
	font-family:'Gotham-book';
	color: #404040;
	margin-top: -8px !important;
margin-bottom: 3px !important;
}
.panel{
	position: relative;
	border:1px solid #c8c8c8;
	border-radius: 0px;
	height: 400px;
	padding-right: 10px !important;
	padding-left: 10px !important;
}
.plus{
	background-image: url(../img/plus.png);
	position: absolute;
	background-size: cover;
	bottom: 0px;
	right: 0px;
	width: 33px;
height: 33px;
}
.plus:hover{
background-image: url(../img/plus-b.png);
position: absolute;
	background-size: cover;
	bottom: 0px;
	right: 0px;
	width: 33px;
height: 33px;
}
.img-1{
	margin-top: 10px;
}
 .panel-section{
 	margin-top: 30px;
 }
 .item{
padding-left: 0px;
 }
.pera-sm{
	color: #404040;
	font-size: 15px;
	font-family:'Gotham-light';
}
/*
==================Consultation section ================= */
.bg-img{
	background-image: url(../img/free.png);
	background-size: cover;
	padding: 40px 0px;
}
.consultation h2{
	color: #fff;
	font-size: 38px;
	font-family:'Gotham-bold';
	margin-bottom: 30px;
	text-transform: uppercase;	
}
.contact-form{
	width: 100%;
	margin-top: 40px;
	overflow: hidden;
}
.contact-form .form-two {
    display:block;
    margin-bottom: 20px;
}

.contact-form .elements {
width: 100%;
height: 50px;
display: block;
}
.elements{
	border-color: transparent;
	border-radius:3px;
	font-size: 16px;
	color: #404040;
}
.padding-r{
    padding-right: 15px !important;
    padding-left: 0;	
}
.orng-btn{
text-transform: uppercase;
border: medium none;
border-radius: 3px;
font-size: 17px;
font-family: "Gotham-bold";
color: #FFF;
transition: all 0.3s ease 0s;
display: block;
padding: 15px 0px;
width: 50%;
margin-bottom: 10px;
}

.pera-white{
	color: #fff;
	font-size: 14px;
	font-family:'Gotham-light';	
}
.pera-b-white{
	color: #fff;
	font-size: 30px;
	font-family:'Gotham-bold';	
	text-align: center;
	margin-top: 42px;
}
.opt-1{
	width: 30px;
}
/*
================  Mortgage Rates Banner ==================*/
.mortgage-rates-banner {
	background-image: url("../img/mortgage-rates-banner.jpg");
	background-size: cover;
	padding: 30px 0px;
	background-position: 51% center;
	border-bottom: 6px solid #F6A706;
	padding-bottom: 45px;
}
.mortgage-rates-banner h1 {
	color: #07378b;
	padding: 25px 0;
}
/*
===================  Mortgage Calculater ===================*/
.mortgage-Calculater-banner {
	background-image: url("../img/mortgage-calculater.jpg");
	background-size: cover;
	padding: 30px 0px;
	background-position: 51% center;
	border-bottom: 6px solid #F6A706;
	padding-bottom: 45px;
}
.mortgage-Calculater-banner h1 {
	color: #07378b;
	padding: 25px 0;
}
/*
============================  Mortgage Calculater =================*/
.mortgage-calculater {
	background-color: #eef7fe;
	overflow: hidden;
	border: solid 1px #cecece;
}
.mortgage-calculater-h2 {
	font-size: 30px;
	margin-bottom: 20px;
	margin-top: 40px;
}
.tooltip {
	display: none;
}
.calculater-panel {
	padding: 40px 10px;
}
.calculater-panel p {
	margin-top: 5px;
	color: #07378b;
	font-weight: 700;
    font-size: 14px;
}
.calculater-panel .amount {
	font-size: 13px;
	color: #404040;
	position: absolute;
	top: -20px;
    right: 18px;
    font-weight: 700;
}
.calculater-panel .amount-left {
	font-size: 13px;
	color: #404040;
	position: absolute;
	top: -20px;
    left: 0;
    font-weight: 700;
}
.curent-amnt {
	background-color: #fff;
	border: solid 1px #ddd;
	float: right;
	height: 30px;
	width: 100px;
}
#amt {
    color: #545454;
    font-size: 14px;
    text-align: right;
    display: block;
    padding-top: 4px;
    font-weight: 700;
    padding-right: 5px;
}
#amt:before {
	content: "$"
}
#amt-2 {
    color: #545454;
    font-size: 14px;
    text-align: right;
    display: block;
    padding-top: 4px;
    font-weight: 700;
    padding-right: 5px;
}
.border-left {
	border-right: solid 1px #ddd;
}
#amt-2:after {
	content: "%"
}
#ex1Slider .slider-selection {
	background: #f6a706;
}
.posiabso {
	position: absolute;
	top: 20px;
	right: 15px;
}
.calculater-hr {
	border-color: #d8ecfc;
	position: relative;
}
.calculater-hr:after {
    content: "";
    margin-top: 0px;
    position: absolute;
    width: 100%;
    background-color: #fff;
    height: 1px;
	position: absolute;
}
.slider-1 {
 	padding-top: 30px;
    padding-bottom: 20px;
}
table tr:last-child {
    border-bottom: solid 2px #ddd;
}
.slider-2 {
 	padding-top: 30px;
    padding-bottom: 20px;
}
.calculater-label {
	font-size: 14px;
	color: #07378b;

}
.bold-font {
	font-weight: 700;
}
.radio-btn-text {
	color: #545454;
	font-size: 15px;
}
.radiobtn {
	margin-top: 10px;
}
.dropdown-calculater {
	padding: 20px 0;
}
.row-mrgin {
	margin-right: 0;
    margin-left: -15px;
}
.btn-reset {
	font-size: 13px;
	color: #07378b;
	padding: 10px 20px;
	text-transform: uppercase;
	background-color: #f2f2f2;
	border: solid 1px #d4d8de;
	border-radius: 5px;
	box-shadow: inset 0 -1px 0 #fff
	margin-right: 10px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
    font-weight: 700;
}
.btn-reset:hover ,.btn-reset:active ,.btn-reset:focus {
	background-color: #e5e5e5;
	border-color: #e5e5e5;	
}

/*
==================  Right Side with graphcis ================*/
.blue-panel {
	background-color: #07378b;
	padding: 20px 10px;
}
.blue-panel h2 {
	font-size: 25px;
	color: #fff;
	font-family:'Gotham-bold';	
    text-transform: inherit;
    margin: 0;
    padding: 20px 10px;
    display: inline;
}
.blue-panel h2 span {
    background: #f6a706;
    display: inline-block;
    height: 68px;
    margin-left: 0;
    margin-top: 14px;
    position: relative;
    color: #07378b;
    text-transform: uppercase;
    position: absolute;
    top: -14px;
    right: 0;
    width: 150px;
    font-size: 28px;
    text-align: center;
    padding: 18px 0;
}
.blue-panel h2 span:before {
    border-bottom: 35px solid #f6a706;
    border-left: 38px solid transparent;
    border-right: 38px solid transparent;
    content: "";
    height: 0;
    left: -55px;
    position: absolute;
    top: 14px;
    width: 0;
    transform: rotate(270deg);
}
.loan-table {
    margin-top: 130px;
    padding: 5px;
}
.table-2 {
	padding: 50px 0;
}
/*
=====================  Code Panel ===================*/
.code-panel {
	background-image: url(../img/code-panel-bg.jpg);
	padding: 50px 0;
}
.code-panel h2 {
	color: #f6a706;
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
}
.code-panel .lower-text {
	font-size: 17px;
	color: #fff;
	font-family:'Gotham-light';
}
.code-panel .white-bg {
	background-color: #fff;
	padding: 20px;
	overflow: hidden;
	height: 150px;
	margin-bottom: 40px;
}

/*
====================  Mortagage Rates =================*/
.mortgage-rates {
    padding-top: 40px;
    padding-bottom: 20px;
}
.mortgage-rates h2 {
	font-size: 33px;
	color: #07378b;
	text-transform: uppercase;
	text-align: center;
	font-family:'Gotham-bold';
	margin-bottom: 20px;
}
.mortgage-rates p {
	color: #58656d;
	font-size: 16px;
}

/*
=========================  news panel =================*/

.news-panel {
	border: solid 1px #cecece;
	overflow: hidden;
	margin-top: 50px;
}
.top-head {
	background-color: #f4f4f4;
	padding: 5px 25px;
	position:relative;
    z-index:-2;
	border-bottom: solid 1px #cecece;
}
.heading {
	font-size: 16px;
	color: #07378b;
	font-weight: 700;
	 display:block;
	text-transform: uppercase;
}
.heading:after {
	content: '';
    display: block;
    height: 20px;
    background-image: url(../img/news-heading.png);
    position: absolute;
    right: 0;
    z-index: -1;
    top: 18px;
    width: 78%;
    right: 15px;
}
.news-1 {
	padding: 15px 0;
	overflow: hidden;
	border-bottom: solid 1px #cecece;
}
.news-1 h3 {
	font-size: 18px;
	color: #121212;
	font-family:'Gotham-medium';
	text-transform: inherit;
}
.news-1 h4 {
	font-size: 15px;
	color: #a1a1a1;
	font-weight: 300;
	text-transform: inherit;
}
.news-1 p {
	color: #6e6e6e;
}
.news-1 p:after {
	content: " [+]";
	color: #f6a706;
	cursor: pointer;
}
.expand-all {
	padding: 5px 0;
}
.expand-all h3 {
	text-align: center;
	color: #07378b;
	padding-top: 0;
	margin-top: 0;
	text-transform: uppercase;
}
.news-sestion-2 {
	overflow: hidden;
}
.news-sestion-2 .grey {
	background-color: #f4f4f4;
	border: solid 1px #cecece;
	overflow: hidden;
	padding: 10px 0;
}
.news-sestion-2 h3 {
	font-size: 17px;
	color: #121212;
	font-family:'Gotham-medium';
	text-transform: inherit;
	margin-top: 0 !important;
	padding-top: 0;
}
.news-sestion-2 h4 {
	font-size: 14px;
	color: #a1a1a1;
	font-weight: 300;
	text-transform: inherit;
}
.news-panel-2 {
	border: solid 1px #cecece;
	overflow: hidden;
	margin-top: 50px;
}
.news-panel-2 .heading {
	font-size: 16px;
	color: #07378b;
	font-weight: 700;
	 display:block;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.news-panel-2 .heading:after {
	content: '';
    display: block;
    height: 20px;
    background-image: url(../img/news-heading.png);
    position: absolute;
    right: 0;
    z-index: -1;
    top: 18px;
    width: 30%;
    right: 15px;
}
.news-panel-2 .top-head {
	padding: 5px 8px;
}
.story-1 {
	background-color: #f8f8f8;
	padding: 0px 8px;
	border-bottom: solid 2px #fff;
	overflow: hidden;
	position: relative;
}
.ble:before {
	content: "";
	position: absolute;
	width: 2px;
	background-color: #cecece;
	height: 100%;
	left: 0;
}
.ble:hover.ble:before{
	background-color: #07378b;
}
.ong:before {
	content: "";
	position: absolute;
	width: 2px;
	background-color: #cecece;
	height: 100%;
	left: 0;
}
.ong:hover.ong:before {
	background-color: #f6a706;
}
.story-1 h3 {
	color: #484444;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: -1px;
	line-height: 25px;
}
.story-1 h4 {
	color: #6e6e6e;
	font-size: 14px;
	text-transform: inherit;
	font-family:'Gotham-light';
	font-weight: 300;
	line-height: 20px;
}

/*
===================  Get in touch with us ==================*/
.get-in-touch-with-us {
	padding: 30px 0;
	overflow: hidden;
}
.get-in-touch-with-us h3{
	color: #07378b;
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.social {
	background-color: #f1f1f1;
	overflow: hidden;
	padding: 10px;
}
.social .footer-social ul li{
	padding: 0 2px;
	position: relative;
	height: 50px;
	width: 45px;
	border-radius: 5px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.social .footer-social ul a li i{
	position: absolute;
    margin: 0 auto;
    top: 16px;
    left: 14px;
    right: 0;
    color: #fff;
    font-size: 20px;
}
.social .footer-social ul li .fa-facebook {
	left: 15px;
}
.social .footer-social ul .fb {
	background-color: #3b5998 !important;
}
.social .footer-social ul .tw {
	background-color: #00aced;
}
.social .footer-social ul .go {
	background-color: #00aced;
}
.social .footer-social ul .li{
	background-color: #007bb6;
}
.social .footer-social ul .rs{
	background-color: #e67329;
}
.blue-bg-getintouch {
	background-image: url(../img/newsletter.jpg);
	padding-bottom: 15px;
}
.blue-bg-getintouch h3 {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	padding: 20px 0;
}
.blue-bg-getintouch input {
	width: 88%;
	border-radius: 0;
	margin: 10px auto;
	display: block;
	height: 50px;
}
.getintouchbtn {
	width: 88%;
	margin: 0 auto;
	border-radius: 0;
	border: none;
	color: #fff;
	font-weight: 700;
}
.blue-bg-getintouch .form-control {
	padding: 6px 5px;
}
.blue-bg-getintouch .form-control::-moz-placeholder {
  color: #404040;
  opacity: 1;
  font-size: 12px;
}
.blue-bg-getintouch .form-control:-ms-input-placeholder {
  color: #404040;
  font-size: 12px;
}
.blue-bg-getintouch .form-control::-webkit-input-placeholder {
  color: #404040;
   font-size: 12px;
}


/* 
================== Banner-Contact ================= */
.banner3{
		background-image: url("../img/banner3.png");
background-size: cover;
padding: 30px 0px;
background-position: 51% center;
border-bottom: 6px solid #F6A706;
padding-bottom: 45px;
}
.banner3 h1{
	color: #07378b;
}
.banner3 p{
	color: #07378b;
	font-size: 28px;
	font-family:'Gotham-book';
}	

/* 
==================Contact-section ================= */
.bg-grey2{
	background-color: #f7f7f7;
}
.width-420 {
	width: 420px;
}
.ml160 {
	margin-left: 160px;
}
.light-blk{
	font-family:'Gotham-book';
	color: #182232;
	font-size: 16px;
}
.contact{
	padding-top: 75px;
	padding-bottom: 50px;
}
.section-1{
	border:1px solid #D2CBCB;
	border-radius: 0px;
	height: 150px;
	background-color: #fff;
}
.section-1-2{
	border:1px solid #D2CBCB;
	border-radius: 0px;
	margin: 0px 22px;
	height: 150px;
	background-color: #fff;
}
.padding-left-5 {
	padding-left: 10px;
}
.eclipse-y{
	background-color: #F6A706;
	width: 70px;
	height: 70px;
	margin: 30px 0px;
	border-radius: 100%;
}

.img-eclipse{
	margin-top: 23px;
	margin-left: 5px;
}
.pera-orng{
    color: #07378b;
    font-size: 17px;
    margin-top: 20px;
    margin-bottom: 5px !important;
}
.eclipse-b{
	width: 70px;
	height: 70px;
	margin: 30px 0px;
	border-radius: 100%;
	background-color: #182232;
	margin-left: 30px;
}
.pera-blak{
	color: #182232;
	font-size: 17px;
	font-family:'Gotham-medium';
	margin-top: 31px;
	margin-bottom: 0px !important;
	text-transform: uppercase;
}
.img-eclipse2{
	margin-top: 21px;
	margin-left: 8px;
}
.section-2{
	border:1px solid #D2CBCB;
	border-radius: 0px;
	margin: 20px 0;
	height: 150px;
	background-color: #fff;
	padding-left: 57px;
	padding-right: 0px;
	margin-top: 30px;
	margin-left: 160px;
	width: 840px;
}
.pera-blue{
	color: #07378b;
    font-size: 30px;
    font-family: 'Gotham-medium';
    margin-top: 20px;
    margin-bottom: 0px !important;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.bold{
    color: #182232;
    font-size: 41px;
    font-family: 'Gotham-medium';
    margin-top: -5px;
    margin-bottom: 0px !important;
    text-transform: uppercase;
}
.eclipse-blue{
	width: 75px;
	height: 75px;
	margin: 30px 0px;
	border-radius: 100%;
	background-color: #07378b;
}
.img-eclipse3{
	margin-top: 21px;
	margin-left: 11px;
}
/* 
==================Location-section ================= */
.Location{
	padding: 50px 0px;
}
.Location h2{
	padding-bottom: 30px;
	color: #07378b;
	font-family:'Gotham-bold';
	text-transform: uppercase;
}
  .small-img{
	background: url(../img/location2.png) no-repeat scroll 0px 5px;
	padding-left: 25px;
	font-size: 15px;
	color: #404040;
	font-family:'Gotham-book';
	display: block;
	text-transform: uppercase;
}
.small-img2{
	background: url(../img/phone.png) no-repeat scroll 0px 3px;
	padding-left: 25px;
	font-size: 18px;
	color: #404040;
	font-family:'Gotham-book';
	display: block;
	margin-top: 10px;
}
.small-img3{
	background: url(../img/at2.png) no-repeat scroll 0px 5px;
	padding-left: 25px;
	font-size: 18px;
	color: #404040;
	font-family:'Gotham-book';
	display: block;
	margin-top: 10px;
}
.map{
	margin-top: 30px;
	margin-bottom: 40px;
	height: 240px;
}
.line{
	margin-bottom: 30px;
}
.grey-hr{
	border-color: #c1c2c5!important;
	margin-top: 0px !important;
margin-bottom: 0px !important;
}


/*
================== Banner-tornoto ================= */
.bg-tornoto{
	padding-bottom: 50px;
	    padding-top: 40px;
}
.banner5{
background-image: url("../img/banner-mortgage.png");
background-size: cover;
padding: 30px 0px;
background-position: 51% center;
border-bottom: 6px solid #F6A706;
padding-bottom: 45px;
}
.banner5 h1{
	color: #07378b;
}
.banner5 p{
	color: #07378b;
	font-size: 28px;
	font-family:'Gotham-book';
}	
/*
================== tornoto Section2================= */
.pera-sec{
	padding: 0px;
}
.pera-sec p{
	font-size: 16px;
	color: #58656d;
	font-family:'Gotham-book';
}
.pera-sec h2{
	letter-spacing: -1px;
}
.pera-sec h6{
	margin-top: 30px;
	margin-bottom: 30px;
	letter-spacing: -1px;
}
/*
================== tornoto Section3================= */
.blue-back-img{
	background: url("../img/blue-img.png");
background-position: 104% 0%;
padding: 60px 70px;
}
.orng-back-img{
	background: url("../img/orng-img.png");
	padding: 60px 70px;
}
.white-heading{
	color: #fff;
	font-size: 20px;
	font-family:'Gotham-bold';
	margin-bottom: 30px;
	text-align: right;
	text-transform: uppercase;
}
.white-heading2{
	color: #fff;
	font-size: 20px;
	font-family:'Gotham-bold';
	margin-bottom: 30px;
	text-transform: uppercase;
}
.bullet-t{
    background: transparent url("../img/bullet.png") no-repeat scroll 0px 5px;
    color: #FFF;
    padding-left: 25px;
    font-size: 16px;
    font-family:'Gotham-book';
    display: block;
    margin-top: 20px;
    text-align: right;
}
.bullet-o{
	background: transparent url("../img/blue-check.png") no-repeat scroll 0px 5px;
    color: #FFF;
    padding-left: 25px;
    font-size: 16px;
    font-family:'Gotham-book';
    display: block;
    margin-top: 29px;
}
.bg-off-t{
	padding-top: 30px;
}
.orng{
	color: #f6a706;
}
/*
================== contact-info================= */
.contact-info{
	padding-top: 40px;
}
.contact-sec1{
	margin-top: 30px;
}
.contact-sec2{
	margin-top: 20px;
}
.contct-pera2{
	font-size: 25px;
	color: #616161;
	font-family:'Gotham-book';
	margin-top: 12px;
}
.contct-pera{
	font-size: 16px;
	color: #616161;
	font-family:'Gotham-book';
	margin-top: 12px;
}
.grey-hr3{
	margin-top: 50px;
	margin-bottom: 0px !important;
}
.map-t{
	margin-top: 20px;
}
/* 
================== Banner-application ================= */
.banner4{
		background-image: url("../img/banner4.png");
background-size: cover;
padding: 30px 0px;
background-position: 51% center;
border-bottom: 6px solid #F6A706;
padding-bottom: 45px;
}
.banner4 h1{
	color: #07378b;
}
.banner4 p{
	color: #07378b;
	font-size: 28px;
	font-family:'Gotham-book';
}	
/*
=======================Consultation section2 ================ */
.bg-consultation{
	padding-top: 40px;
	padding-bottom: 60px;
	background-color: #f5f5f5;
}
.consultation-data{
	margin-top: 45px;
}
.consultation-app h2{
	color: #07378b;
	font-size: 38px;
}
.pera-b-blue{
	color: #07378b;
	font-size: 30px;
	font-family:'Gotham-bold';
	text-align: center;
	margin-top: 42px;
}
.light{
	font-size: 13px;
	color: #a0a0a0;
	font-family:'Gotham-Light';
}
/*
=======================app 3rd section ================ */
.bg-app{
	padding-top: 50px;
}
.work{
	background-image: url(../img/shape-1.png);
	padding: 30px 5px;
	background-repeat:no-repeat;
	background-position: 0 50%;
}
.work2{
	background-image: url(../img/shape-2.png);
	padding: 30px 5px;
	background-repeat:no-repeat;
	background-position: center center;
}
.work3{
	background-image: url(../img/shape-3.png);
	padding: 30px 5px;
	background-repeat:no-repeat;
	background-position: 100% 50%;
}
.work p{
	color: #7a7a7a;
	font-size: 15px; 
	font-family:'Gotham-medium';
	text-transform: uppercase;
	text-align: center;
	margin-right: 62px;
}
.work2 p{
	color: #7a7a7a;
	font-size: 15px; 
	font-family:'Gotham-medium';
	text-transform: uppercase;
	text-align: center;
}
.work3 p{
	color: #7a7a7a;
	font-size: 15px; 
	font-family:'Gotham-medium';
	text-transform: uppercase;
	text-align: center;
margin-left: 54px;
}
.app-img1{
	margin-bottom: 10px;
	margin-left: 116px;
}
.app-img2{
	margin-bottom: 10px;
}
.app-img3{
	margin-bottom: 10px;
	margin-left: 155px;
}
.grey-hr2{
	border-color: #c1c2c5!important;
	margin-top: 50px;
}
.work2::before{
	content: url(../img/arrow-line.png);
	position: absolute;
top: 44%;
left: -81px;
}
.work2::after{
	content: url(../img/arrow-line.png);
	position: absolute;
	top: 46%;
right: -76px;
}
.padding-left{
	padding-left: 0px;
}
.padding-right{
	padding-right: 0px;
}
/*
=========================== Our Association ===============*/
.our-associates {
	padding: 40px 0;
	overflow: hidden;
	padding-bottom: 60px;
}
.our-associates h2 {
	text-align: center;
	color: #07378b;
	font-size: 38px;
}
.logos {
	border: solid 1px #07378b;
	padding: 12px;
	border-radius: 7px;
	height: 85px;
	margin-top: 30px;
}
.pading-top-10 {
	padding-top: 15px;
}
.logos img {
	width: 100%;
}
.logos:hover {
	border-color: #fba919;
}
/*
===================== Newsletter ==================*/
.newsletter {
	background-color: #f6a706;
	padding: 30px 0;
	padding-bottom: 20px;
}
.newsletter h3 {
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	padding-left: 40px;
	background: url(../img/users.png) no-repeat;
	background-position: left center;
	padding-top: 6px;
}
.newsletter p {
	font-size: 17px;
	color: #fff;
	font-weight: 700;
	padding-top: 10px;
}
.newsletter input {
	margin-top: 10px;
	border: none;
	width: 95%;
	padding: 22px 10px;
}
.newsletter input[type="submit"] {
background: #275099; /* Old browsers */
background: -moz-linear-gradient(top,  #275099 0%, #07317a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#275099), color-stop(100%,#07317a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #275099 0%,#07317a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #275099 0%,#07317a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #275099 0%,#07317a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #275099 0%,#07317a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#275099', endColorstr='#07317a',GradientType=0 ); /* IE6-9 */
	color: #fff;
	font-weight: 700;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	line-height: 0;
}
.newsletter input[type="submit"]:hover {
background: #3b70db; /* Old browsers */
background: -moz-linear-gradient(top,  #3b70db 0%, #07317a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b70db), color-stop(100%,#07317a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3b70db 0%,#07317a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3b70db 0%,#07317a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3b70db 0%,#07317a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3b70db 0%,#07317a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b70db', endColorstr='#07317a',GradientType=0 ); /* IE6-9 */
}
/*
========================  Footer ======================*/
.footer {
	background-color: #07378b;
	padding: 40px 0;
}
.footer h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
.footer-links a{
	color: #d5d5d5;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 14px;
}
.footer-links a:hover {
	text-decoration: none;
}
.footer-links li {
	display: block;
	padding: 5px 0;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.footer-links li:hover {
	padding-left: 10px;
}
.last a{
	font-size: 16px !important;
}
.overflow-hidden {
	overflow: hidden;
}
.get-in-touch {
	background: url(../img/location.png) no-repeat;
	color: #d5d5d5;
	padding-left: 40px;
	text-transform: inherit;
	font-size: 15px;
	font-weight: 400;
	display: block;
	margin-top: 5px;
	background-position: 0 5px;
}
.phone-footer {
	background: url(../img/yellow-phone.png) no-repeat;
    font-weight: 700;
    font-size: 17px;
    margin-top: 10px;
    background-position: 0 6px;
    padding-top: 12px;
}
.phone-footer small {
	font-weight: 400;
	font-size: 15px;
	text-transform: uppercase;
}
.email {
    background: url(../img/at.png) no-repeat;
    padding-top: 13px;
    background-position: 0 4px;
    text-transform: uppercase;
}
/*
============== below Footer ================*/
.below-footer {
	background-color: #ededed;
	    padding-top: 25px;
    padding-bottom: 12px;
}
.footer-logos ul li {
	padding: 0 15px;
}
.footer-social ul li{
	padding: 0 2px;
	background-color: #101010;
	position: relative;
	height: 50px;
	width: 50px;
	border-radius: 10px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.footer-social ul a li i{
	position: absolute;
    margin: 0 auto;
    top: 16px;
    left: 17px;
    right: 0;
    color: #fff;
    font-size: 20px;
}
.footer-social ul a li .fa-facebook {
	left: 18px;
}
.footer-social ul a li:hover i{
	color: #f6a706;
}
.headoffice p{
	font-size: 15px;
	text-transform: uppercase;
	color: #d5d5d5;
}
.below-footer hr {
	border-color: #c7c7c7;
}
.copyright {
	font-size: 13px;
	text-transform: uppercase;
	color: #101010;
	font-weight: 700;
}
.policy a{
	color: #101010;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 700;
}
.policy li {
	padding: 0 5px;
}
.mt6 {
	margin-top: 60px;
}