@charset "UTF-8";
/* CSS Document */

body table.borderless,
body table.borderless tr,
body table.borderless td,
body table.borderless tbody {
	border: none !important;
	color: #fff;
	border-radius: 5px;
}

body table.borderless,
body table.borderless td,
body table.borderless tr {
	background: #0076ba !important;
}

body table.borderless td {
	padding: 13px !important;
}

body table.borderless td input {
	border-radius: 5px;
	font-size: 19px;
	padding: 3px 11px;
}


body table.borderless tbody tr:first-child td {
	padding-top: 29px !important;
}

body ._access-icon.material-icons._access {
	background: #fff url(../images/accesibility-icon.png) !important;
	background-size: cover !important;
	font-size: 0 !important;
	border-radius: 100px;
	min-height: 61px;
	min-width: 61px;
	left: 19px !important;
	bottom: 19px !important;
}

html {
  scroll-padding-top: 204px; /* height of sticky header */
}

body {
    font-family: "Open Sans", sans-serif;
    color: #00315b;
    font-size: 19px;
    line-height: 1.5em;
    font-weight: 400;
}

strong {
	font-weight: 700;
}

body p {
    padding: 6px 0 13px;
	margin: 0;
}

body li {
    padding-bottom: 11px;
}

body blockquote {
    margin: 0 0 1rem;
    border: 7px solid #cdc09e;
    border-width: 0 0 0 7px;
    padding: 0 0 0 13px;
}

body blockquote p {
    padding: 5px 0 7px;
}

hr {
    clear: both;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1em;
    color: #0076ba;
    padding: 6px 0 17px;
    margin: 0;
}

h1, h2, h1 span, h2 span {
    font-family: "Cormorant Garamond", serif;
    font-weight: 700;
	background: none !important;
}

body h1 { font-size: 57px; }
body h2 { font-size: 47px; }
body h3 { font-size: 31px; }
body .sidebar-left h3 {font-size: 23px;}
body h4 { font-size: 27px; }
body h5 { font-size: 27px; }
body h6 { font-size: 23px; }

body .ls-container h1 {
	font-size: 112px;
	color: #fff;
}

