@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900);

body, html
{
	font-family: 'Open Sans Condensed', sans-serif;
	background: none repeat scroll 0 0 #EEEEEE;
}
.clear
{
	clear: both;
}
.container-full
{
	width: 100%;
}
.container
{
	margin: 0 auto;
	min-width: 400px !important;
	max-width: 980px !important;
}
#landing-choose-text {
	display: block;
  	margin-bottom: 10px;
}
@media (min-width: 900px) {
  #landing-choose-text {
    display: inline;
  	margin-bottom: 0;
  }
}
#content-full::after {
	content: "";
	background-image: url(/images/home-167734.jpg);
	background-position: center -120px;
	opacity: 0.10;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

/* Green buttons based on browser width */
#refinance-button.buttons-2, #purchase-button.buttons-2 {
	width: 30%;
}
#refinance-button.buttons-3, #purchase-button.buttons-3 {
	width: 15%;
}
#heloc-button.buttons-3 {
	width: 25%;
}
@media(min-width: 620px) {
	#refinance-button.buttons-2, #purchase-button.buttons-2 {
		width: 20%;
	}
	#refinance-button.buttons-3, #purchase-button.buttons-3 {
		width: 10%;
	}
	#heloc-button.buttons-3 {
		padding-right: 5px; padding-left: 5px;
	}
}
@media(min-width: 620px) {
	#refinance-button.buttons-3, #purchase-button.buttons-3 {
		padding-left: 5px;
	}
}
@media(min-width: 1000px) {
	#refinance-button.buttons-2, #purchase-button.buttons-2 {
		width: 30%;
	}
	#refinance-button.buttons-3, #purchase-button.buttons-3 {
		width: 15%;
	}
	#heloc-button.buttons-3 {
		width: 25%;
	}
}
/* END Green buttons based on browser width */

