@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i");
.mainBody {font-family: 'Lato', sans-serif !important;}


/* ## corrects possible view port issues in browsers that do not recognize the viewport meta tag ## */
/* http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


/*! normalize.css v2.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Removes default margin.
 */

body {
    margin: 0;
	font-family: 'Lato', sans-serif;
	color:#000;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * Removes border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ===============  Default Adjustments  =============== */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

::-moz-selection { background: #3197fc; text-shadow: none; }
::selection { background: #3197fc; text-shadow: none; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #0074a6; margin: 2em 0; padding: 0;}
img { max-width:100%; height:auto !important; vertical-align: middle; }
fieldset {border: 0;margin: 0; padding: 0; }
textarea { resize: vertical; }

p { margin:0 0 1em 0; }

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none; visibility: hidden; }

.visuallyHidden, .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyHidden.focusable:active,
.visuallyHidden.focusable:focus,
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.hide       { display:none; }
.smallest   { font-size:.8em; }
.smaller    { font-size:.9em; }
.larger     { font-size:1.1em; }
.largest    { font-size:1.2em; }
.bold       { font-weight:bold; }
.italic     { font-style:italic !important; }
.strike     {text-decoration:line-through !important;}

.red, .red:visited          { color:#42b029 !important; }
.green, .green:visited      { color:#390 !important; }
.lgreen, .lgreen:visited    { color:#97937d !important; }

.bgYellow { background:yellow; }
.bgGreen { background:lime; }
.vtop { vertical-align:top; }
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }
.floatLeft { float:left; }
.floatRight { float:right; }
.imgLeft { float:left; margin-right:5px; padding:5px; border:1px solid #c4c4c4; }
.imgRight { float:right; margin-left:5px; padding:5px; border:1px solid #c4c4c4; }
.nowrap { white-space:nowrap; }
.borderless { border:0; border-collapse:collapse; }
.breakforprint { page-break-after:always; }
.clear { overflow:hidden; clear:both; height:0; margin:0; font-size:1px; line-height:0; }
.skip { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.important { color:red; font-weight:bold; text-transform:uppercase; }

.click-user *:focus, .click-user *:active {outline:0;}

/* ## Base List styles ## */
ul, ol { margin:0 0 1em; }
.noBullet { padding:0 0 0 1em; list-style-type:none; }
.noIndent { padding:0; list-style-type:none; }
.bulletSquare { list-style-type:square; }

/* ## Note/hint text or link ## */
.note { margin:0 7px; font-size:.8em; color:#4e4e4e; }
.note a, .note a:link, .note a:visited { text-decoration:underline; }


/* ================================================================
   PRIMARY LAYOUT STYLES
   ================================================================ */

/* Enter unique styles for site here */

/* ## Disabled Form Fields ## */
input[disabled=true]    { background-color: #F0F0F0; }
textarea[disabled=true] { background-color: #F0F0F0; }
select[disabled=true]   { background-color: #F0F0F0; }
input[readonly=true]    { background-color: #F0F0F0; }
textarea[readonly=true] { background-color: #F0F0F0; }
select[readonly=true]   { background-color: #F0F0F0; }

h1 {font-size: 30px; margin:0 0 .5em 0; color:#404040;}
h2 {font-size: 26px; margin:0 0 .5em 0; color:#404040; font-weight:normal;}
h3 {font-size: 22px; margin:0 0 .5em 0; color:#404040; font-weight:normal;}
h4 {font-size: 18px; margin:0 0 .75em 0; color:#404040;}
h5 {font-size: 1em; margin:0 0 1em 0; color:#404040;}
h6 {font-size: .9em; margin:0 0 1em 0; color:#404040;}

/* Removed :link from the list to help cut down on writing time and prevent the need for extra specificity for classes */
a, a:visited { color:#2376bc; text-decoration:none; }
a:hover, a:active, a:focus { color:#2376bc; text-decoration:underline;}
a:active, a:focus { outline:0; }

.btnText { margin:0; padding:0; color:#2376bc; text-decoration:underline; border:0; background:none; }
.btnText:hover { color:#2376bc; text-decoration:none; }

.svg-legend {
    height: 0;
    position: absolute;
    top: -999em;
    width: 0;
}

/* ## Link Modifiers ## */
a .text { text-decoration:underline; }
a:hover .text, a:active .text, a:focus .text { text-decoration:none; }
a [class^="icon-"], a .searchToggle-btn { text-decoration:none; }
a.removeLink { color:#f00; font-size:0.9em; }


/* ## Link Lists ## */
/* We use '<ul class="linkList">' when setting a list of organized links. */
ul.linkList {margin:0 0 15px 0; padding:0; list-style-type:none;}
ul.linkList li {margin-bottom:8px;}
ul.linkList a,
ul.linkList a:link,
ul.linkList a:visited { text-decoration:none;}
ul.linkList a:hover,
ul.linkList a:active {text-decoration:underline;}


/* ## Start Up Layout - Use, modify, or delete as need be ## */
body {background:#fff; }
.siteBody { min-height:300px; margin:0 0 30px; position:relative; overflow-x: hidden;}
.siteBody.landing,
.siteBody.home, 
.siteBody.landing-mortgage{margin:0;}

#main-content {outline: 0;}



/* ## Site Header ## */
.siteHeader {position:relative; min-height:80px; z-index:1000;}
.siteHeader .sitelogo-wrpr {
	display:block; width: 225px;
}
.siteHeader .sitelogo-wrpr p {margin:0;}
.siteHeader .sitelogo-wrpr a.sitelogo:focus {outline:1px dotted #000; outline-offset: 5px;}

.siteHeader .hdrPhonenum {
    background-position: 100% 0;
    background-repeat: no-repeat;
    bottom: 12px;
    display: block;
    height: 34px;
    position: absolute;
    right: 12px;
    text-indent: -9999em;
    width: 200px;
}
.headerLinks {
    font-size: 0.9em;
    margin: 0 0 10px;
    padding: 5px 0 0;
    text-align: right;
}
.headerLinks a, .headerLinks a:link, .headerLinks a:visited {
    margin: 0 3px;
    text-decoration: none;
}
.headerLinks a:hover, .headerLinks a:active {
    text-decoration: underline;
}


/* ## Disabled Form Fields ## */
.siteSearchWrpr {display:none; background:#2b3890; padding:12px 0; position:absolute; left:0; top:100%; width:100%; z-index:1002;}
.siteSearchWrpr.active {display:block;}

.toggle-search {
    /*background: #fff none repeat scroll 0 0;*/
    border: 0 none;
    color: #fff !important;
    cursor: pointer;
    display: block;
    font-size: 30px;
    position: absolute;
    right: 40px;
	top: 115px;
	z-index: 9;
}
.toggle-search:hover {text-decoration:none;}
.toggle-search:focus {outline:thin dotted; text-decoration:none;}

.toggle-search.active {font-size:26px; padding:4px 4px 0 0; text-decoration:none; /* outline:none; */
	/* -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); */	
}
.toggle-search.active .icon-search { width: 25px; height: 25px; margin: -6px 0 0; position: relative; display: inline-block; }
.toggle-search.active .icon-search:before, 
.toggle-search.active .icon-search:after {
    content: " ";
    width: 100%;
    height: 7px;
    background: #fff;
    display: inline-block;
    position: absolute;
    margin: auto;
    bottom: 0;
    right: 0;
    left: 1px;
    top: 1px;

	-webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.toggle-search.active .icon-search:after {
    content: " ";
	-webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.siteSearch {
	position:relative;
	padding-right:70px;
	
}
.siteSearch label {
    display: none;
}
.siteSearch .formee input[type="text"] {
    margin-bottom: 0;
    padding: 10px;
	font-size:24px;
	background:#fff;
	border:none;
	color:#333;
}

.siteSearch .btnWrapper {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 10px;
	width:30px;
	height:31px;
}
.siteSearch .btnWrapper:after {
	position:absolute;
	content: "\73";
	width:30px;
	height:31px;
    font-family: 'Basic-Icons';	
	left:0;
	top:0;
	color:#29b5e6;
	font-size:30px;
}
.siteSearch .btn {
	border:none;
	padding:0;
	width:30px;
	height:31px;
	background:none;
	position:absolute;
	z-index:9;
	text-indent: -9999em;
}
.siteSearch .btn:hover,
.siteSearch .btn:focus {background:transparent;}

.siteSearch.hawkResults .formee input[type="text"] {
	border:1px solid #ccc;
	margin-bottom:20px;
	font-size: 18px;
}
.siteSearch.hawkResults .btnWrapper:after {color:#2376bc; font-size: 26px;}

.siteSearch.staffResults .formee input[type="text"] {
	border:1px solid #ccc;
	margin-bottom:20px;
	font-size: 18px;
}
.siteSearch.staffResults .btnWrapper:after {color:#2376bc; font-size: 26px;}


/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	
}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.toggle-search {top:40px; right:25px; color: #2b3890 !important; z-index: 99999;}
	.siteSearch {padding-right:55px;}
	.siteSearch .btnWrapper {right:15px;}	
}
/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.toggle-search {top:2px; right:10px; color:#fff !important;  }
	.siteSearch {padding-right:40px;}
	.siteSearch .btnWrapper {right:0;}
}
@media only screen and (min-width:48em) and (max-width:74.938em){

}

/* ==========================================================================
   Global Modules
   ========================================================================== */

.mod { position: relative; margin:0 0 1em; }
.moreLink {text-align:right;}
.moreLink a {text-decoration:none;}
.moreLink a:after {
	content:'\3e';
	font-family: 'Basic-Icons';
	font-size:12px;
	font-weight:bold;
}

.moreLink a:hover,
.moreLink a:focus {text-decoration:none; color:#000;}

.title { position: relative; margin: 0 0 1em; }
.titleAlt { margin:0 0 0.1em; font-size:1.2em; }
.titleAlt2 {  }

.title .more {
	position: absolute;
	top:0;
	right: 0;
	font-size: 0.6em;
}

.modContent{
	padding: 15px;
}



/* Item Lists Content
   ========================================================================== */

.itemList {
	margin:0;
	padding:0;
	list-style:none;
}

.item {
	display:block;
	padding: 1em 0;
	width: 100%;
	border-top: 1px solid #ccc;
}
.item:first-child { border-top:0; padding-top:0; }
.item:last-child { padding-bottom: 0; }

.item > .content {
	display: table-cell;
	width: 100%;
	vertical-align: top;
}

.item .contentExtra {
	display: table-cell;
	vertical-align: top;
}

.content .title { margin:0; }

.content .date,
.documentItem .date { font-size:13px;}

.documentItem .date {margin-left:10px;}


/* Item Media
   ========================================================================== */

.aside {
	display: table-cell;
	padding: 0 15px 0 0;
	text-align: center;
}

.caption {
	display: block;
	font-size: 0.8em;
	line-height: 1.2em;
}


/* Media Queries for Item Lists
  ========================================================================== */


@media (max-width : 400px) {

	.item { display: block; }
	.item > .content { display: block;}
	.item > .aside { display: block;}

}


/* News
   ========================================================================== */

.article > .aside {
	float:right;
	margin: 1em;
}

.meta{
	margin:0.5em 0;
}

.meta > div {
	float: left;
}

.meta .social-tools{
	float: right;
}


/* ==========================================================================
   Filters
   ========================================================================== */

.filter{
	padding: 1em;
	border: 1px solid #b1b1b1;
	background: #f7f7f7;
}

.filter-options{
	float: left;
}

.filter-actions{
	float: right;
}

.filter.products-filter {border:none; padding:2em 2em 1em 2em; margin:0 0 40px;}
.products-filter .actions {margin:0 0 1em;}
.products-filter .actions .btn {border:2px solid #fff; font-size:18px; padding: 14px 20px;}

.products-filter .formee select {background:#fff; padding:14px 5px; color:#212121;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.products-filter .formee label {font-size:14px; font-weight:bold;}

.compliance-filter h3 {font-size:26px; font-family: 'Lato', sans-serif; font-weight:bold; text-align:center; color:#000;}
.compliance-filter p {text-align:center;}

@media only screen and (min-width:48em) {
	.products-filter .filterOptions {width:calc(100% - 130px); float:left;}	
	.products-filter .actions {float:right;}

	.compliance-filter p {padding:0 10%;}	
}
@media only screen and (min-width:1200px) {
	.compliance-filter .filterOptions {width:calc(100% - 220px); float:left;}	
	.compliance-filter .actions {float:right; margin-top:22px;}
}
@media only screen and (max-width:1199px) {
	.compliance-filter .filterOptions {width:100%;}
	.compliance-filter .actions	{width:100%; text-align:center;}
	.compliance-filter .actions .btn {min-width:114px; margin:0 10px;}
}
@media only screen and (max-width:479px) {
	.compliance-filter .actions .btn {margin:0;}
}	

.documents-filter .searchBtn {margin-bottom:5px;}


/* Pagination
   ========================================================================== */

.paging {
	padding: 1em 0;
	text-align:center;
}
.paging-results {
	float: left;
}

.paging-list {
	float: right;
}

.paging-list ul {
	display: block;
	padding: 0;
	margin: 0;
}

.paging-list li{
	display: block;
	padding: 0;
	margin: 0;
	border: 1px solid #002B40;
	border-left-width: 0;
	float: left;
}

.paging-list li:first-child{
	border-left-width: 1px;
}

.paging-list li a,
.paging-list li span {
	display: block;
	min-width: 30px;
	padding: 2px 5px;
	text-align: center;
}

.paging-list li a {
	/* Link State */
}

.paging-list li span {
	/* Current Page State */
}

.paging-list li.disabled {
	display: none;
}

.paging-list li.disabled+li {
	border-left-width: 1px;
}

.paging-list li.disabled+.all {
	border-left-width: 0;
}


/* pagination and filters */

.filters {float:left; display:inline; margin:0 0 5px 0;}
.filters .filterList {float:left; display:inline; margin-bottom:5px;}
.filters label { display:inline; margin:0 5px 0 0; font-weight:bold; font-size:0.8em; }
.filters .sortList {float:left; display:inline;  padding:3px 10px 0;}
.filters .sortList label {margin:0 5px 0 0;}
.filters select {margin-right:10px;}


.filters .sortList .last {border-right:0;}
.filters .sortItem {display:inline; margin:0; padding:2px 4px; font-size:0.8em; border-right:1px solid #999999;}
.filters .sortItem a, .filters .sortItem a:link, .filters .sortItem a:visited {padding-right:12px; text-decoration:none; background:url(/cms/images/layout/arrow_sortorder.gif) no-repeat 100% 2px;}
.filters .sortItem a.down, .filters .sortItem a.down:link, .filters .sortItem a.down:visited {font-weight:bold; background-position:100% -18px;}
.filters .sortItem a.up, .filters .sortItem a.up:link, .filters .sortItem a.up:visited {font-weight:bold; background-position:100% -38px;}

.pagination {float:right; width:400px; margin:0 0 10px 0; text-align:right;}
.pagination .view {float:right; display:inline; padding:0 0 0 10px;}
.pagination .view a,.pagination .view a:link, .pagination .view a:visited { display:inline-block; text-decoration:none; padding:2px 6px;}
.pagination .paging {float:right; display:inline; padding:0 10px; border-right:1px solid #999999;}
.pagination .paging a,.pagination .paging a:link,.pagination .paging a:visited {float:left; display:inline; margin:0 3px; padding:2px 6px; text-align:center; text-decoration:none; }
.pagination .paging .active {float:left; display:inline; margin:0 4px; padding:2px 6px; text-align:center; color:#000; background-color:#d2d2d2; text-decoration:none; border:1px solid #969696;}
.pagination .paging .total { float:left; display:block; padding-top:2px; color:#999999;}
.pagination a.arrowRight,.pagination a.arrowRight:link,.pagination a.arrowRight:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_right_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}
.pagination a.arrowLeft,.pagination a.arrowLeft:link,.pagination a.arrowLeft:visited {float:left; display:inline; background:url(/cms/images/layout/arrow_left_gray.gif) no-repeat 50% 50%; text-indent:-9999em;}



/* ==============================================================
   GLOBAL STYLES
   ============================================================== */
.alertWrpr {background-color: #2376bc;} 
.alert {
	overflow:hidden;
	/* border-bottom: 1px solid #575653; */
	/* margin: 1em 0; */
	padding: 10px;
	min-height: 50px;
	color: #fff;
	background-color: #2376bc;
	max-width:1200px;
	margin:0 auto;
}
@media only screen and (max-width:47.938em) {
	.alert {border-top: 1px solid #575653;}	
}

.alertSign {float:left; margin-right:5px;}
.alertItem {padding:10px 0; margin:0 0 0 50px;}
.alert a, .alert .date {color:#fff;}
.newsAlertDate {font-size:0.8em;}


.bdr        { border:1px solid #ccc; padding:1px; }
.bdrTop     { border-top:1px solid #999; }
.bdrRight   { border-right:1px solid #999; }
.bdrBottom  { border-bottom:1px solid #999; }
.bdrLeft    { border-left:1px solid #999; }

.bdrDash        { border:1px dashed #555244; }
.bdrDashTop     { border-top:1px dashed #999; }
.bdrDashRight   { border-right:1px dashed #999; }
.bdrDashBottom  { border-bottom:1px dashed #999; }
.bdrDashLeft    { border-left:1px dashed #999; }

.alternate	{background-color: rgba(0,0,0,0.03);}
.row		{background-color: #ffffff;}


/* ##  Error Markers  ## */

.fieldlbl {padding:4px 2px 0 0; text-align:right;}
.field {padding-left:2px;}
.fieldpad {padding-bottom:2px;}

.fieldtext {color:#000000;}
.fielderror {color:#cc0000;}
.fieldnorm {width:16px; height:20px;}
.fieldreq {width:16px; height:20px; background:transparent url(/cms/images/global/field-req.gif) no-repeat center right;}
 span.fieldreq {padding:0 6px; background-position:center center;}
 span.fieldnorm {padding:0 6px; background-position:center center;}
.fieldred {width:16px; height:20px; background:transparent url(/cms/images/global/field-error.gif) no-repeat center right;}
 span.fieldred {padding:0 6px; background-position:center center;}


/* ##  Tooltip Classes  ## */

.toolTipWrpr {display:none;width:340px;z-index:99;}
.toolTipShadow {background: url(/cms/images/core/tooltipbacktop.png) no-repeat top left;padding: 10px 13px 1px 13px;color:#666666;}
.toolTopShadowBottom {background: url(/cms/images/core/tooltipbackbottom.png) no-repeat top left;width:340px;height:16px;}
.toolTipDate {font-size:11px;color:#999999;font-weight:bold;}
.toolTipName {font-size:14px;color:#666666;font-weight:bold;margin-bottom:14px;}


/* ##  Generic Pager  ## */

.sortStatus {margin:0 0 15px 0;}

@media only screen and (min-width:48em){
	.paging {text-align:left;}
	.sortStatus {float:left;}
	.genericPager {float:right;}
}
.genericPager {display:inline-block;}

.genericPager ul {list-style-type: none; margin:0; padding:0;  text-transform: capitalize;}
.genericPager li {float:left; display:block; margin:0; padding:0; border-right:1px solid #545454; padding:0px 12px;}
.genericPager li:last-child {border-right:none;}
.genericPager li a {float:left; color:#545454; /* padding:0px 12px; */  text-decoration:none; display:blocok;}
.genericPager li a:hover, .genericPager li a:focus { color:#2376bc; text-decoration:none; }
.genericPager li.active, 
.genericPager li.active a {color:#2376bc; font-weight:bold;}


/* ##  Smart Bug  ## */

.smartbug ul { list-style-type:none; background-color:#ccc; font-size:10px; border-left:1px solid #000; border-right:1px solid #000; border-top:1px solid #000; padding:0px; }
.smartbug li { border-bottom:1px solid #000; }
.smartbug a, .smartbug a:link, .smartbug a:visited { text-decoration:none; display:block; color:#000; padding:5px; }
.smartbug a:hover { background-color:#999; text-decoration:underline; }


/* ##  Master Overlay Styles ## */

.siteOverlay {
    display:none;
    position:relative;
    width:400px;
    max-width:95%;
    min-height:1px;
    background-color:#fff;
	overflow:hidden;
    z-index:1000;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
    -webkit-box-shadow:0 0 15px #333;
       -moz-box-shadow:0 0 15px #333;
            box-shadow:0 0 15px #333;
}
.siteOverlay .overlayBar {position:relative; padding:7px 10px; text-align:right; border-bottom:1px solid #e6e6e6;}
.siteOverlay .overlayBar {background: url(/cms/images/logo.png) no-repeat 10px 7px / 120px 40px; height:55px}
.siteOverlay .overlayClose {display:inline-block; cursor:pointer; z-index:5;
	position:relative;
	width:30px;
	height:30px;
}
.siteOverlay .overlayClose:after {
	position:absolute;
	content:"+";
	top:0;
	right:6px;
	height:100%;
	width:100%;
	font-size:20px;
	color: #c8102c;
	-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);
}


.siteOverlay .overlayContent {padding:15px;}

.siteOverlay .overlayContent h1 {font-size:24px; margin-bottom:10px;}
.siteOverlay .overlayContent #external_link {margin-bottom:15px;}
.siteOverlay .overlayContent #external_link a {
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display:inline-block;
    width: 100%;
    margin: 0;
}
.siteOverlay .btn.modalClose {margin: 0 5px;}

/* =================================================================
                           MODULE STYLES
===================================================================*/

.bar {margin-top:10px; margin-bottom:10px;}

/* ##  Breadcrumb  ## */

.breadcrumbs a, .breadcrumbs a:visited { text-decoration:none; }
.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active { text-decoration:underline; }
.breadcrumbs span { margin:0 2px; font-weight:normal; }


/* ##  PAGE TOOLS  ## */
/* Print and Email icons and wrapper */

.pageToolsWrapper {float:right; display:inline-block; text-align:right; margin-top:10px;}

.pageTool { margin:0 10px 0; font-size:0.938em; color:#686868; font-weight:normal; text-decoration:none; cursor:pointer; }

.pageToolsWrapper a {display:inline; margin-left:20px; text-decoration:none;}
.pageToolsWrapper a:hover,
.pageToolsWrapper a:active {color:#1C4E87; text-decoration:none;}

.pageToolsWrapper a:focus {outline:thin dotted;}

.pageToolsWrapper a.bookmark,
.pageToolsWrapper a.bookmark:link,
.pageToolsWrapper a.bookmark:visited {padding:0 0 0 18px; margin-left:7px; background-position:0 -39px;}
.pageToolsWrapper a.bookmark:hover,
.pageToolsWrapper a.bookmark:active {background-position:0 -119px;}

.pageToolsWrapper .addthis_toolbox { /*float:right;*/ display:inline; float:left;}
.pageToolsWrapper .addthis_toolbox a,
.pageToolsWrapper .addthis_toolbox a:link,
.pageToolsWrapper .addthis_toolbox a:visited {background:none; padding:0 0 0 25px; margin:0 0 0 5px; 
	background: url(/cms/images/layout/icon-share.png) no-repeat 0 0;
}

.addthis_toolbox { display:inline; }

.pageToolsWrapper .addthis_toolbox span.at-icon-wrapper {display:none;}


/* ## Email a Friend ## */

.emailFriendWrapper {}
.emailFriendWrapper .inner { padding:10px; }
.emailFriendWrapper .emailFriendSender { margin:10px 0 20px; border-bottom:1px dashed #ccc; }
.emailFriendWrapper .emailFriendAdditional { margin:10px 0 0; padding:20px 0 0; border-top:1px dashed #ccc; }

.emailFriendWrapper .siteHeader {margin:0 0 10px; border-bottom: 3px solid #242f78;}

/* =================================================================
                        THIRD PARTY STYLES
===================================================================*/



/* =================================================================
                        PRINT STYLES
===================================================================*/

.hd  {padding:10px; border-bottom:3px solid #242f78; margin:0 0 10px 0;}
.ftr {padding:10px; border-top:3px solid #242f78; font-size:13px; margin-top:10px;}

.printBody {margin:0; padding:0; color:#333; background:#fff; width:100%;}
.printWrpr {width:660px; text-align:left; margin:0 auto; z-index:1;}

.emailBody {margin:0; padding:0; background:#fff; width:100%;}
.emailWrpr {width:680px; text-align:left; margin:0 auto; z-index:1;}

.printWrpr .mortgageBoxTop,
.printWrpr .mortgageBoxBottom {
	min-height:0 !important;
}

.printWrpr .collapsed {
	display: block;
}

.printWrpr tbody.collapsed {
	display:table !important;
	width:100%;
}

.staff.invisible {
	visibility: visible;
}

.footer-timestamp {
	float:right;
}

@media print {
	* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid; }
}

/* ## Button Styles ## */
/*
    <span class="btnWrapper"><input class="btn" value="Submit" /></span>
	or
	<a href="#" class="btnWrapper"><span class="btn">Submit</a></a>
*/

.btnWrapper { display:inline-block; text-decoration:none !important; 
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.btn { display:inline-block; margin:0; padding:10px 20px; font-weight:normal; color:#144975; background-color:#92c73d; border:none; text-align:center; text-decoration:none; cursor:pointer; overflow:visible; font-weight:bold; text-transform:uppercase;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.btn:hover, .btn:focus {background-color:#666; color:#fff;}
a.btn {color:#144975;}
a.btn:hover, a.btn:focus {text-decoration:none;}

.btnAlt {background-color:#cccccc ;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.btnAlt .btn {color:#fff; background-color:#2075bb; text-align:center; text-decoration:none; cursor:pointer;}
.btnAlt:hover, .btnAlt .btn:hover, 
.btnAlt:focus, .btnAlt .btn:focus { background-color:#666; }
.btnAlt a.btn {color:#fff;}


.btnLarge .btn {padding:5px 10px; font-size:1.4em;}

.btnFullWidth {display:block;}
.btnFullWidth .btn {display:block; padding-left:0; padding-right:0; }
.btnFullWidth input.btn { width:100%; }

/* ## modifier for icon fonts (IcoMoon) embedded within button wrapper ## */

.btnWrapper [class^="icon-"] { margin:0 3px; font-size:0.7em; }

/* ## Site Icons ## */

.iconImage { position:relative; display:inline-block; bottom:1px; width:10px; height:10px;  vertical-align:middle; text-indent:-9999em; background:url(/cms/images/layout/icons_default.png) no-repeat 0 0; overflow:hidden; }
.iconCart { width:22px; height:22px; background-position:0 0; }
.iconRefresh { width:22px; height:22px; background-position:0 -27px; }
.iconContinueArrow { width:22px; height:16px; background-position:0 -57px; }
.iconCheckbox { width: 18px; height: 14px; background-position: -23px -112px; }
.iconXSquareRed { width: 12px; height: 12px; background-position: 0 -112px; }
.iconSearch { width: 14px; height: 14px; background-position: -55px 0; }
.iconQuestion { width: 22px; height: 22px; background-position: 0 -75px; }


/* ## truncate styling ## */

.truncateLink {}
.truncateLink a, .truncateLink a:link, .truncateLink a:visited { margin-left:5px; }
.truncateLink a.truncateMore, .truncateLink a.truncateMore:link, .truncateLink a.truncateMore:visited {}
.truncateLink a.truncateLess, .truncateLink a.truncateLess:link, .truncateLink a.truncateLess:visited {}


/* ## footer ## */

.footer {position:relative; /*margin-bottom:10px; padding:20px 0 0;*/}
.footerBar {margin-bottom:10px; min-height:1px; padding:10px; background-color:#ecf1f8;}
.ftrPhonenum {float:left; width:170px; height:28px; text-indent:-9999em; background-position:100% 0; background-repeat:no-repeat;}

.footer h4 {color:#fff;}

.advFooter {position: relative; margin-bottom:15px; padding:0 0 5px 0;}
.advFooter li.callout {margin-bottom:10px;}
.advFooter .callout a,
.advFooter .callout a:link,
.advFooter .callout a:visited {font-weight:bold; font-size:1.1em; color:#6d6d6d;}

ul.advList {margin:0 0 10px; padding:0; list-style-type:none;}
ul.advList a,
ul.advList a:link,
ul.advList a:visited {text-decoration:none;}
ul.advList a:hover,
ul.advList a:active {text-decoration:underline;}
ul.advList .listhdng {display:block; margin-bottom:8px; font-size:1.1em;}
ul.advList .listhdng,
ul.advList .listhdng a,
ul.advList .listhdng a:link,
ul.advList .listhdng a:visited {font-weight:bold; color:#6d6d6d;}

.footerHeading {display:block; margin:0 0 2px; font-weight:bold; font-size:1.1em;}

.welcomeMessage {position:absolute; bottom:5px; right:0; width:50%; padding:20px; font-size:12px; background-color:#ECF1F8; border:1px solid #9BAAB7;}
.welcomeMessage .iconClose {position:absolute; top:3px; right:3px; width:13px; height:13px; background:url(/cms/images/layout/icon_x.gif) no-repeat 0 0; cursor:pointer;}


.footerLinks {padding:40px 10px 10px 15px; }
.footerLinks a,
.footerLinks a:link,
.footerLinks a:visited {text-decoration:none; color:#fff; font-weight:bold; display:inline-block; margin:0 0 2px;}

.footerLinks a:hover,
.footerLinks a:focus,
.footerLinks a:active {text-decoration:underline;}

.copyright { text-align:right; color:#787878;}


/* ## Footer Email Signup ## */

.emailSignup {margin:0 0 15px;}
.emailSignup p { margin:0 0 2px 0; }
.emailSignup .imgLabel {float:left; margin:5px 7px 0 0;}
.emailSignup .text {float:left; width:165px; margin:0 5px 0 0;}


/* ## Footer Social Follow ## */

.social-icons a {font-size:15px; text-decoration:none; display:inline-block; margin:0 10px; padding:5px; /* background:#006eb9; */ background:#fff; color:#2b3890;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
.social-icons a:hover,
.social-icons a:focus {/* color:#fff !important; */ color: #242f78  !important; text-decoration:none; }

.social-icons a:focus {outline:1px dotted #fff;  outline-offset:3px;}

.social-icons a.linkedin {width:25px; height:25px; position: relative; top: 6px;
	background:url(/cms/images/layout/icon-linkedin-white.png) no-repeat 50% 50%;
}
/* .social-icons a.linkedin:hover,
.social-icons a.linkedin:focus {background:#fff url(/cms/images/layout/icon-linkedin.png) no-repeat 50% 50%;} */

.social-icons a.linkedin:hover,
.social-icons a.linkedin:focus {background:#242f78 url(/cms/images/layout/icon-linkedin-white.png) no-repeat 50% 50%;}

.main-content .social-icons a,
.bottom-main-content .social-icons a{
	color:#fff;
	font-size:22px;
	background: #006eb9;
}

.main-content .social-icons a.linkedin,
.bottom-main-content .social-icons a.linkedin {
	width:32px;
	height:32px;
	/* background-size:cover;
	background-image: url(/cms/images/layout/icon-linkedin.png); */
	background: url(/cms/images/layout/icon-linkedin.png) no-repeat 50% 50% / cover;
}
.main-content .social-icons a.linkedin:hover,
.main-content .social-icons a.linkedin:focus,
.bottom-main-content .social-icons a.linkedin:hover,
.bottom-main-content .social-icons a.linkedin:focus {
	background-color:#242f78;
}

.social-icons.content {display:inline-block; margin:0 5px;}
.social-icons.content a {margin:0 7px;}

.extraNav .social-icons a { background: #fff; color: #2376bc; }
	.extraNav .social-icons a .s-icon {
		padding: 0 5px;
		color: #2376bc !important;
		background: #fff;
		border-radius: 50%;
		display: inline-block;
		font-size: 15px;
		height: 25px;
		width: 25px;
		line-height: 25px;
	}
.extraNav .social-icons a:hover,
.extraNav .social-icons a:focus {color:#242f78 !important;} 
.extraNav .social-icons a.linkedin {width:25px; height:25px; position: relative; top:6px; border:1px solid #fff;
	background:url(/cms/images/layout/icon-linkedin-white.png) no-repeat 50% 50%;
}
.extraNav .social-icons a.linkedin:hover,
.extraNav .social-icons a.linkedin:focus {background:#242f78 url(/cms/images/layout/icon-linkedin-white.png) no-repeat 50% 50%;}

.footer .social-icons a {
	color:#2b3890;
}

.corlnav .social-icons a {color:#fff; background:#006eb9;}
.corlnav .social-icons a.linkedin {
	/* width:32px;
	height:32px; */
	background: url(/cms/images/layout/icon-linkedin.png) no-repeat 50% 50% / cover;
}
.corlnav .social-icons a.linkedin:hover,
.corlnav .social-icons a.linkedin:focus {
	background-color:#242f78;
}


/* ## Table Wrapper to allow for overflow/scroll on smaller screens ## */
.tableWrapper { overflow:auto; }
table.dataTbl {
	widtH:100%;
	display: table;
	border-collapse:collapse;
	margin-bottom:20px;
}
	.dataTbl p { margin: 0; }

	@media print {
		.tableWrapper { overflow: hidden !important; }
		.dataTbl p { max-width: 600px !important; }
	}
table.dataTbl tr {
	border-bottom:1px solid #e4e4e4;
}	
table.dataTbl th {background:#f0f2f2; padding:15px 10px; font-size:1em; text-align:left;}
table.dataTbl th a {color:#fff; text-decoration:underline;}
table.dataTbl td {vertical-align:top; padding:5px 10px;}
table.dataTbl td td {border-style:none;}

table.lenders-table th {
	font-size:14px;
}

table.lenders-table td {
	vertical-align:bottom;
	padding:15px 10px;
	line-height:1.4; 
}

@media only screen and (max-width:30em){
	table.lenders-table th,
	table.lenders-table td {
		display:block;
		width:100%;
	}	
}

table.programs-table {}
table.programs-table th {
	font-size:14px;
	border-right:1px solid #fff;
	padding: 10px;
}
table.programs-table th:first-child {width: 38%;}
table.programs-table th:last-child {border:none; width: 26%;}
table.programs-table tr {border-bottom:none;}
table.programs-table td {
	vertical-align:top;
	padding:3px 10px;
	line-height:1.4;
	font-size:15px;
}
table.programs-table tr.firstRow td {padding-top:15px;}
table.programs-table tr.lastRow td {padding-bottom:15px; border-bottom: 1px solid #e4e4e4; font-size:14px;}




table.income-limits-table {}
table.income-limits-table th {
	font-size:14px;
	border-right:1px solid #fff;
	padding: 20px 10px;
}
table.income-limits-table th:first-child {}
table.income-limits-table th:last-child {border:none; }
table.income-limits-table tr {border-bottom:none;}
table.income-limits-table td {
	vertical-align:top;
	padding:3px 10px;
	line-height:1.4;
	font-size:15px;
}
table.income-limits-table tr.firstRow td {padding-top:15px;}
table.income-limits-table tr.lastRow td {padding-bottom:15px; border-bottom: 1px solid #e4e4e4; }


.max-limits .lenders-table {font-size:14px;}
.max-limits .lenders-table th {padding:20px 10px; border-right:1px solid #fff;}
.max-limits .lenders-table th:last-child {border:none;}
.max-limits .lenders-table a {font-size:15px;}
.max-limits .lenders-table td:first-child {width:75%;}
.max-limits .lenders-table td:last-child {text-transform:uppercase;}

table.dataTbl.contentTbl tr {
	border-bottom:none;
}
@media only screen and (max-width:30em){
	table.dataTbl.contentTbl th,
	table.dataTbl.contentTbl td {
		display:block;
		width:100%;
	}	
}

table.dataTbl.agencies-table {}
table.dataTbl.agencies-table th{padding:10px;}
table.dataTbl.agencies-table td{padding:10px;}
table.dataTbl.agencies-table h5 {margin:0;}
table.dataTbl.agencies-table .listBracketInCircle {margin:0;}
table.dataTbl.agencies-table .listBracketInCircle li {margin:0 0 5px;}

table.dataTbl.respTbl {font-size:14px;}
table.dataTbl.respTbl tbody tr:nth-child(even) {background:#fafafa;}
@media screen and (max-width: 47.938em) {
    table.dataTbl.respTbl {
		border: 0;
    }
    table.dataTbl.respTbl thead {
		display: none;
    }
    table.dataTbl.respTbl tr {
		display: block;
		padding: 10px 0;
    }
	table.dataTbl.respTbl tr:first-child {border-top:1px solid #e4e4e4;}
    table.dataTbl.respTbl td {
		display: block;
		text-align: right;
		font-size: 13px;
		padding: 3px 10px;
    }
    table.dataTbl.respTbl td:last-child {
		border-bottom: 0;
    }
    table.dataTbl.respTbl td:before {
		content: attr(data-label);
		float: left;
		text-transform: uppercase;
		font-weight: bold;
		margin-right: 10px;
    }
}

table.dataTbl.respTbl-2 {font-size:14px;}
table.dataTbl.respTbl-2 tbody tr:nth-child(even) {background:#fafafa;}
table.dataTbl.respTbl-2 td {font-weight:bold;}

table.dataTbl.respTbl-2.numeric th {text-align:right;}
table.dataTbl.respTbl-2.numeric th:first-child {text-align:left;}
table.dataTbl.respTbl-2.numeric td {text-align:right;}
table.dataTbl.respTbl-2.numeric td:first-child {text-align:left;}

@media screen and (max-width: 59.938em) {
	table.dataTbl.respTbl-2 {font-size:13px;}
}	
@media screen and (max-width: 47.938em) {
    table.dataTbl.respTbl-2 {
		border: 0;
    }
    table.dataTbl.respTbl-2 thead {
		display: none;
    }
    table.dataTbl.respTbl-2 tr {
		display: block;
		padding: 10px 0;
    }
	table.dataTbl.respTbl-2 tr:first-child {border-top:1px solid #e4e4e4;}
    table.dataTbl.respTbl-2 td {
		display: block;
		text-align: left;
		font-size: 13px;
		padding: 3px 10px;
    }
    table.dataTbl.respTbl-2 td:last-child {
		border-bottom: 0;
    }

	table.dataTbl.respTbl-2.numeric td {text-align:left;}
	
}
.cke_editable .tableWrapper {overflow:scroll !important;}
.cke_editable table.dataTbl.respTbl-2 thead {display:table-header-group !important;}
.cke_editable table.dataTbl.respTbl-2 {display:table !important;}
.cke_editable table.dataTbl.respTbl-2 tr {display:table-row !important;}
.cke_editable .dataTbl.respTbl-2 td {display:table-cell !important;}

/* ## NEW Limit Text Box ## */

.limitTextBox {}
.limitTextBox span { display:none; }
.limitTextBoxBar { width:100%; margin:0px 0 15px 0; }
.limitTextBoxBarWrpr {
	width:100%;
	border:0px solid #000;
	overflow:hidden;
	font-size:9px;
	color:#000;
	white-space:nowrap;
	height:5px;
	background-color:#FDFBBE;}
.limitTextBoxBarInner { width:0%; background-color:#FF0000; }
.limitTextBoxInputWrpr { display:table-cell; width:100%; vertical-align:top; }
.limitTextBoxInputWrpr textarea { box-sizing:border-box; vertical-align:top; }
.limitTextBoxSpellWrpr { display:table-cell; padding-left:5px; vertical-align:top; }
.limitTextBoxSpellWrpr img { max-width:16px !important; cursor: pointer; }

.vd {padding:0 5px;}
.topOfPage {text-align:right;}
.topOfPage a {background:transparent url(/cms/images/arrow.gif) no-repeat 100% 50%; padding-right:13px;}

.figure-right {display:table; max-width:100%; float:right; margin:0 0 15px 20px;  border-top:3px solid #000; border-bottom:3px solid #000; padding:5px 0;}
.figure-left  {display:table; max-width:100%; float:left; margin:0 20px 15px 0; border-top:3px solid #000; border-bottom:3px solid #000; padding:5px 0;}
.figure-right figcaption,
.figure-left figcaption {margin-top:5px; display:table-caption; caption-side:bottom; font-size:0.9em;}

.figure-right img,
.figure-left img {
    display: block;
    width: 100%;}

.hidden-info, a.hidden-info { color:#fff; background:#00529b; -webkit-transition: all 0s; transition: all 0s; }
.hidden-info:focus { display:block; padding:10px; width:100%; text-align:center;  }

/* =================================================================
                       ADMIN buttons fix
===================================================================*/

.modulePanel a, .modulePanel a:link, .modulePanel a:visited {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.overlayModulesWrprBrdr div.modulePanel {
	margin-right:7px;
}

.body-admin .landing .pageTopWrpr {
	height:auto;
}

.body-admin .landing .pageTopImg {
	position: static;
	width: 100%;
	margin-left:0;
	left: auto;
	right: auto;	
}

.body-admin .landing .pageTop {
    position: static;
    left: auto;
    bottom: auto;
    width: 100%;
}

/* =================================================================
                        Custom Styles
===================================================================*/
.headerWrpr {padding:0 0 70px; position:relative; background:#2376bc;}
.siteHeader {padding:5px 0 10px; background:#fff;}
.siteHeader .sitelogo-wrpr h1 {margin:0;}

.greyArea {background:#f0f2f2;}


.extraNavWrpr {background:#2376bc; padding:5px 0;}
.extraNav .social-icons {display:none;}
.extraNavLinks {display:none; color:#fff;}
.extraNavLinks a {color:#fff; font-size:18px; font-weight:bold;}
.extraNavLinks span {margin:10px; font-weight:bold;}
.extraNavLinks a.phone {font-size:20px; margin-left:10px; padding-left:25px;
	background: url(/cms/images/layout/icon-phone-mobile.png) no-repeat 0 50%;
}

.phone-mobile {display:block; position:absolute; top:108px; left:50%;  margin-left:-15px; font-size:30px;
	-ms-transform: rotate(105deg); -webkit-transform: rotate(105deg); transform: rotate(105deg);
}
.phone-mobile a {color:#fff;}
.phone-mobile a:hover, .phone-mobile a:focus {text-decoration:none;}

.footerWrpr {background:#2b3890; color:#fff; padding:30px 0 20px; position:relative;}

.footerLinks, .social {
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
} 

.footer a {color:#fff; font-weight:bold; display:inline-block;}
.footer .sitelogo {margin:0 0 20px;}
/* .footer .sitelogo:hover, */ .footer .sitelogo:focus {outline:1px dotted #fff; outline-offset: 5px;}

.footer h2 {font-size:24px; margin:0 0 .5em; color:#fff; font-weight:bold;}
.subFooterWrpr {background:#242f78; color:#fff; padding:10px 15px 15px; position:relative;}
.subFooter {font-size:12px; font-weight:bold; line-height:1.6;}
.subFooterLinks span {padding:0 10px;}

.subFooterLinks  a {color:#fff; font-size:13px;}

.contactInfo {position:relative;}
.contactInfo .info {position:relative; padding:28px 0 0 0; margin:0 0 10px;}
.contactInfo .info  img {position:absolute; left:50%; margin-left:-14px; top:0; }
.contactInfo .logo-EHL {margin-top:20px;}

.svg-icon {
    fill: #00a7e1;
    height: 120px;
    padding: 10px;
    width: 120px;
	stroke-width: 0;
	stroke: #00a7e1;	
}

.main-nav .svg-icon {
    fill: #fff;
    height: 190px;
    padding: 10px;
    width: 190px;
}

.callout img {
	width:110px !important;
	height:110px !important;
	margin:7px;
}

.siteBodyOverlay {height:0;}
.footerWrprOverlay {height:0;}
.subFooterWrprOverlay {height:0;}

.landing .pageTopWrpr {
    background: #ccc none repeat scroll 0 0;
    min-height: 172px;
    overflow: hidden;
    position: relative;
    text-align: center;
	margin:0 0 20px;
}

.landing .pageTopImg {
    position: absolute;
    top: 0;
    width: 768px;
	right:0;
}
.landing .pageTop {
	position:relative;
	padding:8px 10px; 
	color:#fff; 
	background: rgba(18,91,150,.9);
}

.home-buyers.pageTop {
	background: rgba(211,246,155,.8); 
	color:#2376bc; 
}

.home-buyers.pageTop h1,
.home-buyers.pageTop p {
	color:#2376bc !important; 
}

.home-owners.pageTop {
	background: rgba(35,118,188,.8); 
}

.landing .pageTop h1 {font-size:20px; text-transform:uppercase; margin:0; color:#fff;}

.landing .pageTop p {color:#fff; margin:0;}

.interior .pageTopWrpr {background:#e2e2e2; margin:0 0 30px;}
.interior .pageTop {padding:26px 0; }

@media only screen and (min-width:48em){
	.interior .pageTop {min-height:90px;}
}

.interior .pageTop h1 {display:inline-block; margin:0; font-size:30px; color:#2376bc;}

.landing-mortgage .pageTopWrpr {margin:0; background: #e2e2e2;}
.landing-mortgage .pageTop {padding:26px 0;}
.landing-mortgage .pageTop h1 {display:inline-block; margin:0; font-size:30px; color:#2376bc;}

.interior .pageTopExtraWrpr {/* background:#fff;*/ position:relative; overflow:hidden;}
.interior .pageTopExtraTxt {background:rgba(255,255,255,.5); }
.interior .pageTopExtra {font-size:18px; padding:40px 0;}

.interior .pageTopExtraImg {
	position:absolute;
	left:50%;
	margin-left:-960px;
	top:50%;
	margin-top:-200px;
	opacity:0.25; -moz-opacity:0.25; filter:alpha(opacity=25);
}
.interior .pageTopExtraImg img {max-width:none;}

.mainTop {font-size:18px; margin:0 0 50px;}

.pageTopImg p {margin:0;}

/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.landing .pageTopWrpr {height: 186px; margin:0 0 40px;}
	.landing .pageTopImg {width: 831px; /* margin-left: -415px; */}	
	.landing .pageTop {
		position:absolute;
		left:0;
		bottom:0;
		width:100%;
		padding:13px 10px;
	}
	.landing .pageTop h1 {font-size:16px; }
	.interior .pageTop h1 {max-width: calc(100% - 160px);}	
}

/* 16px baseline (830px +) */
@media only screen and (min-width:830px){
	.landing .pageTopWrpr {height: 269px;}
	.landing .pageTopImg {width: 1200px; /* margin-left: -600px; */}
	.landing .pageTop { padding:22px 10px;}
	.landing .pageTop h1 {font-size:22px;}
}

/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.landing .pageTopWrpr {height: 430px; margin:0 0 50px;}
	.landing .pageTopImg {width: 1920px;}
	.landing .pageTop {padding:32px 10px;}
	.landing .pageTop h1 {font-size:30px; }
}
/* 16px baseline (1920px +) */
@media only screen and (min-width:1920px){
	.landing .pageTopImg {width: 1920px; margin-left: -960px; left:50%; right:auto;}	
}
/* Callout
--------------------------------------------------------------------*/

.callout {text-align:center; margin:0 0 25px;}
.callout > a {display:block;}
.callout a:hover, .callout a:focus {text-decoration:none;}
.callout a:hover .svg-icon , 
.callout a:focus .svg-icon {fill:#92c73d; stroke:#92c73d;}
.callout h2,
.callout .h2 {font-size:24px; color:#545454; font-weight:normal; line-height:1.1; padding-top:15px; margin:0 0 .5em; border-top:1px solid #dadada; letter-spacing:-.4px;  max-width: 360px; display:block;}
.callout h2 a {font-size:24px; color:#545454; font-weight:normal; line-height:1.1;}
.callout p {display:none;}

.cke_editable .callout {margin:30px;}
.cke_editable .callout p {display:block; }

@media only screen and (max-width:47.938em) {
	.calloutWrpr {margin:0 -10px;}	
	.calloutWrpr .grid_3 {padding:0;}
	.calloutWrpr .grid_3:last-child .callout {border:none;}
	.calloutWrpr .grid_4 {padding:0;}
	.calloutWrpr .grid_4:last-child .callout {border:none;}	
	
	.callout .svg-icon,
	.callout img {
		float:left;
		height: 80px !important;
		width: 80px !important;
		padding:0 !important;
		margin:0 20px 0 0 !important;
	}
	
 	.callout {text-align:left; border-bottom:1px solid #dadada; padding:0 0 15px 0; margin:0 0 15px 0;}
	.callout h2,
	.callout .h2 {border:none; padding-right:10px; min-height:0 !important;}
	.callout a {max-width:360px; margin:0 auto;}	
	.callout a.btn {display:inline-block; margin:10px 0;}
	
	.callout span.desktop-brake {display:none;}
}

@media only screen and (min-width:30em) and (max-width:47.938em) {
	.main-content .block .grid_3 {
		width:100%;
	}
}

@media only screen and (min-width:48em){
	.calloutWrpr {margin:0 0 20px;}	
	.callout h2,
	.callout .h2 {
		font-size:28px;
		display:inline-block; 
		width:100%; 
		max-width:300px; 
		margin:0 0 .75em;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box; 
		box-sizing: content-box;	
	}
	
	.callout h2 a {font-size:28px;}	
	.callout p {color:#000; font-weight:300; padding:0 5px; display:block; margin:0 0 2em;}
	
	.calloutWrpr.homeowners .callout {
		position:relative; 
		padding-bottom:60px;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	.calloutWrpr.homeowners a.btn {position:absolute; bottom:20px; left:50%; margin-left:-71px;}
}

/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.callout h2,
	.callout .h2 {/* padding-left:1.2rem; padding-right:1.2rem; */}
}
/* 16px baseline (768px - 1199px) */
@media only screen and (min-width:48em) and (max-width:74.938em){
	.calloutWrpr {padding:0 80px;}
	.calloutWrpr .grid_3 {width:50%; float:left;}
}


/* First Step
--------------------------------------------------------------------*/
.firstStepWrpr {
    overflow-x: hidden;
    position: relative;
    text-align: center;
	margin:0 0 20px;
	height: 290px;
}
.firstStepImg {
    left: 50%;
    margin-left: -820px;
    position: absolute;
    top: 0;
    width: 1637px;
}

.cke_editable .firstStepImg {z-index:-1;}

.firstStep {Padding:25px 10px;}
.firstStep h2 {font-size:25px; margin:0 0 1.25em; font-family: 'Lato', sans-serif; font-weight:bold;}
.firstStep h3 {font-size:24px; font-weight:normal; margin:0; line-height:1.2; margin-top:.5em;}
.firstStep a {font-size:22px; font-weight:900; display:inline-block; margin:0 0 10px;}

/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.firstStepWrpr {height: 234px; margin:0 0 50px;}
	.firstStepImg {width: 1321px; margin-left: -660px;}	

	.firstStep {Padding:30px 10px;}	
	.firstStep h2 {font-size:33px;}
	.firstStep h3 {font-size:20px;}
	.firstStep a {font-size:17px;}
	.firstStep .grid_6:last-of-type {border-left:1px solid #404040;}	
}

/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.firstStepWrpr {height: 340px;}
	.firstStepImg {width: 1920px; margin-left: -960px;}
	.firstStep {Padding:40px 10px;}	
	.firstStep h2 {font-size:48px; color:#404040;}
	.firstStep h3 {font-size:30px;}
	.firstStep a {font-size:24px;}	
}


/* 8 Steps
--------------------------------------------------------------------*/
.eightSteps {}
.eightSteps h2 {background:#fff; font-size:25px; color:#404040; text-align:center; font-family: 'Lato', sans-serif; font-weight:bold;}
.eightSteps h2 + h2 {margin-top:0;}
.eightSteps {color:#000; font-weight:300;}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.eightSteps h2 {padding:0 50px;}	
}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.eightSteps {border:3px solid #92c73d; padding:25px 20px 0; margin:0 0 30px;}
	.eightSteps h2 {font-size:30px; width:505px; margin: -1.5em auto 0.33em; }
}
/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.eightSteps {padding:30px 50px 0px; margin:0 0 55px;}
	.eightSteps h2 {font-size:42px; width:720px;}
}


/* Circles
--------------------------------------------------------------------*/
.circlesRow {position:relative;}

.circleBox h3 {font-size:18px; font-weight:normal; color:#545454; line-height:1.2;}

.circle {width:100px; height:100px; border:2px solid #b2b2b2; padding:6px; display:inline-block; background: #fff;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; 
}
.circleMid {background:#039ebd; padding:5px; height:100%; display:table; width:100%;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
.circleInn {border:3px solid rgba(255,255,255,.5); color:#fff; font-size:40px; font-weight:bold; height:100%; text-align:center; display:table-cell; vertical-align:middle;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}

.circlesRow .circleBox:nth-child(2n+1) .circleMid {background:#7cae10;}

.circleMid.green {background:#7cae10;}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.circlesWrpr {margin:0 -10px;}
	.circleBox {display:table; width:100%; border-top:1px solid #b6b6b6; padding:10px 10px 10px 25%;}
	.circle {display:table-cell;  }
	.circleBox h3 {display:table-cell; padding:0 0 0 20px; vertical-align:middle; letter-spacing: -0.3px;}
}
@media (max-width : 479px) {
	.circleBox { padding:10px 10px 10px 20px;}	
}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.circlesWrpr {padding:20px 0 0;}
	.circleBox {float:left; text-align:center; width:25%; padding:10px 10px;}
	.circleBox h3 {font-size:16px;}
	.circle {width:117px; height:117px; border:3px solid #b2b2b2; padding:8px; margin:0 0 10px;}
	.circleMid {padding:5px;}	
	.circleInn {border:4px solid rgba(255,255,255,.5); font-size:40px;}

	.circlesRow {margin:0 0 10px;}
	.circlesRow:before {
		position:absolute;
		content:'';
		width:75%;
		height:3px;
		top:67px;
		background:#b2b2b2;
		z-index: -1;
		left:12.5%;
		right:12.5%;
	}
	
	.circlesRow:last-child .circleBox:nth-child(2n) .circleMid {background:#7cae10;}
	.circlesRow:last-child .circleBox:nth-child(2n+1) .circleMid {background:#039ebd;}	
}
/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.circlesWrpr {padding:20px 50px 0;}	
	.circleBox h3 {font-size:22px;}
	.circle {width:162px; height:162px; border:4px solid #b2b2b2; padding:10px;}
	.circleMid {padding:8px;}
	.circleInn {border:5px solid rgba(255,255,255,.5); font-size:55px;}
	
	.circlesRow:before {
		top:90px;		
	}
}
/* 16px baseline (768px - 1199px) */
@media only screen and (min-width:48em) and (max-width:74.938em){

}

/* Grey Area Widgets
--------------------------------------------------------------------*/
.greyArea {}
.greyArea .widgetAlt {}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.greyArea {padding:0;}	
	.greyArea .widgetAlt {padding:25px 20px; min-height:0 !important; border-bottom:1px solid #b6b6b6;}
	..greyArea .container .grid_4:last-child .widget {border:none;}	
}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.greyArea .widgetAlt {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}	
}
/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.greyArea .widgetAlt {border-left:1px solid #cdcece; padding:25px 10px 10px; margin:30px 0 10px;}
	.greyArea .grid_4:first-child .widgetAlt {border:none; padding:25px 80px 10px 10px;}
	.greyArea .grid_4:last-child .widgetAlt {padding:25px 10px 10px 50px;}
}
/* 16px baseline (768px - 1199px) */
@media only screen and (min-width:48em) and (max-width:74.938em){
	.greyArea {padding:40px 0 0;}
	
	.greyArea .container .grid_4:nth-child(1),
	.greyArea .container .grid_4:nth-child(2){width:50%; margin:0 0 30px;}
	.greyArea .container .grid_4:last-child {width:100%; background:#f7f8f8;}
	.greyArea .container .grid_4:last-child .widgetAlt {min-height:0 !important; background:#f7f8f8; padding:30px 55px;}	
	.greyArea .container .grid_4:nth-child(1) .widgetAlt {border-right:1px solid #d9d9d9;}
	.greyArea .widgetAlt {padding:0 55px;}
}
/* 16px baseline ( - 479px) */
@media only screen and (max-width:479px){
	.greyArea  .grid_4 {padding:0;}	

}
/* Contact Us
--------------------------------------------------------------------*/
.contactUs {text-align:center; position:relative;}
.contactUs h2 {font-size:30px; color:#404040;  margin:0 0 65px; font-family: 'Lato', sans-serif; font-weight:bold;}
.contactUs p {color:#252525; font-weight:bold; margin:0 0 5px;}
.contactUs a.phone {font-size:24px; font-weight:900; display:inline-block; margin:0 0 47px;}
.contactUs a.btn {margin:20px 0;}
/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.contactUs h2 {font-size:24px; margin:0 0 35px; }
	.contactUs a.phone {margin:0 0 35px;}
}
/* Our Story
--------------------------------------------------------------------*/
.ourStoryWrpr {background:#92c73d; position:relative; overflow:hidden;}
.ourStory {padding:20px 10px 20px; color:#144975; font-size:14px;}
.ourStory h2  {font-size:24px; font-weight:bold; color:#404040; margin:0 0 1em; text-align:center;}
.ourStory p {margin:0 0 1em;}
.ourStory a {color:#144975;}

.ourStory {}
.listBracket {list-style:none; margin:.5em 0 1.5em; padding-left:30px;}
.listBracket li {font-size:16px; font-weight:bold; margin:0 0 10px; position:relative;}
.listBracket li:before {
	position:absolute;
	font-family: 'Basic-Icons';
	content: "\3e";
	font-size:12px;
	left:-20px;
	top:4px;
}
.ourStory .watchVideo {font-size:16px; color:#144975; font-weight:bold; margin:0; padding:13px 0 0 45px; display:inline-block;
	background:url(/cms/images/layout/icon-video.png) no-repeat 0 0;
}


/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.ourStoryImgWrpr {min-height:0 !important;}
	.ourStory  {min-height:0 !important;}
	.ourStoryImgWrpr {min-height:0 !important; margin-bottom:-20%;}
}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.ourStory {font-size:16px; padding:30px 30px 20px 0;}
	.ourStory h2  {font-size:30px; text-align:left; margin:0 0 .75em; font-family: 'Lato', sans-serif; font-weight:bold; }
	.ourStory p {margin:0 0 .9em;}	
	.ourStoryImgWrpr {position:absolute; left:50%; right:0; top:0; overflow:hidden;}
	.ourStoryImg {position:absolute; left:50%; top:0; margin-left:-840px; }
	.ourStoryImg  img{width:1300px !important; max-width:1300px;}

	.listBracket {margin:.5em 0 2em;}
	.listBracket li {font-size:18px; margin:0 0 15px;}
	
	.triangle-green {
		position:absolute;
		top:0;
		left:50%;
		width:65px;
		height:100%;
		background: -webkit-linear-gradient(right top, transparent 50%, #92c73d 50%);
		background: linear-gradient(to left bottom, transparent 50%, #92c73d 50%)
	}
}
/* 16px baseline (960px +) */
@media only screen and (min-width:60em){
	.ourStory p {margin:0 0 1em;}

}
/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	/* .ourStoryImg {margin-left:-480px; } */
	.ourStoryImg { margin-left:-480px; }
	.ourStoryImg  img {width:960px !important; max-width:960px;}		
}







/* Home Links
--------------------------------------------------------------------*/
.homeLinks {padding:30px 0 10px;}
.homeLinksBox {}
.homeLinksBox  svg{float:left; width:65px; height:65px; padding:0; margin: 0 5px 0 0;}
.homeLink {display:block; padding:0 0 10px; margin:0 0 20px; border-bottom:1px solid #b6b6b6;}
/* .homeLink:hover , .homeLink:focus {text-decoration:none;}
.homeLink:hover h2, .homeLink:focus h2{ color:#2376bc;} */
.homeLinksBox span.h2 {font-size:24px; color:#545454; font-weight:normal; line-height:1.2; margin:0 0 0; display:block;}


.homeLinks .listBracket li a {color:#545454;}

.homeLinks .blue .svg-icon {fill: #00a7e1;}
.homeLinks .blue .listBracket li:before {color:#00a7e1;}
.homeLinks .blue .listBracket li:after {border:1px solid #00a7e1;}

.homeLinks .green .svg-icon {fill: #92c73d;}
.homeLinks .green .listBracket li:before {color:#92c73d;}
.homeLinks .green .listBracket li:after {border:1px solid #92c73d;}

.homeLinks .orange .svg-icon {fill: #f38b21;}
.homeLinks .orange .listBracket li:before {color:#f38b21;}
.homeLinks .orange .listBracket li:after {border:1px solid #f38b21;}

.homeLinks  .homeLinksBox.green  svg {width:85px; height:85px; margin: -20px 15px 0 -30px;}
.homeLinks  .homeLinksBox.orange  svg {width:75px; height:75px; margin: -3px 5px 0 -10px;}

	.homeLinks .listBracket li:before {font-size:7px; top:7px;}
	.homeLinks .listBracket li:after {
		position:absolute;
		content:"";
		width:16px;
		height:16px;
		left:-25px;
		top:2px;
		border:1px solid #545454;
		-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	
	.homeLinks .listBracket {display:none; padding:5px 10px 10px 40px; border-bottom:1px solid #ccc;}
	.homeLinks {margin:0 -10px; padding:0;}
	.homeLink {padding:20px 0 20px 6%; margin:0; cursor:pointer;}
	.homeLinksBox span.h2 {margin-top:10px;}
	
}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.homeLinks {padding:40px 0 20px;}
	
	.homeLinksBox  svg{width:40px; height:40px; padding:0; margin: 0 5px 0 0;}
	.homeLinks  .homeLinksBox.green  svg {width:70px; height:70px; margin: -25px 13px 0 -35px;}
	.homeLinks  .homeLinksBox.orange  svg {width:50px; height:50px; margin: -3px 5px 0 -5px;}
	

	.homeLinksBox span.h2 {font-size:17px; padding-bottom:10px;}
	.homeLinksBox {font-size:14px;}	
	.homeLinks .listBracket li {font-size:14px;}

	
	.homeLink {display:block; padding:0 0 0 10px; margin:0 0 20px 0;}

	.homeLinks .listBracket {margin-left:5px; display:block !important;}
	.homeLinks .listBracket li {margin:0 0 10px;}
	.homeLinks .listBracket li:before {font-size:5px; top:6px;}
	.homeLinks .listBracket li:after {
		position:absolute;
		content:"";
		width:10px;
		height:10px;
		left:-23px;
		top:3px;
		border:1px solid #545454;
		-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	}

	.homeLinks .listBracket li a {color:#000;}

}

/* 16px baseline (960px +) */
@media only screen and (min-width:60em){
	.homeLink {padding:0 0 10px 10px;}
	.homeLinksBox span.h2 {font-size:20px; padding-bottom:0;}	
}

/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.homeLinks {padding:70px 0 50px;}	
	.homeLinksBox  svg{width:65px; height:65px; padding:0; margin: 0 5px 0 0;}	
	.homeLinks  .homeLinksBox.green  svg {/* width:60px; height:60px; margin: 3px 13px 0 0; */ width:85px; height:85px; margin:-17px 13px 0 -25px;}
	.homeLinks  .homeLinksBox.orange  svg {width:70px; height:70px; margin: 2px 5px 0 0;}
	
	.homeLinks {margin:0 -10px;}
	.homeLinksBox span.h2 {font-size:30px;}
	.homeLinksBox {font-size:16px;}
	
	.homeLinks .listBracket {margin-left:15px;}
	.homeLinks .listBracket li {font-size:16px;}

	.homeLink {margin-left:0;}
	
	.homeLinks .listBracket {margin-left:33px;}
	.homeLinks .listBracket li {margin:0 0 10px;}
	.homeLinks .listBracket li:before {font-size:7px; top:7px;}
	.homeLinks .listBracket li:after {
		width:16px;
		height:16px;
		left:-25px;
		top:2px;
	}
	
	.homeLinks .listBracket li a {color:#545454;}	
}




.greyBlueWrpr {position:relative;}

/* Interest Rates
--------------------------------------------------------------------*/

.interestRates {background:#f0f2f2; padding:30px 10px 15px;}
.interestRates h2 {font-size:24px; text-align:center; font-family: 'Lato', sans-serif; font-weight:bold;}
.interestRates p {font-weight:bold; text-align:center; margin:0 -10px 10px; }
.interestRates p.note {font-size:14px; font-weight:normal; color:#545454; padding:0 10px;}

.interestRateBox {
	position:relative;
	font-size:50px; font-weight:bold; color:#fff; text-align:center; padding:15px 0; margin:0 0 25px;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}
.interestRateBox span {font-size:.75em; position:relative; top:-10px;}
.interestRateBox.blue {background:#2075bb;}
.interestRateBox.persian-green {background:#0aa89d;}
.interestRateBox.green2 {background:#92c73d; display:block; color:#fff;}
.interestRateBox.green2:hover,
.interestRateBox.green2:focus {
	background:#666;
	text-decoration:none;
}

.interestRates .type {text-align:center; margin-bottom:10px; font-weight:bold;}

.interestRateBox .apr-text {
    font-size: 13px;
    display: block;
    position: absolute;
    bottom: 8px;
    top: auto;
    left: 50%;
    margin-left: -40px;
}
.home .interestRateBox .apr-text {
	bottom:10%;
}

.home a.interestRateBox {display:block; color:#fff;}
.home a.interestRateBox:hover,
.home a.interestRateBox:focus {text-decoration:none; background:#666;}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.interestRateBox  {max-width:260px; margin:0 auto 25px;}
	.triangle-grey {display:none;}
}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.greyBlueWrpr {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f2f2+0,f0f2f2+50,2075bb+50,2075bb+100 */
		background: rgb(240,242,242); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(240,242,242,1) 0%, rgba(240,242,242,1) 50%, rgba(32,117,187,1) 50%, rgba(32,117,187,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(240,242,242,1) 0%,rgba(240,242,242,1) 50%,rgba(32,117,187,1) 50%,rgba(32,117,187,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(240,242,242,1) 0%,rgba(240,242,242,1) 50%,rgba(32,117,187,1) 50%,rgba(32,117,187,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f2f2', endColorstr='#2075bb',GradientType=1 ); /* IE6-9 */
	}	
	
	.interestRates h2 {font-size:22px;}
	
	.triangle-grey {
		position:absolute;
		top:0;
		left:50%;
		width:55px;
		height:100%;
		background: -webkit-linear-gradient(right bottom, transparent 50%, #f0f2f2 50%);
		background: linear-gradient(to left top, transparent 50%, #f0f2f2 50%)
	}
	
}
/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.interestRates {padding:45px 10px 30px;}	
	.interestRateBox {padding:35px 0;}
	.interestRates h2 {font-size:36px;}
	.interestRateBox .apr-text {bottom:25px;}
	.home .interestRateBox .apr-text {bottom:25px;}
	
}
/* 16px baseline (768px - 1199px) */
@media only screen and (min-width:48em) and (max-width:74.938em){
	.interestRates {padding:30px 10px 25px;}
	.interestRateBox {font-size:34px; margin:0 0 10px; padding:25px 0;}
	.interestRates p {font-size:13px;}
	.interestRateBox span {top:-6px;}

	.triangle-grey {	width:35px;}	
}

/* 16px baseline ( - 479px) */
@media only screen and (max-width:479px){
	.greyBlueWrpr  .grid_6 {padding:0;}	
	
}



/* Newsletter Sign-Up
--------------------------------------------------------------------*/
.emailSignupWrpr {background:#2075bb; padding:30px 20px;}
.emailSignup {margin:0;}
.emailSignup label{font-size:24px; font-weight:bold; color:#fff; display:block; text-align:center; margin:0 0 .75em;}
.emailSignup  p {color:#fff; margin:0 0 1.3em; text-align:center; font-size:13px;}


.emailSignup .inputWrpr {position:relative; }

.emailSignup .btn {padding:9px 40px; font-size:14px; }
.emailSignup .formee input[type="text"] {padding:13px 20px 13px 20px; background:#fff; color:#000; font-size:15px; margin:0 0 20px;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:center;
}
.emailSignup .formee input[type="text"]:focus {background:#f2f2f2;}


.emailSignupWrprIR {background:#335d81; padding:25px 15px; margin:0 0 30px;}
.emailSignupWrprIR .emailSignup label {font-size: 26px; padding:0 5px; margin:0 0 .5em;}
.emailSignupWrprIR .emailSignup p {line-height:1.3;}
.emailSignupWrprIR .emailSignup .inputWrpr {text-align: center;}
.emailSignupWrprIR .emailSignup .formee input[type="text"] {padding:15px 10px; font-size:15px; }
.emailSignupWrprIR .emailSignup .btnWrapper {position:static;}
.emailSignupWrprIR .emailSignup .btn {border: 2px solid #fff; padding: 13px 27px;}

.emailSignupWrprIR .emailSignup .formee input[type="text"]::-ms-clear,
.emailSignup .formee input[type="text"]::-ms-clear {
    display: none;
}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.emailSignup label {margin:0 0 .5em;}
	.emailSignup  p  {line-height:1.5;}

	.emailSignup .inputWrpr  {text-align:center;}
	.emailSignup .btn {border:2px solid #fff;}
}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.emailSignupWrpr {padding:40px 30px 30px 35px;}	
	.emailSignup label{font-size:22px;}

	.emailSignup .btnWrapper {
		position:absolute;
		top:2px;
		right:2px;
	}	
	
	.emailSignup .formee input[type="text"] {padding:7px 75px 7px 10px; font-size:13px; text-align:left;}
	.emailSignup .btn {padding:6px 10px; font-size:13px;}	
}
/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.emailSignupWrpr {padding:50px 10px 50px 55px;}
	.emailSignup label{font-size:36px;}
	.emailSignup  p  {font-size:16px; line-height:1.6; margin:0 0 1.5em;}


	.emailSignup .formee input[type="text"] {padding:17px 115px 16px 20px; font-size:15px; line-height:19px;}
	.emailSignup .btn {padding:14px 27px; font-size:18px;}
}
/* 16px baseline (768px - 1199px) */
@media only screen and (min-width:48em) and (max-width:74.938em){
	.emailSignup  p { margin:2em;}	
}


/* Widgets
--------------------------------------------------------------------*/

.widgetsWrpr {padding:50px 0;}
.widget .btn {font-size:14px; padding:10px 15px;}
.home .widgetsWrpr h3 {margin-bottom:10px;}
	
/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.widgetsWrpr {padding:0;}	
	.widgetsWrpr .widget {padding:25px 20px; min-height:0 !important; border-bottom:1px solid #b6b6b6;}
	.widgetsWrpr .container .grid_4:last-child .widget {border:none;}
}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.widgetsWrpr .widget {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
}
/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.widgetsWrpr .widget { padding:0 10px 5px 20px; /*  margin:0 10px 0 50px; */ border-left:1px solid #d9d9d9; margin: 0 0 0 20px;}
	.widgetsWrpr .grid_4:nth-child(2) .widget {padding:0 0 5px 20px; margin: 0 0 0 0;}
}
/* 16px baseline (768px - 1199px) */
@media only screen and (min-width:48em) and (max-width:74.938em){
	.widgetsWrpr {padding:40px 0 0;}
	
	.widgetsWrpr .container .grid_4:nth-child(1),
	.widgetsWrpr .container .grid_4:nth-child(2){width:50%; margin:0 0 30px;}
	.widgetsWrpr .container .grid_4:last-child {width:100%; background:#f7f8f8;}
	.widgetsWrpr .container .grid_4:last-child .widget {min-height:0 !important; background:#f7f8f8; padding:30px 8%;}	
	.widgetsWrpr .container .grid_4:nth-child(1) .widget {border-right:1px solid #d9d9d9;}
	.widgetsWrpr .widget {padding:0 8%;}
}
/* 16px baseline ( - 479px) */
@media only screen and (max-width:479px){
	.widgetsWrpr  .grid_4 {padding:0;}	

}


/* Report, Hightlights
--------------------------------------------------------------------*/
.reportWrpr {background:#f0f2f2;}

.reportImg img {width:212px !important; border:1px solid #d6d7d7;}
.report h2 {color:404040; font-size:24px; text-align:center; margin:0 0 .5em; font-family: 'Lato', sans-serif; font-weight:bold;}
.report a.reportBtn {font-weight:bold; border:2px solid #2075bb; padding:9px 20px; display:inline-block;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
}
.report a.reportBtn:hover, .report a.reportBtn:focus {text-decoration:none; background:#666; color:#fff; border:2px solid #fff;}


.highlights td {font-size:20px; color:#5c5c5c; padding-bottom:15px;}
.highlights td:first-child {font-size:56px; font-weight:bold; color:404040; padding-right:17px; }
.highlights h2 {font-family: 'Lato', sans-serif; font-weight:bold;}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.report {padding:30px 20px;}	
	.reportImg {text-align:center; margin:0 0 15px;}
	.report a.reportBtn {display:block; margin:0 auto; font-size:14px; width:200px;}

	.highlights h2 {font-size:18px; text-align:center; margin:0 0 1.75em; }
	.highlights h2 a {text-decoration:underline;}	
	.highlights table {display:none;}
}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.report {display:table; padding:35px 0 25px;}
	.reportImg {display:table-cell; width:310px; vertical-align:top; padding-top:5px;}
	.reportTxt{display:table-cell; vertical-align:top; padding:0 130px 0 25px;}
	
	.reportImg {padding-left:55px;}	
	.report h2 {font-size:36px; text-align:left; margin:0 0 .75em;}
	.report p {line-height:1.4; font-size:17px;}	

	.highlights {padding:75px 30px 80px 80px; height:432px;
		background:url(/cms/images/bkgd-highlights.png) no-repeat 50% 50%;
	}	
	.highlights h2 {font-size:36px; margin:0 0 .75em;}
}
/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.report {float:left; width:52.5%; padding:75px 0 80px;}
	.highlights {float:left; width:47.5%;}	
	
	.reportImg {padding-left:15px;}	
	.reportTxt {padding:0 0 0 10px;}
	
	.highlights td:first-child {font-size:58px;}
}
/* 16px baseline (768px - 1199px) */
@media only screen and (min-width:48em) and (max-width:74.938em){
	.highlights {height:302px; width:552px; margin:0 auto 12px; padding:45px 30px 0 80px; }
	
	.highlights td:first-child {font-size:52px;}
}


/* Slideshow
--------------------------------------------------------------------*/

.slideshowWrpr  {background:#e1e2da;}
.slideshowWrpr .container {max-width:1920px;}

.slideshowWrpr {background:rgba(0,167,225,1); border-top: 1px solid #575653;}


/* News Summary
--------------------------------------------------------------------*/
.newsSummary {}
.newsSummary .modHead {position:relative;}
.newsSummary .modHead h3,
.documentsRail .modHead h3 {font-size:30px; display:inline-block; margin-right:10px;}

.newsSummary .modHead span {font-size:18px;}
.newsSummary .modHead .more,
.documentsRail .modHead .more {font-size:18px; margin-left:10px;}

.newsSummary .modContent,
.documentsRail .modContent {padding:10px 0;}
.newsSummary .aside {display:block; width:260px; padding:0; text-align:left; margin:0 0 18px;}
.newsSummary .aside:empty {display:none;}

.newsSummary .content {display:block;}
.newsSummary .content h2.title {font-size:16px; margin:0 0 10px; font-weight:bold;}
.newsSummary .content h2.title a {color:#404040;}
.newsSummary .content .date {font-size:13px; color:#252525;}

.home .newsSummary  .modHead h3 {font-size:36px; line-height:1; font-family: 'Lato', sans-serif; font-weight:bold;} 
.home .newsSummary,
.landing .newsSummary  {margin:0;}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {

	.newsSummary  .modHead h3{font-size:24px;}
	.home .newsSummary  .modHead h3{font-size:24px;}
	.newsSummary  .modHead span,
	.documentsRail  .modHead span {display:none;}
	.newsSummary  .modHead .more,
	.documentsRail  .modHead .more {float:right;}

	.newsSummary  .aside img {max-width:280px;}
	
	.home .newsSummary, 
	.landing .newsSummary {margin:0 auto;}
}

/* 16px baseline (768px - 1199px) */
@media only screen and (min-width:48em) and (max-width:74.938em){
	.newsSummary  .modHead .more {font-size:16px;}
}

/* Events Summary
--------------------------------------------------------------------*/

.eventsSummary {}
.eventsSummary  .modHead {position:relative;}
.eventsSummary  .modHead h3 {font-size:30px; display:inline-block; margin-right:10px; font-family: 'Lato', sans-serif; font-weight:bold;}
.eventsSummary  .modHead span {font-size:18px;}
.eventsSummary  .modHead .more {font-size:18px; margin-left:10px;}

.eventsSummary  .modContent {padding:10px 0;}
.eventsSummary  .content h3.title {font-size:16px; color:#404040; margin:3px 0 20px;}
.eventsSummary  .content h3.title a {color:#404040;}
.eventsSummary  .itemList .content p { margin: 0 0 5px;}
.eventsSummary  .itemList .content p span {font-weight:bold;}

.eventsSummary .dateIcon {
	width:56px; border:2px solid #92c73d; text-align:center; margin:0 0 15px; 
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.eventsSummary .dateIcon .month {font-size:13px; text-transform:uppercase; background:#92c73d; font-weight:bold; color:#144975; padding:3px 0;}
.eventsSummary .dateIcon  .day {font-size:32px; color:#92c73d; line-height:1.2; font-weight:bold; font-family: 'Vollkorn', serif;}

.home .eventsSummary  .modHead h3 {font-size:36px; line-height:1; font-family: 'Lato', sans-serif; font-weight:bold;}
.home .eventsSummary,
.landing .eventsSummary  {margin:0;}

.landing .eventsSummary  .content h3.title {font-size:16px; padding-right:65px;}
.landing .eventsSummary .dateIcon {float:right; margin-top:5px; background:#fff;}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.eventsSummary  .modHead h3{font-size:24px;}
	.home .eventsSummary  .modHead h3{font-size:24px;}
	.eventsSummary  .modHead span {display:none;}
	.eventsSummary  .modHead .more {float:right;}
	
	.home .eventsSummary,
	.landing .eventsSummary  {margin:0 auto;}

	.eventsSummary .dateIcon {margin:0 auto 15px;}
}

/* 16px baseline (768px - 1199px) */
@media only screen and (min-width:48em) and (max-width:74.938em){
	.eventsSummary .modHead .more {font-size:16px;}
}

.eventsSummary .item > .content {display:block;}

.eventsHomeSummary .content.tbl {display:table; width:100%;}
.eventsHomeSummary .tbl .cell {display:table-cell; vertical-align: top;}
.eventsHomeSummary .tbl .cell:nth-child(1) {width:56px;}
.eventsHomeSummary .tbl .cell:nth-child(2) {width: calc(100% - 182px); padding:0 10px;}
.eventsHomeSummary .tbl .cell:nth-child(3) {width:125px; padding-top: 10px;}


.eventsHomeSummary .dateIcon {margin:0;}
.eventsHomeSummary .content h3.title {margin:3px 0 0; font-weight:bold;}
.eventsHomeSummary .duration {font-size:14px;}

@media (max-width:400px){
	.eventsHomeSummary .tbl .cell:nth-child(1) {display:block; width:56px; display:block; float:left;}
	.eventsHomeSummary .tbl .cell:nth-child(2) {display:block; width: calc(100% - 56px); display:block; float:left; }
	.eventsHomeSummary .tbl .cell:nth-child(3) {display:block; width:100%; padding-top: 10px; clear: left;}	
}

/* Quicklinks
--------------------------------------------------------------------*/

.quicklinks {}
.quicklinks  .modHead h3{font-size:30px; font-family: 'Lato', sans-serif; font-weight:bold;}
.quicklinks  .modContent {padding:10px 0;}
.quicklinks .item {padding:14px 0 14px 48px; position:relative;}

.widget .quicklinks .item:first-child, 
.widgetAlt .quicklinks .item:first-child {border-top: 1px solid #ccc; padding-top: 14px;}

.quicklinks .item a {color:#252525; font-weight:bold; }
.quicklinks .item img {position:absolute; left:8px; top:50%; margin-top:-13px;}


.home .quicklinks .modHead h3{font-size:36px; line-height:1; font-family: 'Lato', sans-serif; font-weight:bold;}
.home .quicklinks,
.landing .quicklinks  {margin:0;}

.corlnav .quicklinks {margin:0 0 20px;}
.corlnav .quicklinks .modHead h3 {background: #2376bc; color: #fff; margin: 0; padding: 20px 15px; font-size:18px;}
.corlnav .quicklinks .modContent {padding:0; background: #f7f7f7; border: 1px solid #b1b1b1;}
.corlnav .quicklinks .item { padding: 12px 10px 12px 42px;}
.corlnav .quicklinks .item img {left:10px;}


/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.quicklinks  .modHead h3{font-size:24px;}
	
	.widget .quicklinks .item, 
	.widgetAlt .quicklinks .item {border:none;}
	
	.widget .quicklinks .item:first-child,  	
	.widgetAlt .quicklinks .item:first-child {border-top:none;}

	.widget .quicklinks .item, 
	.widgetAlt .quicklinks .item {padding:14px 0 14px 38px;}
	
	.widget .quicklinks .item img, 
	.widgetAlt .quicklinks .item img {left:0;}

	.widget .quicklinks,
	.widgetAlt .quicklinks  {margin:0 auto;}

	.home .quicklinks .modHead h3 {font-size: 24px; margin:0;}	
}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	
}
/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){

}
/* 16px baseline (768px - 1199px) */
@media only screen and (min-width:48em) and (max-width:74.938em){
	.widget .quicklinks  .modHead h3,
	.widgetAlt .quicklinks  .modHead h3	
		{text-align:center;}
	.widget .quicklinks .item, 
	.widgetAlt .quicklinks .item 	
		{float:left; width:50%; border:none; padding:14px 10px 14px 58px;}
	.widget .quicklinks .item:nth-child(2n+1), 
	.widgetAlt .quicklinks .item:nth-child(2n+1) {clear;left;}
	.widget .quicklinks .item:first-child, 
	.widgetAlt .quicklinks .item:first-child {border-top:none;}
	.widget .quicklinks .item img, 
	.widgetAlt .quicklinks .item img {left:18px;}

}

/* FAQ Rail
--------------------------------------------------------------------*/
.faqRail .grmContent{background:#f7f7f7; border:1px solid #b1b1b1; margin:0 0 20px;}
.faqRail .hdgFaq {background:#2376bc; color:#fff; margin:0; padding:20px 15px;}
.faqRail .grmContent {padding:15px;}
.faqRail .grmContent p {margin:0 0 10px;}
.faqRail .grmContent p a {color:#000;}
.faqRail .grmContent p.viewMore {margin:0; padding-top:10px;}
.faqRail .grmContent a.more {font-weight:bold;}

.FAQWrpr h2, 
.FAQWrpr h3 {font-weight:normal; line-height:1.2;}


/* Documents Rail
--------------------------------------------------------------------*/
.corlnav .documentsRail {margin:0 0 20px;}
.corlnav .documentsRail .modHead h3 {background: #2376bc; color: #fff; margin: 0; padding: 20px 15px; font-size:18px; display:block; font-family: "Lato",sans-serif; font-weight:bold;}
.corlnav .documentsRail .modContent {padding:15px; background: #f7f7f7; border: 1px solid #b1b1b1;}
.corlnav .documentsRail .modContent p {margin: 0 0 10px;}
.corlnav .documentsRail .modContent p img {margin-right:2px;}
.corlnav .documentsRail p a{color:#252525;;}

.corlnav .documentsRail a.more {
    font-weight: bold;
}

/* Mortgage Programs
--------------------------------------------------------------------*/
.landing-mortgage h2 {font-size:24px; font-family: "Lato",sans-serif; font-weight:bold; margin: 0 0 0.75em;}
.landing-mortgage h3 {font-size:22px; color:#054c87; line-height:1.2; margin: 0 0 0.75em;}

.landing-mortgage .btn {font-size:18px; color:#fff;}
.landing-mortgage .optionBoxLeft {margin-bottom:30px;}

@media only screen and (min-width:48em){
	.landing-mortgage h2 {font-size:30px;}
	.landing-mortgage h3 {font-size:26px;}

	.landing-mortgage .optionBoxLeft {padding-right:90px; margin-right:-10px; border-right:2px solid #b6e187; margin-bottom:0;}	
	.landing-mortgage .optionBoxRight {padding-left:90px; margin-left:-12px; border-left:2px solid #b6e187;}	
}

.mortgageList {clear: left;}
.mortgageList .item {border:none; margin:0 0 45px; padding:0;}
.mortgageList .item > .aside {width:200px; padding: 0 20px 0 0;}
.mortgageList .item > .aside img {
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}
.mortgageList .item > .content {width:auto;}
.mortgageList .listBracketInCircle {margin:0;}

@media (max-width : 400px) {
	.mortgageList .item > .aside { display: block; margin:0 auto 20px;}
}

.mortgageList .grid_6 {
    padding-left: 0;
}

/* Mortgage Products
--------------------------------------------------------------------*/
.mortgageTabNavWrpr {background:#ebeef0; margin:0 0 50px;}
.mortgageTabNav {display:table; table-layout:fixed; width:100%; margin:7px 0; padding:0; list-style:none;}
.mortgageTabNav li {display:table-cell; text-align:center; vertical-align:middle; border-right:2px solid #f7f4f4;line-height: 1.1;}
.mortgageTabNav li:last-child {border-right:none;}
.mortgageTabNav li a {display:block;  font-size:14px; color:#202020; line-height:1.2;}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.mortgageTabNav {display:block; margin:0;}
	.mortgageTabNav li {display:block;  border-right:none; border-bottom:2px solid #f7f4f4;}
	.mortgageTabNav li a {padding:15px 0;}
	.mortgageTabNav li a span {display:none;}
}


.interestRatesWrpr {background:#f4f6f6;}
.mortgage .interestRates {background:#f4f6f6; display:table; table-layout:fixed; width:100%; }
.mortgage .interestRates .ir-cell {display:table-cell; vertical-align:middle; padding:0 10px;}

.mortgage .interestRates h2 {font-size:30px;}
.mortgage .interestRates p {font-size:16px;}
.mortgage .interestRates p.note {font-size:14px;}

/* 16px baseline ( - 959px) */
@media only screen and (max-width:59.938em) {
	.mortgage .interestRates {display:block;}
	.mortgage .interestRates .ir-cell{display:block;}
	.mortgage .interestRates .interestRateBox {
		margin: 0 auto 25px;
		max-width: 260px;
	}
	.mortgage .interestRates p {font-size:16px;}
}

.mostPopular {padding:50px 0 40px;}
.mostPopular h2 {font-size:30px; font-family: "Lato",sans-serif; font-weight:bold; margin:0 0 .35em;}


.mortgageBox {overflow: hidden; margin:10px 0 10px;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
}

.mortgageBoxTop {background:#92c73d; padding:20px 10px; border-bottom:4px solid #2075bb; margin:0 0 8px;
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}
.mortgageBoxTop h3 {font-size:24px; color:#054982; text-align:center; line-height:1.2; margin:0; letter-spacing: -0.5px;}
.mortgageBoxTop h3 span {font-size:14px; position:relative; top:-7px;}

.mortgageBoxBottom {background:#2075bb;padding:25px 28px 75px; position:relative;
	-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}
.mortgageBoxBottom p {font-size:18px; color:#fff; margin:0 0 2.5em;}
.mortgageBoxBottom .btn {font-size:18px; color:#fff; border:2px solid #fff; position:absolute;
	bottom:30px;
	left:50%;
	margin-left:-79px;
}
/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.mortgageBoxTop {min-height:auto !important;}
	.mortgageBoxBottom {min-height:auto !important;}	
}


.discountWrpr {padding:40px 0; position:relative;
	background:url(/cms/images/bkgd-discount.jpg) no-repeat 50% 0 /auto 100%;
}
.discountWrpr:before {
    position: absolute;	
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;	
	background:#335e82;
    opacity: 0.9;	
}

.discount {background:#2075bb; border:2px solid #ebeaea; padding:20px 5%; max-width:875px; margin:0 auto; color:#fff;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
}
.discount h2 {font-size:24px; color:#fff; font-family: "Lato",sans-serif; font-weight:bold; margin:0 0 1em;}
.discount .listBracketInCircle {margin:0; float:left; padding-right: 20px;}
.discount a,.discount a:visited {color:#fff;}

/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.discountWrpr {padding:70px 0;}	
	.discount h2 {font-size:30px;}	
	.discount .listBracketInCircle {float:left;}	
	.discount .listBracketInCircle:first-of-type {width:45%;}
	.discount .listBracketInCircle:last-of-type {width:55%;}	
}

.benefitsWrpr {padding:60px 0 20px;}
.benefitsWrpr .listBracketInCircle {padding-right:20px;}


.targetAreaWrpr {
	padding:75px 0 15px;
	background:url(/cms/images/bkgd-map.jpg) no-repeat 50% 0 /auto 100%;
	background-size: cover;
}
.targetArea p {line-height:1.5; margin:0 0 .5em;}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.benefitsWrpr {padding:40px 0 20px;}	
	
	.targetAreaWrpr {padding:20px 0 15px;
		background:url(/cms/images/bkgd-map.jpg) no-repeat 80% 0 /auto 260px;
	}	
	.targetAreaImg {text-align:center; margin:0 0 20px; min-height:234px;}
}

 

.renovationLoansWrpr {padding:60px 0 70px;}
.mortgageOptionsWrpr {background:#f4f6f6; padding:60px 0 70px;}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.renovationLoansWrpr {padding:40px 0;}
	.mortgageOptionsWrpr {padding:40px 0;}	
}


/* Max Limits
--------------------------------------------------------------------*/
.max-limits {font-size:18px;}

.max-limits .modHead {margin:0 0 2em;}
.max-limits .modHead h2 {font-size:26px; font-family: 'Lato', sans-serif; font-weight:bold;}
.max-limits .modHead span {font-weight:bold; float:left; width:135px; }
.max-limits .modHead p {padding-left:135px; margin:0 0 3px;}

.max-limits .modContent {padding:15px 0; margin:0 0 20px;}
.max-limits .modContent h2 {color:#054c87; line-height:1.2;}

.max-limits .medianIncome  > div span {display:inline-block; font-weight:bold; margin:0 0 3px; width:200px;}
/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.max-limits .medianIncome {display:table; width:100%;}
	.max-limits .medianIncome > div {display:table-cell; padding:5px;}
	.max-limits .medianIncome  > div span {display:block; width:auto;}
}
.max-limits .tableHeading {margin:2em 0 .5em;}
.max-limits .tableHeading h3 {font-size:22px; font-family: 'Lato', sans-serif; font-weight:bold; display:inline-block; padding-right:10px; margin:0;}
.max-limits .tableHeading p {font-size:14px; float:right; margin:0; padding-top: 8px;}
.max-limits .paging {font-size:16px;}





/* Compliance-Reporting
--------------------------------------------------------------------*/
.compliance-reporting .modHead h2{line-height:1.2;}
.compliance-reporting .modHead p {font-size:18px;}
.compliance-reporting .item {font-size:14px; padding:1.5em 0 1.5em 25px; position:relative;}
.compliance-reporting .item:last-child { border-bottom: 1px solid #ccc;}
.compliance-reporting .item h3 {font-size:15px; font-family: 'Lato', sans-serif; margin:0 0 .3em; font-weight:bold;}
.compliance-reporting .item h3 span {font-style: italic; font-weight:normal;}

.compliance-reporting h3.headingAlt {color:#2376bc;}

.compliance-reporting .item:before {
	position:absolute;
	font-family: 'Basic-Icons';
	content: "\3e";
	font-size:7px;
	left:4px;
	top:26px;
	color: #6daf04;
	font-weight:bold;
}
.compliance-reporting .item:after {
	position:absolute;
	content:"";
	width:14px;
	height:14px;
	left:0px;
	top:22px;
	border:1px solid #6daf04;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}

.compliance-reporting .infoBoxesWrpr {margin:0 -10px;}
.compliance-reporting .infoBox {border:1px solid #ccc; padding:15px; margin:0 0 20px; height: 100%; background:#f7f7f7;
	-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
}

.compliance-reporting .infoBox p {margin:0;}

.compliance-reporting .searchHeader {margin:0 0 20px;}
/* .compliance-reporting .searchHeader .aside {max-width:110px; padding: 0 10px 0 0;}
.compliance-reporting .searchHeader .aside img {width:100px; max-width:none;} */

.compliance-reporting .searchHeader .aside {max-width:115px; padding:0;}
.compliance-reporting .searchHeader .aside img {width:115px; max-width:none; padding-right:15px;}


.compliance-reporting .searchHeader .aside img[src="/cms/images/spacer.gif"] {width:0; padding:0;}
.compliance-reporting .searchHeader .content {
    display: table-cell;
    vertical-align: top;
    width: 100%;	
}
.compliance-reporting .searchHeader .content h4 {margin:0 0 .25em;}

.flex {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.flex-item {
	width:100%;
	vertical-align:middle;
	display: flex;
	justify-content: center;
	flex-direction: column;
		overflow:hidden;
}
@media only screen and (min-width:48em){
	.flex-item  {width:50%;}
	.compliance-reporting .flex-item:first-child .infoBox {margin-right:10px;}
	.compliance-reporting .flex-item:last-child .infoBox {margin-left:10px;}	
}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {

}

.listBracketInCircle {list-style-type:none !important; margin:.5em 0 2.5em; padding-left:30px;}
.listBracketInCircle li {margin:0 0 10px; position:relative;}
.listBracketInCircle li:before {
	position:absolute;
	font-family: 'Basic-Icons';
	content: "\3e";
	font-size:7px;
	left:-20px;
	top:7px;
	color: #404040;
	font-weight:bold;
}

.listBracketInCircle li:after {
	position:absolute;
	content:"";
	width:16px;
	height:16px;
	left:-25px;
	top:2px;
	border:1px solid #404040;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
.listBracketInCircle.blue li:before {color: #2376bc;}
.listBracketInCircle.blue li:after {border:1px solid #2376bc;}

.listBracketInCircle.green2 li:before {color: #6daf04;}
.listBracketInCircle.green2 li:after {border:1px solid #6daf04;}

.listBracketInCircle.orange li:before {color: #dc7205;}
.listBracketInCircle.orange li:after {border:1px solid #dc7205;}

.contentTitle {font-size:30px; font-weight:normal; color:#545454; border-bottom:1px solid #b6b6b6; display:inline-block; margin:0 0 .4em; padding:0 0 .3em; line-height:1.2;}


.interiorBox {color:#fff; text-align:center; padding:15px 30px; margin:0 0 20px;}
.interiorBox h2 {font-size:30px; color:#fff;}
.interiorBox a {color:#fff; font-weight:bold;}

.interiorBox.blue {background:#2376bc;}
.interiorBox.green2 {background:#92c73d;}
.interiorBox.orange {background:#f38b21;}


.railButton {padding:25px 15px; text-align:center; margin:0 0 30px;}
.railButtonHalf .railButton {min-height: 312px;}
.railButton h2 {font-size:20px; font-family: 'Lato', sans-serif; font-weight:bold;}
.railButton h2 img {margin-bottom:5px;}

.railButton.grey {background:#f0f2f2; color:#404040;}
.railButton.blue {background:#2376bc; color:#fff;}
.railButton.green2 {background:#92c73d; color:#144975;}
.railButton.orange {background:#f38b21; color:#fff;}

.railButton.grey h2 {color:#404040;}
.railButton.blue h2 {color:#fff;}
.railButton.green2 h2 {color:#144975;}
.railButton.orange h2 {color:#fff;}

.railButton .btn {background:none; width:100%; max-width:200px;}
.railButton.grey .btn {color:#2075bb; border:1px solid #2075bb;}
.railButton.blue .btn {color:#fff; border:1px solid #fff;}
.railButton.green2 .btn {color:#144975; border:1px solid #144975;}
.railButton.orange .btn {color:#fff; border:1px solid #fff;}

.railButton .btn:hover,
.railButton .btn:focus {background:#666; color:#fff; border:1px solid #fff;}


/* File Upload Popup 
-----------------------------------*/
.mfp-hide {
    display: none !important;
}
.white-popup-block {
    background: #fff none repeat scroll 0 0;
    margin: 40px auto;
    max-width: 460px;
    padding: 20px 30px;
    position: relative;
    text-align: left;
}


/* Bids
-----------------------------------*/

.r-tabs {}
.r-tabs .tableHdng h1.hdngTitle{font-size:24px;}



.r-tabs-nav {display:table; table-layout:fixed; width:100%; margin:0 0 30px; padding:0; list-style:none; background: #ebeef0}
.r-tabs-nav li {display:table-cell; text-align:center; vertical-align:middle;  padding:7px 0;}

.r-tabs-nav li a {display:block;  font-size:14px; color:#202020; padding:8px 10px; border-right:2px solid #f7f4f4;}
.r-tabs-nav li:last-child a {border-right:none;}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.r-tabs-nav {display:block; margin:0 0 20px;}
	.r-tabs-nav li {display:block;  border-right:none; border-bottom:2px solid #f7f4f4;}
	.r-tabs-nav li a {padding:15px 0;}
	.r-tabs-nav li a span {display:none;}
}


.r-tabs .tableWrapper { overflow:auto; }
.r-tabs table {
	widtH:100%;
	display: table;
	border-collapse:collapse;
	margin-bottom:30px;
	border:none;
}

.r-tabs table tr:nth-child(odd) {background:none;}
.r-tabs table th {background:#f0f2f2; padding:15px 10px; font-size:14px; text-align:left; border:none; border-right: 1px solid #fff;}
.r-tabs table th:last-child {border-right:none;}
.r-tabs table th a {color:#404040; text-decoration:none;}

.r-tabs table tr {border-top: 1px solid #e4e4e4;}
.r-tabs table tr:last-child {border-bottom: 1px solid #e4e4e4;}
.r-tabs table td {
	vertical-align:top;
	padding:15px 10px;
	line-height:1.4;
	border:none;
	font-size:1rem;
	text-align:left;
}
.r-tabs table td td {border-style:none;}
.r-tabs table .alternate {background:none;}

@media only screen and (max-width:30em){
	.r-tabs table th,
	.r-tabs table td {
		display:block;
		width:100% !important;
		padding:8px 10px;
	}	
}

/* Simple Accordion
-----------------------------------*/
.simple-accordion {
	cursor: pointer;
	padding: 15px 30px 15px 0;
	margin: 0 0 20px;
	width: 100%;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;	
	text-align: left;
	outline: none;
	font-size: 18px;
	color:#2376bc;
	transition: 0.4s;
	-wekbit-transition: 0.4s;
	position:relative;
}
.simple-accordion.active, .simple-accordion:hover {}
.simple-accordion:after {
	position:absolute;
	font-family: 'Basic-Icons';	
	content: "\3e";
	font-weight:bold;
	color:#000;
	font-size:14px;
	top:19px;
	right:0;
	-ms-transform: rotate(90deg); 
	-webkit-transform: rotate(90deg); 
	transform: rotate(90deg);
	transition: 0.2s;
	-wekbit-transition: 0.2s;						
}
.simple-accordion.active:after {
	right:3px;
	-ms-transform: rotate(-90deg); 
	-webkit-transform: rotate(-90deg); 
	transform: rotate(-90deg);	
	transition: 0.2s;
	-wekbit-transition: 0.2s;					
}
.simple-panel {
	background-color: white;
	max-height: 0;
	line-height: 1.4;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	-wekbit-transition: max-height 0.2s ease-out;
}
.simple-accordion + .simple-panel {max-height:0 !important;}
.simple-accordion.active + .simple-panel {max-height:none !important;}

/* Lenders List
-----------------------------------*/
.lendersList {list-style:none; padding:0; margin:20px 0;}
.lendersList li {float:left; width:50%; margin:0 0 15px; padding-right:10px; line-height:1.2; font-size:15px; overflow-x:hidden;}
.lendersList li h5 {margin:0;}
@media only screen and (min-width:75em){
	.lendersList li {width:33.3%;}
}
@media only screen and (max-width:600px){
	.lendersList li {width:100%;}
}

.sitemap td {vertical-align:top; padding: 0 20px;}
.sitemap td > div > a {font-size:17px; font-weight:bold;}
.sitemap td .bold a {font-size:18px; font-weight:bold;}


@media only screen and (min-width:48em){
	.footer-left {float:left; padding:0 10px; width:35%;}
	.footer-middle {float:left; padding:0 10px; width:36%;}
	.footer-right {float:left; padding:0 10px; width:29%;}
	
	.footerLinks-right {float:right; padding-left:20px; width:45%; border-left: 1px solid #5560a6;}
	.footerLinks-left {float:left; padding-right:10px; width:55%;}	
}




/* =================================================================
                        Media Queries
===================================================================*/


/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	.siteHeader .sitelogo-wrpr {	float:none; display:block; text-align:center; margin: 0 auto;}

	.pageTools {display:none;}
	.pageToolsWrapper {display:none;}
	
	.footer {text-align:center;}
	.footer .social-icons h4 {font-size:16px;}
	
	.subFooter {text-align:center;}
	.subFooterLinks {margin-top:10px;}
	
	.corlnav {margin-top:30px;}
	
	.sitemap  tr > td {display:block;}
	
	.footerLinks-right {min-height:0 !important;}
	.footer .social  {min-height:0 !important; padding:10px 0;}
}


/* 16px baseline (768px +) */
@media only screen and (min-width:48em){
	.headerWrpr {padding:0; background:#fff;}
	.siteHeader {padding:10px 0;}

	.siteHeader .sitelogo-wrpr {	display:block; width: 225px; margin:0 auto;	}		
	
	.phone-mobile {display:none;}
	
	.footer {font-size:13px; min-height:175px;}	
	.footerWrpr {padding:50px 0 40px; position:relative;}
	.footerLinks {padding:0 10px 0 20px; border-left:1px solid #5560a6; font-size:13px;}	
	.footer h2 {font-size:15px;}
	
	.subFooterWrpr {padding:14px 15px; position:relative;}	
	.subFooterLinks {float:right; margin-right:40px;}
	
	.contactInfo .info {padding:0 0 0 35px; margin:0 0 10px;}
	.contactInfo .info  img {left:0;  margin-left:0; }

	.social {padding:0 10px 20px 20px;; border-left:1px solid #5560a6; }
	.social-icons a {margin:0 6px 0 0;}	
	
	.contactInfo .logo-EHL {/* position:absolute; right:-80px; bottom:-122px; */ width: 40px; margin-left: 30px; margin-top:15px;}	
	
	.interior .grid_9 .main-content {padding:0 4% 0 0;}
	.interior .grid_9.push_3 .main-content {padding:0 0 0 4%;}	
}

/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){
	.headerWrpr {/* border-bottom:1px solid #575653; */}	
	.siteHeader {padding:10px 0;}
	
	.extraNavWrpr {padding:10px 0;}	
	.extraNavLinks {display:block; float:right; padding-top: 3px;}
	.extraNavLinks ul {list-style:none; margin:0; padding:0; display:inline-block;}
	.extraNavLinks ul li{display:inline-block; }
	.extraNavLinks ul li {/*padding-right:25px;*/ margin-right:15px;}
	.extraNavLinks ul li:after{
		content:"/";
		margin-left:20px;
		font-weight:bold;
		font-size:18px;
	}
	.extraNavLinks ul li:last-child:after{display:none;}
	.cm-menu .extraNavLinkItem {display:none;}
	
	.extraNav {line-height:25px; padding-right: 50px;}
	.extraNav .social-icons {display:inline-block;  position:relative; top:-3px;}
	
	.footer {font-size:16px;}
	.footer h2 {font-size:24px;}
	.footerLinks {padding:5px 0 5px 20px; font-size:17px;}
	
	.subFooterWrpr {padding:25px 15px;}
	.subFooterLinks {margin-right:70px;}	

	.social {padding:0 20px 10px;}
	.social-icons a {margin:0 20px 0 0;}

	.contactInfo .logo-EHL {/* position:absolute; right:30px; bottom:0; */ width:auto; margin-left: 25px;}	
	

	.menuActive .siteBodyOverlay,
	.menuActive .footerWrprOverlay, 
	.menuActive .subFooterWrprOverlay {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background: rgba(255,255,255,.7);
		z-index: 10;
	}

}
@media only screen and (min-width:81em){
	.siteHeader .sitelogo-wrpr {
		display: block;
		float: left;
		
		margin-bottom: 10px;
		width: 321px;
	}
}
@media only screen and (min-width:48em) and (max-width:74.938em){
	.footer .grid_6 {width:43%;}
	/* .footer .grid_3.middle {width:32%;} */
	.footer .grid_3 {width:28.5%;}
}

@media (max-width:74.938em) {
	.cm-js-menu-active .siteBodyOverlay,
	.cm-js-menu-active .footerWrprOverlay, 
	.cm-js-menu-active .subFooterWrprOverlay {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background: rgba(255,255,255,.7);
		z-index: 10;
	}
}

/* 16px baseline (180px - 767px) */
@media only screen and (min-width:11.250em) and (max-width:47.938em) {
	
}

/* 16px baseline (768px +) */
@media only screen and (min-width:48em){

}
/* 16px baseline (1200px +) */
@media only screen and (min-width:75em){

}
/* 16px baseline (768px - 1199px) */
@media only screen and (min-width:48em) and (max-width:74.938em){

}


.documents-filter .btn {font-size: 14px; padding: 5px 12px;}
.documents-filter input.searchTxt {width: calc(100% - 85px);}
.filter-col {
	padding-bottom:10px;
}
.filter-col select {
	margin-bottom:10px;
	width: calc(100% - 80px);
}
.documents-filter select option.indent1 {padding-left:15px;}
.documents-filter select option.indent2 {padding-left:27px;}

@media only screen and (min-width:60em){
	.filter-layout {
		display:table;
		width:100%;
		margin: 0 0 5px;
	}	
	.filter-col {
		display:table-cell;
		padding-right:10px;
		padding-bottom:0;
		width: 50%;
	}
	.filter-col:last-child {
		padding-right:0px;
	}
	.filter-col select {
		margin-bottom:0px;
	}
}
@media (max-width:479px) {
	.filter-col select {
		margin-bottom:0;
		margin-top: 5px;
		width: 100%;
	}
	.filter-col:first-child {
		/* padding-bottom:0px; */
	}	
}

.box {
	background:#deeec4;
	padding:1rem;
}

.box p:last-child {
	margin:0;
}

.datepicker-control {width:100px !important;}
.class-schedule-form .btnWrapper .btn {padding:10px 50px;}

@media only screen and (min-width:480px){
	.class-schedule-form .btnWrapper {margin-left:calc(25% + 10px);}
}



/* Tabs 
--------------------------------------------------------------------*/
#tabs {
	padding: 0;
	margin: 0 0 20px;
	border-radius: 0; 
	border-color: #cccccc;
	border-bottom-color: transparent;
}
#tabs .tabsRow {border-bottom: 1px solid #ccc; display: none;}
#tabs .ui-widget-header {
	border: 0;
	padding: 0;
	border-radius: 0;
	background-image:none; 
	background-color:#2376bc;
}
#tabs .ui-widget-content {padding: 30px;}
#tabs .ui-tabs-nav li {
	display: block;
	float: none;
	margin: 0;
	border: 0;
	/* border-right: 1px solid #ccc; */
	border-radius: 0;
	background-color: transparent;
	background-image:none;
		border-bottom:1px solid #ccc;
}
#tabs .ui-tabs-nav li a {
	display: block;
	float: none;
	padding: 10px;
	font-size:1em; 
	font-weight: bold;
		color:#fff;
	/* text-transform: uppercase; */
	-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
#tabs .ui-tabs-nav li a:hover,
#tabs .ui-tabs-nav li a:focus {background-color: #fff; color: #2376bc; /* border-bottom:1px solid #fff; */}
#tabs .ui-tabs-nav li:hover,
#tabs .ui-tabs-nav li:focus {border-bottom:1px solid #ccc; padding-bottom:0;}

#tabs .ui-tabs-nav li.ui-tabs-active {background-color: #fff;}
#tabs .ui-tabs-nav li.ui-tabs-active a { color: #2376bc;}

#tabs .tabHeading {
	position: relative;
	display: block;
	float: none;
	padding: 10px;
	margin-bottom: 0;
	border-bottom: 1px solid #ccc;
	background-color: #dfe7db;
	font-size:1em; 
	font-weight: bold; 
	text-transform: uppercase;
	color: #6c6a6a;
}
#tabs .tabHeading.active {background-color:#f4f4f4; color: #006f3b;}
#tabs .tabHeading .expandTrigger {position: absolute; top: 25%; right: 10px;}
#tabs .tabHeading .expandTrigger .icon-arrow-down:before {content: "+"; font-family: 'Montserrat', sans-serif; font-size: 1.5em;}

#tabs .ui-tabs-panel {border-bottom:1px solid #ccc; border-radius: 0;}

@media (min-width:48.000em) {
    #tabs {border-bottom-color: #ccc;}
	#tabs .tabsRow {display: block;}

	#tabs .ui-tabs-nav li {float: left; border-bottom:none;}
	#tabs .ui-tabs-nav li a {padding: 10px 30px;  line-height:1.25;}
	#tabs .tabHeading {display: none;}
	#tabs .ui-tabs-panel {border-bottom:none;}
	
	#tabs .ui-tabs-nav li {border:1px solid #ccc; margin: -1px 0 0 -1px;}
	#tabs.ui-tabs .ui-tabs-nav {/* margin: -1px; */}	
	#tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active {padding-bottom: 0;}
}

/* Accordion 
--------------------------------------------------------------------*/
.accordion.ui-accordion .ui-accordion-header {font-size:20px; margin: 1px 0 0; padding: 10px 60px 10px 30px; font-weight: bold;}
.accordion .ui-accordion-content {padding:20px 30px 5px;}


.accordion .ui-state-default, 
.accordion .ui-widget-content .ui-state-default, 
.accordion .ui-widget-header .ui-state-default {color:#fff; background:#2376bc;}

.accordion .ui-corner-all, 
.accordion .ui-corner-bottom, 
.accordion .ui-corner-right, 
.accordion .ui-corner-br, 
.accordion .ui-corner-top{border: none; border-radius: 0; }

.accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon {left: auto; right: 1em;}
.accordion .ui-state-active .ui-icon {background-image: url("/cms/images/layout/plus-minus-32.png") !important;}
.accordion .ui-state-default .ui-icon {background-image: url("/cms/images/layout/plus-minus-32.png") !important;}
.accordion .ui-icon {height: 18px !important; width: 18px !important;}
.accordion .ui-widget-content {color: inherit;}
.accordion .ui-widget-content a {color: #222; font-weight:bold;}
.accordion .ui-widget-content a:hover {color: #222;}
.accordion .ui-widget {font-family: "Lato",sans-serif; font-size: 1em;}

.accordion.lenders-list .ui-accordion-content {padding:20px 0 5px;}

/* Open Accordion 
--------------------------------------------------------------------*/
.OpenAccordion.ui-accordion .ui-accordion-header {font-size:20px; margin: 1px 0 0; padding: 10px 60px 10px 30px; font-weight: bold;}
.OpenAccordion .ui-accordion-content {padding:20px 30px 5px;}


.OpenAccordion .ui-state-default, 
.OpenAccordion .ui-widget-content .ui-state-default, 
.OpenAccordion .ui-widget-header .ui-state-default {color:#fff; background:#2376bc;}

.OpenAccordion .ui-corner-all, 
.OpenAccordion .ui-corner-bottom, 
.OpenAccordion .ui-corner-right, 
.OpenAccordion .ui-corner-br, 
.OpenAccordion .ui-corner-top{border: none; border-radius: 0; }

.OpenAccordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon {left: auto; right: 1em;}
.OpenAccordion .ui-state-active .ui-icon {background-image: url("/cms/images/layout/plus-minus-32.png") !important;}
.OpenAccordion .ui-state-default .ui-icon {background-image: url("/cms/images/layout/plus-minus-32.png") !important;}
.OpenAccordion .ui-icon {height: 18px !important; width: 18px !important;}
.OpenAccordion .ui-widget-content {color: inherit;}
.OpenAccordion .ui-widget-content a {color: #222; font-weight:bold;}
.OpenAccordion .ui-widget-content a:hover {color: #222;}
.OpenAccordion .ui-widget {font-family: "Lato",sans-serif; font-size: 1em;}

.OpenAccordion.lenders-list .ui-accordion-content {padding:20px 0 5px;}
#spnSearch>#btnSearchPage {position:absolute;z-index:9 !important;}
#spnSearch>#btnSearchPage:hover,
#spnSearch>#btnSearchPage:focus {background:transparent;}

.portlet-content-overlay {min-height:40px;}

.values {padding-left:40px;}
.valueRow {margin-bottom:20px;}
.valueTop {display:table;}
.valueImg {display:table-cell; width:80px; padding:10px; text-align:center; vertical-align:top;}
.valueImg img {width:60px; max-width:none;}
.valueTxt {display:table-cell; width:100%; padding:10px; vertical-align:top;}
.valueTxtTitle {margin-bottom: 0; font-weight: bold;}
.valueBottom {padding-left:65px;}

.columns {
	display: -webkit-box;
	display: -moz-box;   
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap:wrap;
	width: 100%;
}

.columns > div {
	width:100%;
	padding:0 10px;
	margin-bottom:3rem;
}

@media only screen and (min-width:60em){
	.columns > div {
		width:33%;
		padding:0 3%;
		border-right:2px solid #B6E187;
	}
	
	.columns > div:first-child {
		padding-left:10px;
	}
	
	.columns > div:last-child {
		border-style:none;
		padding-right:10px;
	}
}

.newsletter-list {
	margin-bottom:1rem;
}

.newsletter-list .grid_6 {
	padding-left:0;
}

.newsletter-list .grid_6:first-child h3 {
	color:#2075BB;
}

.newsletter-list .grid_6:nth-child(2) h3 {
	color:#0AA89D;
}

.newsletter-list .grid_6 .formee-list.theme1 label {
	margin:0 !important;
}

@media only screen and (min-width:60em){
	.newsletter-form label {
		text-align:right;
	}
}

#CT_Main_Top_0_pnlNavigation {
	text-align:center;
}

 
table#tblMortgages {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
	min-width:680px;
}

table#tblMortgages thead {
	width:100%;
}

table#tblMortgages thead tr {
    display: table;
    position: relative;
	width:100%;
	border-right:25px solid #F0F2F2;
}

table#tblMortgages td:nth-child(1),
table#tblMortgages th:nth-child(1) {
	width:30%;
}

table#tblMortgages td:nth-child(2),
table#tblMortgages th:nth-child(2) {
	width:17%;
}

table#tblMortgages td:nth-child(3),
table#tblMortgages th:nth-child(3) {
	width:18%;
}

table#tblMortgages td:nth-child(4),
table#tblMortgages th:nth-child(4) {
	width:16%;
}

table#tblMortgages td:nth-child(5),
table#tblMortgages th:nth-child(5) {
	width:17%;
}

table#tblMortgages td:nth-child(2),
table#tblMortgages th:nth-child(2),
table#tblMortgages td:nth-child(3),
table#tblMortgages th:nth-child(3),
table#tblMortgages td:nth-child(4),
table#tblMortgages th:nth-child(4),
table#tblMortgages td:nth-child(5),
table#tblMortgages th:nth-child(5) {
	text-align:center;
}

table#tblMortgages tbody {
    overflow-x: auto;
    width: 100%;
    height: 500px;
	display:block;
}

@media print {
	table#tblMortgages tbody {
		overflow-x: visible;
		height: auto;
	}
}

table#tblMortgages h5 {margin:0;}

table#tblMortgages th,
table#tblMortgages td {
	padding:10px 15px;
}

.calculator-wrpr {background:#fdfdfd; padding:20px; border:1px solid #d0d0d0; max-width:600px; margin:0 auto 30px; }
.calculator-wrpr .btn {margin-top:10px; display:inline-block; max-width:100%; white-space: normal;}
.calculator-wrpr h1 {font-size:20px;}
.calculator-wrpr .formee ul {padding-left:30px; list-style-type:disc;}
.calculator-wrpr .formee ul ul {padding-left:0;}

.lookup-wrpr {background:#fdfdfd; padding:20px; border:1px solid #d0d0d0; max-width:600px; margin:0 0 30px; }
table.lookup {width: 100%;}
table.lookup td {padding:5px 10px;}
table.lookup td:first-child {padding-left:0;}
table.lookup td:last-child {vertical-align:bottom; padding-bottom:15px; text-align: center;}

table.lookup table td {vertical-align:middle;}
table.lookup table td:first-child {text-align:right; padding-left:0; padding-bottom: 17px;}
table.lookup table td:last-child {padding-bottom:10px; text-align:left;}

.formee table.lookup table td input {margin:0; width:250px;}

table.lookup .btn {width:110px; margin-top:10px;}
table.lookup td span {display:block; font-size:14px; margin-top:3px; color:#c11719;} 

@media only screen and (min-width:48em){
	table.lookup td:last-child {padding-bottom:35px;}
}	
@media only screen and (max-width:47.938em){
	table.lookup {display:block; width:100%;} 
	table.lookup tbody,
	table.lookup tr {display:block;}
	
	table.lookup table {display:block; width:100%;}
	table.lookup td {display:block; width:100%; padding:5px 0;}
	table.lookup table td:first-child {text-align:left; padding-bottom: 5px;}
	
	.formee table.lookup table td input {width:100%;}
	table.lookup td:last-child br {display:none;}
	table.lookup .btn {margin:10px 5px 0;}
}	


#at_hover.atm-s a:focus, 
.atm-s a:focus {background-color: rgb(29, 161, 242, .3);}

.mortgageBoxBottom ul {font-size: 18px; color: #fff; margin: 0 0 2.5em; padding-left:15px;}
.mortgageBoxBottom p.image {margin:0px auto 30px; text-align:center;}

.planning .mortgageBoxBottom {margin-bottom:20px;}

.mortgageBoxBottom p a {color:#fff;}