body a { color: #9a2727; text-decoration: none; }

body a:hover  { color: #756c69; }

body .btn-primary {
    background-color: #0076ba;
    border-color: #0076ba;
}

body .btn-primary:hover {
    background-color: #fff;
    border-color: #ccc;
	color: #000;
}

body .wf_caption {
    border: 1px solid #ddd;
}

body .wf_caption img {
    padding-bottom: 5px;
}

body .wf_caption span {
    background: #eee;
    padding: 5px 7px;
    text-align: center;
    font-size: 87%;
}

body a { color: #0076ba}
body a:hover { color: #0076ba}

body hr {
	border-top: 1px solid #000 !important;
}

body .wf-icon-zoom-image > svg {
	fill: #777;
	transform: scale(-1);
	background: #fff;
	padding: 4px;
	border-radius: 23px;
	display: block;
	width: 32px;
	height: 32px;
	box-shadow: 0 0 11px rgba(0,0,0,.3);
}

body small, body .small {
	font-size: .93em;
}

body ol,
body ul {
	padding-left: 1rem;
}



/* responsive video ************************************************************************************************************************************************************/

.video-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px;
    margin-bottom: 25px;
    height: 0; 
    overflow: hidden; 
}

.video-container iframe, 
.video-container object, 
.video-container embed,
.video-container .video-player{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    display: block;
}



/* jce styles ************************************************************************************************************************************************************/

body .disclaimer {
	font-size: 13.5px !important;
	line-height: 1.4em !important;
	font-style: italic !important;
}

span.link-btn-yellow,
td a.link-btn-yellow,
p:not(link-btn-yellow) a.link-btn-yellow,
p.link-btn-yellow a {
	display: inline-block;
	background: #e9af1f;
	border: 1px solid #e9af1f;
	border-radius: 43px;
	color: #000 !important;
	padding: 7px 23px 9px;
	margin: 13px 3px;
	font-size: 15px;
	line-height: 1;
	font-weight: 700 !important;
	text-decoration: none !important;
	text-transform: uppercase;
}

span.link-btn-yellow:hover,
td a.link-btn-yellow:hover,
p:not(link-btn-yellow) a.link-btn-yellow:hover,
p.link-btn-yellow a:hover {
	background: #fff;
	border: 1px solid #000;
}

span.link-btn-white,
td a.link-btn-white,
p:not(link-btn-white) a.link-btn-white,
p.link-btn-white a {
	display: inline-block;
	background: #fff;
	border: 1px solid #000;
	border-radius: 43px;
	color: #000 !important;
	padding: 9px 23px 9px;
	margin: 13px 3px;
	font-size: 15px;
	line-height: 1;
	font-weight: 700 !important;
	text-decoration: none !important;
	text-transform: uppercase;
}

span.link-btn-white:hover,
td a.link-btn-white:hover,
p:not(link-btn-white) a.link-btn-white:hover,
p.link-btn-white a:hover {
	background: rgb(153, 200, 228);
	border: 1px solid #000;
}



/* calculator style ***************************************************************************************/

:root {
  --bz-color-1: #0076bb !important;
  --bz-color-2: #7bb3ff !important;
  --bz-color-3: #e9af20 !important;
  --bz-color-4: #e9cf8f !important;
  --bz-color-5: #000000 !important;
}

:root {
  --bz-color-primary-1: #0076bb !important;
  --bz-color-secondary-1: #e9af1f !important;
  --bz-color-on-primary: #FFFFFF !important;
  --bz-color-on-secondary: #000000 !important;
}

body ._range_imh1a_62 input[type="range"] {
	background: linear-gradient(180deg, #fff 0%, #fff 45%, #eab120 45%, #eab120 55%, #fff 55%, #fff 100%);
}

body .playfair-display {
	font-family: "Open Sans", sans-serif !important;
	line-height: 1.3;
}

body ._label_1l07s_68 {
  letter-spacing: .3px;
	line-height: 1.3;
}



/* bar charts */

body .recharts-bar:nth-child(even) path.recharts-rectangle {
	fill: #0076bb !important;
}

body .recharts-bar:nth-child(odd) path.recharts-rectangle {
	fill: #7bb3ff !important;
}



/* line graphs... */

body .recharts-layer.recharts-line:nth-child(odd) .recharts-curve.recharts-line-curve {
	stroke: #0076ba;
}

body .recharts-layer.recharts-line:nth-child(even) .recharts-curve.recharts-line-curve {
	stroke: #5c5761;
}




/* buttons */

body ._buttons_1styn_70 button {
	background-color: #0076ba;
	color: #fff;
	border: 1px solid #0076ba;
	box-shadow: none;
}

body ._buttons_1styn_70 button:hover {
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	box-shadow: none;
}












/* structural ************************************************************************************************************************************************************/

body .container-header {
	background: #fff;
}

body .container-header .container-topbar {
	width: 1650px;
	max-width: 100%;
	margin: 0 auto;
    padding: 0 23px;
    background: #fff;
    border: none;
    color: #00325b;
    z-index: 3;
	border-bottom: 1px solid #ddd;
}

body .container-header .alert-msg,
body .container-header .announcement {
	background: url(/images/site/rotators/light-blue-bg-rect.jpg);
	background-size: cover;
	max-width: 100vw;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding: 13px;
	color: #fff !important;
	line-height: 1;
	max-height: 100%;
    transition: all .9s ease-out;
}

body .container-header .alert-msg {
	background: #e9af1f;
	color: #000 !important;
}

body .container-header .alert-msg *,
body .container-header .announcement * {
	width: 1650px;
	max-width: 100%;
	padding: 0;
	margin: auto;
}


body  .container-header .container-topbar .logo {
	width: 24%;
	display: inline-block;
	padding: 0px 0;
	z-index: 4;
	position: relative;
}

body  .container-header .container-topbar .top-links {
	width: 76%;
	display: inline-block;
	padding: 0;
	margin: 0 -3px;
	z-index: 3;
	position: relative;
}

body  .container-header .container-topbar .top-menu {
	width: 100%;
	padding: 0 0 5px;
	z-index: 2;
	position: relative;
}

body .site-grid {
    z-index: 1;
}

body .site-grid main .__banzai-coach {
    margin-bottom: 29px;
}


body .container-banner {
    background: none;
    margin: 0;
    z-index: 1;
}

body .breadcrumb {
	background-color: #fff;
	margin: 7px 0 13px;
	padding: 0 0 7px !important;
	border-bottom: 1px solid #d4e8f3;
}

body .container-component > :first-child, 
body .container-sidebar-left > :first-child, 
body .container-sidebar-right > :first-child, 
body .container-component > * + *, 
body .container-sidebar-left > * + *, 
body .container-sidebar-right > * + * {
    margin: 0;
}

body:not(.has-sidebar-left) .site-grid .container-component,
body:not(.has-sidebar-right) .site-grid .container-component {
    background: #fff;
    padding: 0px 29px 0;
}

body .container-sidebar-right {
    background: #fff;
    padding: 29px;
}

body .container-sidebar-right .sidebar-right:last-child {
    margin-bottom: 1vw;
}

body .container-sidebar-right .sidebar-right:first-child {
    margin-top: 0;
}



/* scrolled ************************************************************************************************************************************************************/

body.scrolled .container-header .container-topbar .logo {
	padding: 7px 0 0;
}

body.scrolled .container-header .container-topbar #logoshrink {
	width: 240px;
}

body.scrolled .container-header .container-topbar .top-links {
  padding: 0px 8px 0 0;
  margin: 0 -3px;
}

body.scrolled .alert-msg,
body.scrolled .announcement {
	max-height: 0;
	font-size: 0;
	padding: 0;
	margin-top: -3px;
}






/* logo  ************************************************************************************************************************************************************/

body .logo, body img#logoshrink {
    transition: all 0.9s ease-out;
}




/* top - links ************************************************************************************************************************************************************/

body .top-links {
	text-align: right;
    transition: all 0.9s ease-out;
}

body .link-btn {
	background: #0076ba;
	border-radius: 43px;
	padding: 5px 19px 5px;
	margin: 0 3px;
	line-height: 1;
	font-weight: 500 !important;
	color: #fff !important;
	text-decoration: none !important;
	border: 1px solid rgba(0,0,0,0);
}

body .link-btn:hover {
	background: #fff;
	color: #0076ba !important;
	border: 1px solid #0076ba;
}

body .search-btn {
	padding: 0 7px 0 5px;
    transition: all 0.3s ease-out;
}

body .search-btn:hover img {
	scale: 1.29;
    transition: all 0.3s ease-out;
}











/*** NEW!! top nav ****************************************************************************************************************/

body .metismenu.mod-menu .metismenu-item.level-1:hover > ul { /* force top nav to dropdown on hover */
	display: block;
	margin-left: -22px;
}

body .metismenu.mod-menu .metismenu-item.level-1 > .mm-toggler::after { /* remove dropdown arrow on top nav */
	display: none;
}

body  .container-header .container-topbar .top-menu .metismenu.mod-menu { /* moves nav to right side */
	display: flex !important;
	justify-content: right;
}

.metismenu.mod-menu .metismenu-item.level-1:last-child { /* moves last dropdown under menu item */
	justify-content: right;
}

body  .container-header .container-topbar .top-menu {
	margin-top: -37px;
}

body .metismenu.mod-menu .metismenu-item.active .mod-menu__heading.mm-toggler-nolink,
body .metismenu.mod-menu .mod-menu__heading.mm-toggler-nolink:hover {
	color: #0076ba;
}


body .metismenu.mod-menu .mod-menu__heading.mm-toggler-nolink {
	background: #fff;
	color: #00325b;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 23.5px;
	padding: 5px 37px 5px 0px;
}

body .metismenu.mod-menu .metismenu-item {
	padding: 0;
	margin: 0;
	line-height: 1.2;
}





/* dropdowns  **********************************************************************************************/

body ul.mod-menu ul.mm-collapse {
    width: 13em;
}

body .metismenu.mod-menu .metismenu-item.level-2 { /*********************** level 2 */
	background: #fff;
}

body .container-header .metismenu > li.level-1 > ul {
	min-width: 15rem;
	box-shadow: 0 19px 23px rgba(0,0,0,.2);
}

body .metismenu.mod-menu .metismenu-item.level-2 ul {
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

body .metismenu.mod-menu .metismenu-item.level-2 > a {
	text-wrap: auto;
	padding: 5px 13px;
	color: #00325b;
	text-decoration: none;
	font-size: 120%;
	width: 87%;
}

body .metismenu.mod-menu .metismenu-item.level-2.active,
body .metismenu.mod-menu .metismenu-item.level-2:hover {
	background: #0076ba;
}

body .metismenu.mod-menu .metismenu-item.level-2.active > a,
body .metismenu.mod-menu .metismenu-item.level-2:hover > a {
	color: #fff;
}

body .metismenu.mod-menu .metismenu-item.level-3 { /*********************** level 3 */
	background: #fff;
}

body .metismenu.mod-menu .metismenu-item.level-3 ul {
	width: 100%;
}

.metismenu.mod-menu .mm-collapse > li.parent .mm-toggler { /* move toggle arrow back */
	margin-left: -5px;
	height: 30px;
}

body .metismenu.mod-menu .mm-toggler::after { /* increase toggle size */
  border-top: .7em solid;
  border-left: .6em solid #0000;
  border-right: .6em solid #0000;
}

body .metismenu.mod-menu .metismenu-item.active:not(.level-1) .mm-toggler, /* make the arrow white */
body .metismenu.mod-menu .metismenu-item:not(.level-1):hover .mm-toggler {
	color: #fff;
}

body .metismenu.mod-menu .metismenu-item.level-3 > a {
	text-wrap: auto;
	padding: 5px 13px 5px 19px;
	color: #00325b;
	text-decoration: none;
	font-size: 110%;
	width: 100%;
}

body .metismenu.mod-menu .metismenu-item.level-3.active,
body .metismenu.mod-menu .metismenu-item.level-3:hover {
	background: #0076ba;
}

body .metismenu.mod-menu .metismenu-item.level-3.active >  a,
body .metismenu.mod-menu .metismenu-item.level-3:hover > a {
	color: #fff;
}

body .metismenu.mod-menu .mm-collapse > li.parent > ul { /* remove margin on dropdown ULs */
	margin-top: 0;
	margin-bottom: 0;
}

body .metismenu.mod-menu .mm-collapse > li.parent > ul { /* fix overlap of 2nd/3rd level dropdowns */
	flex-basis: auto;
	margin-top: 0;
	margin-bottom: 0;
}

.container-header .navbar-toggler {
	color: #0076ba;
	cursor: pointer;
	border: 1px solid #0076ba;
	box-shadow: none;
}







/* sidebar  **********************************************************************************************/

.container-sidebar-left .sidebar-left {
	margin-top: 1em;
}

.sidebar-left .convertforms {
	margin-top: 13px;
}

body .container-sidebar-left h1, 
body .container-sidebar-left h2, 
body .container-sidebar-left h3, 
body .container-sidebar-left h4, 
body .container-sidebar-left h5, 
body .container-sidebar-left h6,
body .container-sidebar-right h1, 
body .container-sidebar-right h2, 
body .container-sidebar-right h3, 
body .container-sidebar-right h4, 
body .container-sidebar-right h5, 
body .container-sidebar-right h6 {
    margin: 5px -11px;
    padding: 7px 11px;
    border-bottom: 1px solid #0076ba;
}

body .sidebar-left ul {
	list-style-type: none;
}

body .category-module li,
body .container-sidebar-right .nav-item,
body .container-sidebar-left .nav-item {
    background: #fff;
	padding: 0;
	margin: 0;
}

body .mod-articles-category-title,
body .in-this-section .mod_list a {
	display: block;
}

body .mod-articles-category-title,
body .container-sidebar-right .mod-list > .nav-item a,
body .container-sidebar-left .mod-list > .nav-item a {
	display: block;
    margin: 3px -11px;
    padding: 5px 11px;
	line-height: 1.2;
}

body .mod-articles-category-title:hover,
body .mod-articles-category-title.active,
body .container-sidebar-right .mod-list > .nav-item > a:hover,
body .container-sidebar-right .mod-list > .nav-item.active > a,
body .container-sidebar-right .mod-menu__sub > .nav-item > a:hover,
body .container-sidebar-right .mod-menu__sub > .nav-item.active > a,
body .container-sidebar-left .mod-list > .nav-item > a:hover,
body .container-sidebar-left .mod-list > .nav-item.active > a,
body .container-sidebar-left .mod-menu__sub > .nav-item > a:hover,
body .container-sidebar-left .mod-menu__sub > .nav-item.active > a {
    background: #0076ba;
    color: #fff;
    text-decoration: none !important;
}




/* popups  **********************************************************************************************/

body .wf-mediabox-body {
	width: 1320px !important;
}

body .wf-mediabox-caption,
body .wf-mediabox-nav {
	position: absolute;
	top: 0;
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}

body .wf-mediabox-close > svg, 
body .wf-mediabox-prev > svg, 
body .wf-mediabox-next > svg {
	fill: #0076ba;
	padding: 0;
	width: 41px;
	height: 41px;
	margin: 7px 0 0 -13px;
}

body #wf-mediabox-modal-title {
	background: #003f77;
	color: #fff !important;
	text-align: center;
	padding: .33vw 1.5vw;
	border-radius: .25em .25em 0 0;
	border: 1px solid #fff;
}









/* sp pagebuilder *************************************************************************************************************************************************************/

body .image-layout-preset-style-card .sppb-row .sppb-col-sm-6:nth-child(2),
body .image-layout-preset-style-overlap .sppb-row .sppb-col-sm-6:nth-child(2) {
	align-content: baseline;
}

body .sppb-article-meta {
	display: none;
}

body .testimonials a {
    pointer-events: none;
}

body .testimonials {
	text-align: center;
	background: url(../images/testimonials-bg.jpg);
	background-size: 100% 100%;
	background-position: center center;
}

body .testimonials a {
	text-decoration: none;
}

body .testimonials .sppb-row-container {
    max-width: 100%;
}

body .sppb-article-info-wrap {
	display: flex;
	flex-direction: column-reverse;
}

body .testimonials h3 {
	font-family: 'Open Sans', 'sans-serif';
	text-transform: uppercase;
	font-size: 23px;
	font-weight: 700;
	display: flex;
	justify-content: center;
	color: #fff !important;
	margin-top: 23px;
	background: url(../images/stitching.png) repeat-x;
	background-position: 0 37%;
	max-width: 100vw;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

body .testimonials h3:before {
	content: "—";
	padding: 0 0px 0 17px;
	background: #0076ba;
}

body .testimonials h3 a {
	background: #0076ba;
	color: #fff;
	padding: 0 17px 0 0;
}

body .testimonials .sppb-article-introtext {
	text-align: center;
	font-style: italic;
	font-family: 'Times New Roman', 'serif';
    font-weight: 700;
	font-size: 29px;
	color: #fff;
	display: flex;
	max-width: 1320px;
	margin: auto;
	padding: 0 23px;
}




/* tabs  **********************************************************************************************/

body .sppb-nav.sppb-nav-modern {
	border-bottom: 1px solid #ddd;
	justify-content: center;
}

body .sppb-nav.sppb-nav-modern > li > a {
	font-size: 23px;
	text-decoration: none;
	font-weight: 600;
	color: #0076bb;
	background: #fff;
	border-radius: 11px 11px 0 0;
	border: 1px solid #ddd;
	border-bottom: none;
	margin-right: 11px;
}

body .sppb-nav.sppb-nav-modern > li.active > a,
body .sppb-nav.sppb-nav-modern > li.active:hover > a,
body .sppb-nav.sppb-nav-modern > li:hover > a {
	color: #fff;
	background: #0076bb;
}


/* accordion */




/* accounts */


/* account info table */

body table.account-info {
	width: 100%;
}

body table.account-info {
	padding-bottom: 23px;
}

body table.account-info a {
	text-decoration: none;
}


body table.account-info th {
	background: #0077bb;
	text-align: center;
	color: #fff;
	width: 20%;
	padding: 13px;
	border-right: 1px dotted #fff;
}

body table.account-info th:last-child {
	border-right: none;
}

body table.account-info th a:not(.link-btn-yellow):not(.link-btn-white),
body table.account-info th p:not(.link-btn-yellow):not(.link-btn-white) a {
	text-align: center;
	color: #fff;
}

body table.account-info td {
	text-align: center;
	padding: 13px;
	line-height: 1.1;
}

body table.account-info td:first-child {
	text-align: left;
}

body table.account-info td:last-child {
	border-right: none;
}

body table.account-info tr:nth-child(even) {
	background: #eaf3f9;
}

body table.account-info tr:last-child td {
	border-bottom: none;
}

body table.account-info td {
	border-right: 1px dotted #0077bb;
	border-bottom: 1px dotted #0077bb;
}

body table.account-info h4 {
	padding: 0;
	color: #003665;
}

body .account-info table em {
	padding: 0;
	color: #0077bb;
	line-height: 1em;
	font-size: 17px;
}












/* convert forms ********************************************************************************************/

body .cf-success .cf-response {
	background: #0076ba !important;
}

body .cf-success .cf-response {
     background: #0076ba;
}

body .convertforms .cf-content-wrap, 
body .convertforms .cf-form-wrap {
	padding: 0;
}

body .convertforms .cf-btn {
  background-color: #0076ba !important;
  color: #fff;
  border: 1px solid #0076ba !important;
}

body .convertforms .cf-btn:hover {
  background-color: #fff !important;
  color: #000;
  border: 1px solid #000 !important;
}







/* creative slider *****************************************************************/

body .ls-layer h1 {
	padding: 0;
}








/* hotspots *****************************************************************************/

body .hs-main-region img {
	max-width: 100%;
}

body #js-pagination-controls-top,
body #js-hs-tabs,
body #js-hs-tab-filter-region {
	display: none;
}

body .wf-mediabox-overlay {
	opacity: .5 !important;
}

body .hs-tab-list-item h3 {
	color: #777;
	font-size: 23px;
	vertical-align: top;
	margin: 0;
	padding: 0 0 7px;
	line-height: 1.3;
}

body .hs-tab-list-item p {
	color: #777;
	font-size: 15px;
	vertical-align: top;
	margin: 0;
	padding: 0 0 7px;
	line-height: 1.3;
}


body .hs-tab-list-item.hs-selected,
body .hs-tab-list-item:hover {
	box-shadow: 0 0 11px rgba(0, 0, 0, 0.5);
}

body .hs-tab-list-item.hs-selected h3,
body .hs-tab-list-item.hs-selected p,
body .hs-tab-list-item:hover h3,
body .hs-tab-list-item:hover p {
	color: #0076ba;
}

body .compojoom-bootstrap .hs-toolbar .btn-mini {
	padding: 0;
	font-size: 13px;
	font-weight: 700;
}













/* sp pagebuilder  **********************************************************************************************/

body .locations .image-layout-preset-style-card .sppb-addon-image-layout-content {
	padding: 0 17px;
	font-size: 90%;
	line-height: 1.3;
}

body .locations .sppb-row-column {
  max-width: 50% !important;
  flex-basis: 50% !important;
}

body .sp-pagebuilder-row,
body .sppb-row {
	justify-content: center;
	max-width: 1320px;
	margin: auto;
}

body .sppb-section .sppb-column,
body .sppb-section .sppb-column-addons {
	align-content: baseline;
}

body.homepage .sppb-section .sppb-column,
body.homepage .sppb-section .sppb-column-addons {
	align-content: center !important;
}

body .sppb-section.blue-circle-bg {
	background: #cce4f1 url(../images/homepage-loans-bg.jpg) no-repeat;
	background-size: contain;
	background-position: top center;
}

body .sppb-section.full-width {
	max-width: 100vw;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

body .sppb-addon-single-image-container img {
	max-width: 100% !important;
}




/* rates pages  **********************************************************************************************/

body .sppb-section.rates-hdr,
body .sppb-section.rates {
	background: #fff;
}




/* auto loans  **********************************************************************************************/

body .sppb-section.autoloan-rates .addon-root-animated-number {
	padding-right: 0;
	padding-left: 0;
	margin: 0 1.5em 0 -1.5em;
	width: 50%;
	display: inline-block;
}

body .sppb-section.autoloan-calc {
	background: url(../images/autoloan-calc-bg.jpg) 50% 100% no-repeat;
	background-size: 100%;
}





/* home loans **********************************************************************************************/

body .sppb-section.pill-image .sppb-row-container,
body .sppb-section.pill-image .sppb-row-container .sppb-row-column  {
	padding: 0;
	margin: 0;
}

body .sppb-section.pill-image .sp-pagebuilder-row,
body .sppb-section.pill-image .sppb-row {
	justify-content: center;
	max-width: 100%;
	margin: auto;
}

body .sppb-section.homeloan-rates-hdr,
body .sppb-section.homeloan-rates {
	background: #eaf3f9;
}


body .sppb-section.homeloan-rates .addon-root-animated-number {
	padding-right: 0;
	padding-left: 0;
	margin: 0 1em 0 -1em;
	width: 50%;
	display: inline-block;
}

body .sppb-section.mortgage-rates .addon-root-animated-number {
	padding-right: 0;
	padding-left: 0;
	margin: 0 2em 0 -2em;
	width: 50%;
	display: inline-block;
}

body .wf-mediabox-frame .wf-mediabox-container {
	padding: 43px 23px 23px;
	margin: 1vw;
}





/* resons to believe */

body .sppb-section.reasons-to-believe {
	background: #eaf3f9;
}

body .sppb-section.large-content {
	background: #99c8e4;
}


/* large content */

body .sppb-section.large-content .sppb-row,
body .sppb-section.reasons-to-believe .sppb-row {
	width: 1320px;
	max-width: 100%;
	margin: auto;
}







/* footer ************************************************************************************************************************************************************/

body .footer {
    margin: 0;
	padding: 0 0 5vw;
}

body > .footer {
    width: 100%;
    background: url(../images/footer-bg.jpg);
    margin: 0;
    display: block;
}

.footer .grid-child {
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 100%;
}


/* working hard */

body .working-hard {
    width: 100%;
    max-width: 100%;
    padding: 2vw 0;
	background: transparent url(../images/stitching.png) repeat-x 50% 50%;
}

body .working-hard > div {
    background: none;
    width: 1650px;
    max-width: 100%;
    padding: 3vw 0;
	margin: auto;
}

body .working-hard h2 {
	color: #aad1e8;
	display: inline-block;
	padding: 0 2vw;
    background: url(../images/footer-bg.jpg) !important;
}


/* copyright logo */

body .copyright {
	width: 1650px;
	max-width: 100%;
	margin: auto;
	padding: 0 29px;
	background: none;
	color: #fff;
	display: flex;
}

body .copyright > div {
	width: 100%;
	background: none;
	display: flex;
    flex-direction: row;
	justify-content: space-between;
	gap: 29px;
}


















/* media queries ************************************************************************************************************************************************************/

@media only screen and (max-width: 5099px) {

body .working-hard > div {
	text-align: center;
}

}




@media only screen and (max-width: 1399px) {

body  .container-header .container-topbar .logo,
	body  .container-header .container-topbar .top-links {
	width: 50%;
}
	
body  .container-header .container-topbar .top-menu .metismenu.mod-menu { /* moves nav to center */
	justify-content: center;
}

body  .container-header .container-topbar .top-menu {
	margin: 0px;
	padding: 13px 0;
}

.container-header nav {
	margin-top: 0;
}

}



@media only screen and (max-width: 1199px) {

}


@media (max-width: 991.98px) {

 body .site-grid {
    grid-gap: 0 1em;
    grid-template-columns: [full-start]minmax(0,1fr)[main-start]repeat(4,minmax(0,19.875rem))[main-end]minmax(0,1fr)[full-end];
    grid-template-areas:
".banner banner banner banner." 
".top-a  top-a  top-a  top-a. " 
".top-b  top-b  top-b  top-b. " 
".side-l side-l side-l side-l." 
".comp   comp   comp   comp.  " 
".side-r side-r side-r side-r." 
".bot-a  bot-a  bot-a  bot-a. " 
".bot-b  bot-b  bot-b  bot-b. ";
    display: grid;
}

body .sidebar-left .mod-list {
	columns: 4;
	font-size: 90%;
}

body .sidebar-left .mod-articles-category-group {
	font-weight: 600;
}

#column-wrap-id-a1d1d05b-4e61-4d0a-9b28-2ac7c7a05898 {
    max-width: 100%;
    flex-basis: 100%;
}


#column-wrap-id-a1d1d05b-4e61-4d0a-9b28-2ac7c7a05898 {
    max-width: 100%;
    flex-basis: 100%;
}

#column-wrap-id-a1d1d05b-4e61-4d0a-9b28-2ac7c7a05898 {
  max-width: 100%;
  flex-basis: 100%;
}

.sppb-col, .sppb-col-auto, .sppb-col-lg, .sppb-col-lg-1, .sppb-col-lg-10, .sppb-col-lg-11, .sppb-col-lg-12, .sppb-col-lg-2, .sppb-col-lg-3, .sppb-col-lg-4, .sppb-col-lg-5, .sppb-col-lg-6, .sppb-col-lg-7, .sppb-col-lg-8, .sppb-col-lg-9, .sppb-col-lg-auto, .sppb-col-md, .sppb-col-md-1, .sppb-col-md-10, .sppb-col-md-11, .sppb-col-md-12, .sppb-col-md-2, .sppb-col-md-3, .sppb-col-md-4, .sppb-col-md-5, .sppb-col-md-6, .sppb-col-md-7, .sppb-col-md-8, .sppb-col-md-9, .sppb-col-md-auto, .sppb-col-sm, .sppb-col-sm-1, .sppb-col-sm-10, .sppb-col-sm-11, .sppb-col-sm-12, .sppb-col-sm-2, .sppb-col-sm-3, .sppb-col-sm-4, .sppb-col-sm-5, .sppb-col-sm-6, .sppb-col-sm-7, .sppb-col-sm-8, .sppb-col-sm-9, .sppb-col-sm-auto, .sppb-col-xl, .sppb-col-xl-1, .sppb-col-xl-10, .sppb-col-xl-11, .sppb-col-xl-12, .sppb-col-xl-2, .sppb-col-xl-3, .sppb-col-xl-4, .sppb-col-xl-5, .sppb-col-xl-6, .sppb-col-xl-7, .sppb-col-xl-8, .sppb-col-xl-9, .sppb-col-xl-auto, .sppb-col-xs-1, .sppb-col-xs-10, .sppb-col-xs-11, .sppb-col-xs-12, .sppb-col-xs-2, .sppb-col-xs-3, .sppb-col-xs-4, .sppb-col-xs-5, .sppb-col-xs-6, .sppb-col-xs-7, .sppb-col-xs-8, .sppb-col-xs-9, .sppb-row-column, body .sppb-row-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

}