#menu-full
{
	background-color: #000;
}
#menu
{
	height: 50px;
	text-align: right;
}
#menu img
{
	float: left;
	margin: 10px 0 0 10px;
}
#menu ul
{
	float: right;
	margin: 15px 0 0 0;
}
#menu ul li
{
	display: inline-block;
}
#menu a
{
	color: #999;
	font-weight: 600;
	text-decoration: none;
	margin: 0 15px 0 0;
}
#content-full
{
	background: url(/images/bgWrapper.jpg) no-repeat top center;
	color: #fff;
	padding-bottom: 10px;
}
#content
{
	padding: 0;
}
#header-full
{
	height: 50px;
	line-height: 50px;
  background: rgba(0,0,0,.15);
}
#header
{
	color: #fff;
	opacity: 1;
}
h2
{
	font-size: 22px;
	float: left;
	color: #444;
}
.rate-finder-countdown-text
{
	float: right;
}
#form-container
{
	width: 635px;
	margin: 30px 0;
	padding: 30px;
	float: left;
	background: #fff;
	color: #666;
}
.drop-shadow
{
    position:relative;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.drop-shadow:before, .drop-shadow:after
{
	content:"";
    position:absolute;
    z-index:-1;
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    border-radius:100px / 10px;
}
.drop-shadow:after
{
    right:10px;
    left:auto;
    transform:skew(8deg) rotate(3deg);
}

h1
{
	font-size: 32px;
	font-weight: 600;
	line-height: 42px;
	color: #1C285B;
	font-family: 'Roboto', sans-serif;
}
h3
{
	margin: 20px 0 10px 0;
	font-size: 20px;
}
.trust-icons
{
	margin: 0;
	padding: 10px 0 5px 5px;
	background: none;
}
.trust-icons img
{
	margin: 0 10px 0 0;
}
.trust-icons a
{
	text-decoration: none;
	vertical-align: none;
}
#right-col
{
	float: left;
	margin: 20px 0 0 0;
	padding-left: 3%;
}
#right-col-head
{
	color: #264452;
	/* font-weight: 600; */
	font-size: 20px;
}
#right-col-head-as-seen
{
	color: #264452;
	font-weight: 600;
	font-size: 20px;
}
#right-col-phone
{
	font-size: 29px;
	font-weight: 600;
	color: #1C285B;
}
#right-col ul
{
	list-style-type: none;
	width: 100%;
}
#right-col ul li
{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAR5JREFUOI2N001KA0EQBeAvPyJZiYIX0IWRECUxtxAEQfAOgosQj+DKYPA0LoUgZOPWjaAJJp5Bs/Bv0R0Zk5nRgoJ+1fWq3nTVFKRbEXVsRPyEe3xm5P/YEjp4wdecT9BGOYu8hgFe0UUDy9GbuMQbbrGa1nmAZ2znKKxhjD5KyYtO7JxHThaZ4nQWKArf3P0HeWY9jGZgV3ikRg7hAncJvBc5VTiMYDmRcICjeO7iHceJ+0rk7GcVOMMHrlPICwV2ImjOJZ1nkKEVOVuER5wIc5639ZQYXGGYDLSFJallEJJWF8Z4kgyWhQ0b/1GkHtXemFskwnr2o5KeMKpK9FaUPY3klawOJWHDRhZ/pmGU/atzIUduFZvx/IiHtKRvCk9D3rNqulUAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: 0 6px;
	padding: 0 0 0 20px;
	margin: 10px;
	font-size: 18px;
	font-weight: 600;
	color: #444;
	float: left;
}
@media (min-width: 960px) {
  #right-col ul li {
    float: none;
    margin: 10px 0;
  }
  #right-col {
  	margin: 50px 0 0 0;
  }
}
#sub-footer
{
	clear: both;
	padding: 10px 0 0 0;
	background: none repeat scroll 0 0 #EEEEEE;
}
#sub-footer a, .trust-icons a
{
	color: #1E647F;
	text-decoration: none;
	font-size: 14px;
	vertical-align: middle;
}
#advertising-licensing-link
{
	display: block;
	float: right;
	margin-top: 15px;
	color: #1C285B;
}
#sub-footer .company-contact
{
	margin: 0 60px;
	float: left;
}
#sub-footer .logo
{
	width: 240px;
	height: 49px;
	display: block;
	float: left;
}
#sub-footer .logo_pic
{
	width: 370px;
	height: 49px;
	display: block;
	float: left;
}
#sub-footer .links
{
	padding: 5px 0 0 0;
	float: left;
	font-size: 12px;
}
#sub-footer .links a
{
	font-size: 12px;
}
#sub-footer .links-text
{
	padding: 5px 0 0 0;
	float: left;
}
#sub-footer .phone
{
	color: #1C285B;
	font-size: 22px;
}
#sub-footer .address
{
	margin: 10px 0 0 0;
	font-size: 12px;
}
#footer
{
	padding: 20px 0 6px 0;
    font-size: 12px;
}
#footer p
{
	line-height: 20px;
	color: #000;
	margin: 0 0 10px 0;
}
#circle_one
{
	width: 35px;
	margin: 0 10px 0 0;
	vertical-align: middle;
}
p.loan-purpose-option
{
	font-size: 32px;
	margin: 0 0 20px 60px;
}p.loan-purpose-option a
{
	text-decoration: underline;
	color: #fff;
}
.progress-bar-container
{
	clear: both;
	margin: 0 auto;
	padding: 20px;
	width: 420px;
}
.progress-bar {
	display: block;
	width: 100%;
	margin: 0 auto;
	background: #3d974f;
	padding: 2px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.progress-current {
	display: block;
	position: relative;
	background: #fff;
	text-align: right;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	height: 5px;
}

.progress-percentage {
	position: relative;
	top: -23px;
	font-size: 12px;
	line-height: 1em;
}

hr {
	display: block;
	border: none;
	border-bottom: 4px solid #eee;
}
#right-col-head, .rate-finder-question {
	color: #444;
}