@media only screen and (max-width: 991px) {

body .working-hard h2 {
	font-size: calc(7px + 3.7vw) !important;
}

body .container-header .container-topbar .logo {
	padding: 0;
}

body .container-header .container-topbar .top-menu {
	margin: 5px 0 0;
	padding: 0 0 13px;
	z-index: 5;
}

.container-header nav {
	margin-top: -32px;
	justify-content: right;
}

body .metismenu.mod-menu .metismenu-item.level-1 {
	justify-content: right;
	padding-right: 0;
}

body .metismenu.mod-menu .metismenu-item.level-1 > .mm-toggler::after { /* turn dropdown arrow on top nav off - change to "block" to turn on */
	display: none;
}

body .metismenu.mod-menu .mod-menu__heading.mm-toggler-nolink {
	padding: 5px 0px;
}

.container-header .navbar-collapse.show {
	padding-top: 7px;
}

body .copyright > div {
    flex-direction: column;
	text-align: center;
}

body .copyright img {
    float: none !important;
	margin: 0 23px;
}

body .copyright > div > div {
	border-bottom: 1px solid rgba(255,255,255,.3);
	padding-bottom: 23px;
	margin-bottom: 23px;
}
	
body .container-header .metismenu.mod-menu > li.metismenu-item > a {
	padding: 11px 0 3px;
}

body:not(.has-sidebar-left) .site-grid .container-component, body:not(.has-sidebar-right) .site-grid .container-component {
  padding: 0;
}

}






@media only screen and (max-width: 767px) {

body .sidebar-left .mod-list {
	columns: 3;
}

body .locations .sppb-row-container .sppb-row {
	flex-direction: column;
}

body .locations .sppb-row-column {
  max-width: 100% !important;
  flex-basis: 100% !important;
}

body .container-header .container-topbar .logo {
	width: 100%;
	display: block;
	padding: 0 0 13px;
	text-align: center;
}

body .container-header .container-topbar .top-links {
	width: calc(100% - 50px);
	padding: 11px 0;
	margin: 0;
	z-index: 6;
	text-align: left;
}
	
body .container-header .container-topbar .top-menu {
	margin: -49px 0 0;
}

body .testimonials .sppb-col-xs-6 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

body .small-batch p {
    text-align: center;
}


/* Force table to not be like tables anymore */
body table, body thead, body tbody, body th, body td, body tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
body thead tr,
body tbody tr th { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}
	
body tr { border: none; }
	
body td { 
	/* Behave  like a "row" */
	border: 1px solid #0077bb !important; 
	border-width: 0 1px 1px 1px !important;
	position: relative;
	padding-left: 50%;
	text-align: center !important;
}
	
body table.account-info td {
	background: #fff;
}

body table.account-info td:first-child,
body table.account-info td:first-child h4,
body table.account-info td:first-child a {
	background: #0077bb;
	color: #fff !important;
}

}





@media only screen and (max-width: 599px) {

body .container-header .container-topbar .top-links {
	font-size: 3vw;
}

body .sidebar-left .mod-list {
	columns: 2;
}

body { font-size: calc(7px + 3vw) !important; } /* get fonts sizes down on phones */

body h1 { font-size: calc(7px + 7.5vw); }
body h2 { font-size: calc(7px + 7vw); }
body h3 { font-size: calc(7px + 5.5vw); }
body .sidebar-left h3 {font-size: calc(7px + 5vw);}
body h4 { font-size: calc(7px + 5vw; }
body h5 { font-size: calc(7px + 4vw); }
body h6 { font-size: calc(7px + 3.5vw); }
	
}




@media only screen and (max-width: 499px) {

body .sidebar-left .mod-list {
	columns: 1;
}

body .container-header .container-topbar .top-links {
	font-size: 3vw;
    text-align: left;
}

body .wf_caption {
    float: none !important;
    margin: 0 !important;
}

}


@media (min-width: 1200px) {
body .sppb-row-container {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
body .sppb-row-container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
body .sppb-row-container {
    max-width: 100%;
  }
}
@media (min-width: 576px) {
body .sppb-row-container {
    max-width: 100%;
  }
}