.cta-button {
	background-color:#1C285B;
	background-image:url("/images/blue-bg.gif");
	border-radius:5px;
	color:#ffffff;
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	line-height:53px;
	text-align:center;
	text-decoration:none;
	-webkit-text-size-adjust:none;
	height: 53px;
}
.cta-button:hover,
.cta-button:focus {
	background-color:#1C465B;
	background-image:none;
}
.cta-button:not(.no-icon):after {
  content:  "\0000a0";
  display: inline-block;
  height: 24px;
  width: 24px;
  line-height: 24px;
  margin: 0 -4px -6px 4px;
  position: relative;
  top: 0px;
  left: 0px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAqdJREFUSInVlb1LW1EYxn/mxpgWdDGBoF7xay46FW6gulc6F6EKrVB0SBGHLF10cUw79S8olKKDJIqJSwRthwTSSQhZSsBeEgKlpWpzv94OMSU198YI7dBnPed9nvfrPAf+MZRb3O0B/C0x8rcSeAS8BUrAT8AGKsAh8AIYvCkrL2jAG1VV7y0sLDA7O8vExASBQABd18nlcmxvb3NycvJNRDaBV4DTbebPg8GgubW1JZeXl+I4jrjBtm1Jp9MyNTUlwC4Q7Ib8ycDAgBweHnoSX0e1WhVN05oivk7kk4qi/Njd3e2KuBWVSqVZyVongXfLy8tiWVYbQb1ev1Hk4OBAenp6vuIx+CFFUcxSqdQWeHp6KuFwWPb39zsK2LYt0WhUaGxXG55Go1ExDMM1OJVKSSgUkng87nlHRCSRSAiQdhN4HYvFxLZtz+ByuSyapommaVIul13vHB8fC6A3h9068cFwOIzP570EqqqSzWYZHx9ndHSUs7Oz9j4PDQGEuHrxrWyWaZqIdHaATCZDOp0mFosRiUTazuv1OoCJi5VsLi4uum6QSGOL1tfXJRQKyd7enmcbk8mkAEWuXMLfIvDh6OgIx3FQlD89sFarMT8/T29vL4VCgZGREdfqRIRsNgvw0a2Cu4CeSqXastJ1XRKJhJim6Zm5iMj5+bkMDw8L8NCrxfGZmRm5uLjoSOQGx3FkY2NDgDwd7KIPKKyurt6Y7XVkMhkJBAIGcN+LvIlJ4MvKykpXlViWJTs7O9Lf3+8Az24ibxUpTE9PSzKZFMMwxLKs3+5q27YYhiHFYlGWlpbE5/N9Bx67EXX6cPpoeMqaqqqRubk5xsbG8Pv9VKtVcrkc+XzedBznPfAS+HxbgSbuAA9o/HCjNF5oDfhEw3MqXXD8x/gFHaI2t8Z3tcwAAAAASUVORK5CYII=') no-repeat left center transparent;
  background-size: 100% 100%;
}

.or-call-for-rates {
    display: none;
}

.progress-bar-container
{
	clear: both;
	margin: 20px auto;
	padding: 20px;
	width: 420px;
}
.progress-bar {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 2px;
	background: #EEEEEE;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.progress-current {
	display: block;
	position: relative;
	background: #1C285B;
	text-align: right;
	color:#444;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	height: 20px;
}

.progress-percentage {
	position: relative;
	top: -23px;
	font-size: 14px;
	line-height: 1em;
}

@media (max-width: 369px) {
    .header-logo img {
	width: 225px;
	height: 27px;
    }
}

@media (min-width: 768px) {
    .header-logo img {
	width: 480px;
	height: 59px;
    }
}

@media (min-width: 1024px) {
    .header-logo img {
	width: 480px;
	height: 59px;
    }
}

.move-logo-pic
{
	margin-top: 15px;
}