@charset "UTF-8";

/*CONTENTS:

This sheet should contain any styles that apply to any BIT templates
_____________________________________________________________

1. Content Decks
2. Banners (flexslider)
3. Calls to Action
4. Promotions & Testimonials
5. Homepage Grid Features 
6. Featured Icons / Featured Rates
7. Comparison Charts
8. Footer Quick Links
9. Google Maps
10. Staff Features

*/

/* ================ 1. Content Decks ================ */

div.decks.fix { overflow: hidden; }

/*multi column support*/
.contentdeck.onewhole, .contentdeck.onehalf, .contentdeck.onethird, .contentdeck.onefourth, .contentdeck.onefifth { width: 100% !important; }

.contentdeck.onehalf .inner, .contentdeck.onethird .inner, .contentdeck.onefourth .inner, .contentdeck.onefifth .inner, .contentdeck.icon-grid .inner { max-width: 1280px !important; }

.contentdeck.onehalf .multicol-inner, .contentdeck.onethird .multicol-inner, .contentdeck.onefourth .multicol-inner, .contentdeck.onefifth .multicol-inner { padding: 20px !important; }

/*if one column layout is selected, don't display columns 2, 3, 4 or 5*/
div.contentdeck.onewhole div.deckinner div.multicol2, div.contentdeck.onewhole div.deckinner div.multicol3, div.contentdeck.onehalf div.deckinner div.multicol4, div.contentdeck.onehalf div.deckinner div.multicol5 { display: none; }

/*if two column layout is selected, don't display columns 3, 4 or 5*/
div.contentdeck.onehalf div.deckinner div.multicol3, div.contentdeck.onehalf div.deckinner div.multicol4, div.contentdeck.onehalf div.deckinner div.multicol5 { display: none; }

/*if three column layout is selected, don't display columns 4 or 5*/
div.contentdeck.onehalf div.deckinner div.multicol4, div.contentdeck.onehalf div.deckinner div.multicol5 { display: none; }

/*if four column layout is selected, don't display column 5*/
div.contentdeck.onehalf div.deckinner div.multicol5 { display: none; }

/*apply offset column widths*/

.contentdeck.onethird-twothirds .multicol1 { width: 33%; }

.contentdeck.onethird-twothirds .multicol2 { width: 66%; }

.contentdeck.twothirds-onethird .multicol1 { width: 66%; }

.contentdeck.twothirds-onethird .multicol2 { width: 33%; }

.contentdeck.onefourth-threefourths .multicol1 { width: 25%; }

.contentdeck.onefourth-threefourths .multicol2 { width: 75%; }

.contentdeck.threefourths-onefourth .multicol1 { width: 75%; }

.contentdeck.threefourths-onefourth .multicol2 { width: 25%; }

.contentdeck.onethird-twothirds .multicol3, .contentdeck.onethird-twothirds .multicol4, .contentdeck.onethird-twothirds .multicol5 { display: none; }

.contentdeck.twothirds-onethird .multicol3, .contentdeck.twothirds-onethird .multicol4, .contentdeck.twothirds-onethird .multicol5 { display: none; }

.contentdeck.onefourth-threefourths .multicol3, .contentdeck.onefourth-threefourths .multicol4, .contentdeck.onefourth-threefourths .multicol5 { display: none; }

.contentdeck.threefourths-onefourth .multicol3, .contentdeck.threefourths-onefourth .multicol4, .contentdeck.threefourths-onefourth .multicol5 { display: none; }

.contentdeck.onethird-twothirds .multicol1.onewhole { width: 100%; }

.contentdeck.onefourth-threefourths .multicol1.onewhole { width: 100%; }

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

.contentdeck.onethird-twothirds .multicol1, .contentdeck.twothirds-onethird .multicol1 {
	width: 100% !important;
	display: block;
	float: none;
}

.contentdeck.onethird-twothirds .multicol2, .contentdeck.twothirds-onethird .multicol2 {
	width: 100% !important;
	display: block;
	float: none;
}

.contentdeck.onefourth-threefourths .multicol1, .contentdeck.threefourths-onefourth .multicol1 {
	width: 100% !important;
	display: block;
	float: none;
}

.contentdeck.onefourth-threefourths .multicol2, .contentdeck.threefourths-onefourth .multicol2 {
	width: 100% !important;
	display: block;
	float: none;
}
}

.multicol-inner { padding: 0 20px !important; }

div.contentdeck {
	padding: 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}

/*.contentdeck.hasmenuitem { padding-top: 77px; }*/

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

/*.contentdeck.hasmenuitem { padding-top: 50px; }*/

div.contentdeck h3 {
	font-size: 32px;
	font-size: 2rem;
}
}

div.contentdeck div.deckinner {
	padding: 0;
	max-width: 1280px;
	margin: auto;
}

div.contentdeck h2.deck-title, div.contentdeck h3.deck-title {
	margin: 0 20px;
}

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

div.contentdeck h2.deck-title, div.contentdeck h3.deck-title { width: 95%; }

div.contentdeck h3 {
	font-size: 26px;
	font-size: 1.625rem;
}

h1.page-title { font-size: 2.5rem; }

span.intro { font-size: 1.5rem; }
}

/*content deck background colors and changing content elements to white based on background*/
div.contentdeck.white { background-color: #fff; font-weight: 400;}

div.contentdeck.gray { background-color: #404040; font-weight: 400;}

div.contentdeck.brandcolor { background-color: #afafaf; font-weight: 400;}

div.contentdeck.brandcolor-light { background-color: #76CEFF !important; font-weight: 400;}

/*the following makes most content elements white within the gray and brandcolor medium background content decks*/
div.contentdeck.gray, div.contentdeck.gray p, div.contentdeck.gray label, div.contentdeck.gray .aid, div.contentdeck.gray a, div.contentdeck.gray .intro, div.contentdeck.brandcolor, div.contentdeck.brandcolor p, div.contentdeck.brandcolor label, div.contentdeck.brandcolor .aid, div.contentdeck.brandcolor a, div.contentdeck.brandcolor .intro { color: #fff; font-weight: 400;}

div.contentdeck.gray h2, div.contentdeck.gray h3, div.contentdeck.gray h4, div.contentdeck.gray h5, div.contentdeck.gray h6, div.contentdeck.brandcolor h2, div.contentdeck.brandcolor h3, div.contentdeck.brandcolor h4, div.contentdeck.brandcolor h5, div.contentdeck.brandcolor h6 { color: #fff;  font-weight: 500;}

div.contentdeck.gray a.button, div.contentdeck.brandcolor a.button {
	border-color: #ffffff;
	background: transparent;
}

div.contentdeck.gray a.button:hover, div.contentdeck.brandcolor a.button:hover {
	background-color: #ffffff !important;
	color: #000000 !important;
}

/*not sure if we still need this...*/
div.contentdeck div.page_body { padding: 0 !important; }

div.contentdeck div.contentdeck, div.contentdeck .contentdeck.onehalf .multicol-inner { padding: 5px 5px 5px 0 !important; }

/* div.contentdeck ul {padding-left: 18px;}*/


/*content deck with image background*/

.contentdeck.has-bgimg, .contentdeck.has-bgimg h2 { }

.contentdeck.has-bgimg .darken { color: #fff; font-weight: 400;}
.contentdeck.has-bgimg .darken h2 { color: #fff; font-weight: 500;}

/* ================ 2. Banners ================ */
/*1.1 Primary Banner Design*/

div.flexslider {
	margin: 0;
	background-color: #fff;
}

div.flexslider ul.slides li, .content div.flexslider ul.slides li {
	margin: 0;
	padding: 0;
}

div.home-banner-height .flexslider {height: 630px;}
div.int-banner .flexslider {height: 445px;}

.outer-slide {
	overflow: hidden;
	max-width: 100%;
	border: none;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.flexslider.banner-int { height: 550px; }

.banner-body { background-image: none !important; }

.banner-inner {
		max-width: 1240px;
	margin: 70px auto 0;
	padding: 0 20px;
	min-height: 560px;
	max-height: 560px;
}

.banner-overlay { overflow: hidden; }

/*get rid of some default flexslider formatting*/
div.flexslider {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	border: none;
	/* adding to make mega-menus work correctly */
	clear: both;
}

/*set the height of the banners...*/
.banner-inner .banner-body {
	width: 100%;
	/* float: left; this is now set within the BITTYPE */
	margin: 0;
	max-width: 50%;
	padding: 0;
}

.banner-home .banner, .banner-int .banner { height: 550px; }

/*1.2 Interior Banner Design*/

.banner-int.banner-inpage { margin-top: 0 !important; }

.banner-int .banner-inner {
	min-height: 375px;
	max-height: 375px;
}

.banner-int.banner-headline-style { height: 430px; }

.banner-int.banner-headline-style .banner-inner {
	min-height: 430px;
	max-height: 430px;
}

.banner-title {
	font-size: 52px;
	font-size: 3.25rem;
	font-weight: 400;
}

.banner-subtitle {
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 300;
}

.banner_copy { padding: 20px 0; }

/*.banner-int .banner-title {
	font-family: 'Lato', sans-serif;
	font-size: 38px;
	font-size: 2.375rem;
	font-weight: 400;
	color: #000E05;
	line-height: 1.1;
}*/

.banner-int .banner-subtitle {
	font-family: 'Lato', sans-serif;
	font-size: 27px;
	font-size: 1.6875rem;
	font-weight: 400;
	color: #000E05;
	line-height: 1.1;
}

.banner-title, .banner-subtitle, .banner-copy {
	margin: 0 0 20px 0;
	line-height: 1.1;
}

div.flexslider ul.slides li div.banner.banner-int div.outer-slide div.banner-body { padding-left: 0; }

/*darken the image?*/
.contentdeck.has-bgimg .banner-overlay.darken1 { background-color: rgba(8, 29, 38,0.1);  font-weight: 400;}

.contentdeck.has-bgimg .banner-overlay.darken2 { background-color: rgba(8, 29, 38,0.2);  font-weight: 400;}

.contentdeck.has-bgimg .banner-overlay.darken3 { background-color: rgba(8, 29, 38,0.3);  font-weight: 400;}

.contentdeck.has-bgimg .banner-overlay.darken4 { background-color: rgba(8, 29, 38,0.4);  font-weight: 400;}

.contentdeck.has-bgimg .banner-overlay.darken5 { background-color: rgba(8, 29, 38,0.5);  font-weight: 400;}

.contentdeck.has-bgimg .banner-overlay.lighten1 { background-color: rgba(255, 255, 255,0.1);  font-weight: 400;}

.contentdeck.has-bgimg .banner-overlay.lighten2 { background-color: rgba(255, 255, 255,0.2);  font-weight: 400;}

.contentdeck.has-bgimg .banner-overlay.lighten3 { background-color: rgba(255, 255, 255,0.3);  font-weight: 400;}

.contentdeck.has-bgimg .banner-overlay.lighten4 { background-color: rgba(255, 255, 255,0.4);  font-weight: 400;}

.contentdeck.has-bgimg .banner-overlay.lighten5 { background-color: rgba(255, 255, 255,0.5);  font-weight: 400;}






/* positioning */

.banner-image.banner-left-top { background-position: 0 0; }

.banner-image.banner-left-middle { background-position: 0 50%; }

.banner-image.banner-left-bottom { background-position: 0 100%; }

.banner-image.banner-center-top { background-position: center 0; }

.banner-image.banner-center-middle { background-position: center 50%; }

.banner-image.banner-center-bottom { background-position: center 100%; }

.banner-image.banner-right-top { background-position: 100% 0 }

.banner-image.banner-right-middle { background-position: 100% 50%; }

.banner-image.banner-right-bottom { background-position: 100% 100%; }

/*apply a text shadow?*/
.shadow1 .banner-title { text-shadow: 1px 1px 20px rgba(0,0,0,0.90); }

.shadow1 .banner-subtitle, .shadow1 .banner-copy p { text-shadow: 1px 1px 7px rgba(0,0,0,0.90); }

.banner-copy { margin: 0 0 12px 0; }

.banner-copy ul {
	margin: 0;
	padding: 0 20px;
}

.banner-copy ul li { padding: 2px; }

/*light text*/
.txt-light .banner-title, .txt-light .banner-copy, .txt-light .banner-copy p { color: #fff !important;  font-weight: 400;}
.txt-light .banner-subtitle { color: #fff !important;  font-weight: 300;}

div.slide-txt-dark, li.slide-txt-dark { background-color: #ffffff;   font-weight: 400;}

div.slide-txt-light, li.slide-txt-light { background-color: #000000;   font-weight: 400;}

/*dark text*/
.txt-dark .banner-title, .txt-dark .banner-copy, .txt-dark .banner-copy p { color: #000000;   font-weight: 400;}
.txt-dark .banner-subtitle { color: #000000 !important;  font-weight: 300;}

div.banner.banner-int.banner-headline-style .banner-title {
	font-size: 51px;
	font-size: 3.1875rem;
	line-height: 1.125;
	font-weight: normal;
	width: 60%;
}

div.banner.banner-int div.outer-slide div.banner-inner .banner-body.txt-right, .banner-body.txt-right .banner-copy {
	max-width: 1280px;
	margin: auto;
}

/* text position */
.banner-inner .banner-body.txt-right .banner-body {
	width: auto;
	text-align: right;
}

.banner-inner .banner-body.txt-right .banner-title { text-align: left; }

.banner-inner .banner-body.txt-right .banner-copy {
	text-align: left;
	font-size: 27px;
	font-size: 1.6875rem;
	line-height: 1;
	margin: 0 0 0 auto;
}

.banner-inner .banner-body.txt-right .banner-title { text-align: right; }

.banner-inner .banner-body.txt-right .banner-subtitle { text-align: right; }

.banner-inner .banner-body.txt-right .banner-copy { text-align: right; }

div.banner.banner-int.banner-headline-style div.outer-slide div.banner-body div.banner-copy h2 {
	font-size: 38px;
	font-size: 2.375rem;
	line-height: 1;
	margin: 20px 0;
}

div.banner.banner-int.banner-headline-style div.outer-slide div.banner-body div.banner-copy p {
	font-size: 27px;
	font-size: 1.6875rem;
	line-height: 1;
	margin: 20px 0;
}

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

div.banner.banner-home .banner-title { font-size: 3rem; }

div.banner .banner-title, div.banner .banner-subtitle, div.banner .banner-copy, div.banner .banner-button {
	width: auto;
	text-align: center;
}

.banner-inner .banner-body {
	padding-top: 25px;
	max-width: 100%;
}

.banner-inner .banner-title { padding-top: 10px; }

.banner-inner .banner-body.txt-left .banner-title, .banner-inner .banner-body.txt-left .banner-subtitle, .banner-inner .banner-body.txt-left .banner-copy, .banner-inner .banner-body.txt-left .banner-button {
	width: auto;
	text-align: center;
}

.banner-inner .banner-body.txt-right .banner-title, .banner-inner .banner-body.txt-right .banner-subtitle, .banner-inner .banner-body.txt-right .banner-copy, .banner-inner .banner-body.txt-right .banner-button {
	width: auto;
	text-align: center;
}
/* .banner-overlay.darken, .banner-overlay.darken1, .banner-overlay.darken2, .banner-overlay.darken3, .banner-overlay.darken4, .banner-overlay.darken5 { background-color: transparent; }*/
}

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

div.flexslider, .flexslider.banner-int { height: auto; }

.banner-inner { padding: 0; }

.banner-inner, .banner-inner .banner-body {
	height: auto;
	min-height: 400px;
}

.banner-inner .banner-body { margin: 0; }

/* this was causing contrast problems 
		.banner-overlay.darken, .banner-overlay.darken1 { background-color: rgba(0,0,0,0.42); } */

.banner-body.shadow1 h2, .banner-body.shadow1 h3, .banner-body.shadow1 .banner-copy { text-shadow: none; }

.banner-int.banner-headline-style .banner-title {
	font-size: 38px;
	font-size: 2.375rem;
}
}

/* ================ 3. Calls to Action ================ */

/*2.1 Call to action button designs*/
div.sidebar div.cta { text-align: center; }

div.cta a {
	padding: 15px 5% !important;
	width: 90%;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 500;
	margin: 10px auto;
	text-align: center;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	background: #0082ca;
	transition: background .4s ease;
	border: solid 1px #0082ca;
	border-radius: 10px; 
}

div.cta a:hover { background-color: #005a90; color: #005A90;}

div.cta.font1 { /*place custom font reference here*/ }/*SG*/

div.cta.font2 { /*place custom font reference here*/ }/*SG*/

div.cta.theme1 a {
	background-color: #005A90;
	color: #fff;
	border: solid 1px #005A90;
}

div.cta.theme1 a:hover { 
	background-color: #fff; 
	color: #005A90;
	box-shadow: 0 0 5px #dedede;
}

div.cta.theme2 a {
	background-color: #0082ca;
	color: #fff;
	border: solid 1px #0082ca;
}

div.cta.theme2 a:hover {
	background-color: #fff;
	color: #0082ca;
	box-shadow: 0 0 5px #dedede;
}

div.cta.theme3 a {
	background-color: #9CE044;
	color: #043B5C;
	border: solid 1px #9CE044;

}

div.cta.theme3 a:hover {
	background-color: #fff;
	color: #043B5C;
	box-shadow: 0 0 5px #dedede;
}

div.cta.theme4 a {
	background-color: #ff6c0c;
	color: #fff;
	border: solid 1px #ff6c0c;
}

div.cta.theme4 a:hover {
	background-color: #fff;
	color: #ff6c0c;
	box-shadow: 0 0 5px #dedede;
}

div.cta.theme5 a {
	background-color: #8685c6;
	color: #fff;
	border: solid 1px #8685c6;
}

div.cta.theme5 a:hover {
	background-color: #fff;
	color: #8685c6;
	box-shadow: 0 0 5px #dedede;
}

/*if the cta is in the intro area of the page, do this...*/
.intro .cta {
	float: right;
	clear: left;
	margin: 10px 10%;
}

.intro .cta a {
	padding: 10px 20px !important;
	font-size: 24px !important;
	font-size: 1.5rem !important;
}

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

.intro .cta {
	float: none;
	clear: none;
	margin: auto;
}
}

div.content div.cta a { float: none; }

div.content div.cta a { width: auto; }

div.content div.contentdeck div.onehalf div.cta a { width: 90%; }

div.content div.contentdeck div.onethird div.cta a { width: 90%; }

div.content div.contentdeck div.onefourth div.cta a { width: 90%; }

div.content div.contentdeck div.onefifth div.cta a { width: 90%; }

div.sidebar div.cta {
	text-align: center;
	margin: 0 auto;
}

div.sidebar div.cta a { width: 90%; }

@media screen and (max-width: 767px) {
/* div.content div.cta a {width: 90% !important;} */
}

/* ================ 4. Text Promos ================ */

.promotion {
	padding: 0;
	margin: 0 0 15px 0;
	background: transparent;
	border-radius: 0;
	display: block;
	border: solid 1px #0082ca;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.promotion .inner { padding: 15px 20px; }

.promotion p {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 20px;
	line-height: 1.25rem;
	text-align: left;
	margin: 2% 1%;
	font-family: inherit /*SG*/;
	font-weight: normal;
}

.promotion h3 {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.promotion h3.altfont { font-family: inherit; /*SG*/ }

.promotion .button {
	text-align: center;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

.promotion .button:hover { box-shadow: none; }

/*Theme 1*/


/*SG*/
.promotion.theme1 {
	background-color: #fff;
	border: solid 1px #0082ca;
}

.promotion.theme1 .inner h3 { color: #0082ca; }

.promotion.theme1 .button {
	background-color: #003a5d;
	color: #fff;    font-weight: normal;
}

.promotion.theme1 .button:hover { }

/*Theme 2*/

.promotion.theme2 {
	background-color: #fff;
	border-color: #0082ca;
	background-image: url(../img/apg-arrow.png);
	background-repeat: no-repeat;
	background-position: 106% 110%;
}

.promotion.theme2 h3 { color: #111; }

.promotion.theme2 .button:hover { }

/*Theme 3*/

.promotion.theme3 {
	background-color: #fff;
	border-color: transparent;
}

.promotion.theme3 .inner { padding: 1%; }

.promotion.theme3 h3 {
	color: #003a5d;
	border-bottom: solid 1px #77bc1f;
	padding-bottom: 1%;
}

.promotion.theme3 .button { }

.promotion.theme3 .button:hover { }

/*Theme 4*/

.promotion.theme4 {
	background-color: #003a5d;
	border-color: #003a5d;
}

.promotion.theme4 h3 { color: #fff; }

.promotion.theme4 .button { }

.promotion.theme4 .inner, .promotion.theme4 .inner p { color: #fff !important; font-weight: 400;}
.promotion.theme4 .inner h3 { color: #fff !important;     font-weight: 500;}

.promotion.theme4 .button:hover { }

/*Theme 5*/

.promotion.theme5 {
	background: #6a615c;
	border-color: #6a615c;
}

.promotion.theme5 a.button {
	border-color: #fff;
	background-color: transparent;
}

.promotion.theme5 .inner, .promotion.theme5 .inner p { color: #fff !important;  font-weight: 400;}
.promotion.theme5 .inner h3 { color: #fff !important;      font-weight: 500;}

.promotion.theme5 a.button:hover { border-color: #b0a299; }

/*Mega Menu promotion*/

.mega-promo { border: none; }

.mega-promo img { border: 1px solid #fff; ; }

.mega-promo h3 {
	color: #9CE044;
	font-size: 27px; font-size: 1.6875rem;
	font-weight: 100;
}

.mega-promo p { color: #fff; font-weight: 400;}

/*Begin Testimonials*/

.testimonial {
	position: relative;
	margin-bottom: 15px;
	background-color: #2b2c2d;
	color: #fff;
	border: none;
	padding: 20px;
}

.testimonial p {
	display: inline;
	font-style: italic;
	font-size: 17px;
	font-size: 1.0625rem;
	/* padding: 0 20px 0 10px;*/
	margin: 0;
	color: #fff;
}

/*testimonial speech mark*/
.testimonial:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-top-color: #2b2c2d;
	border-width: 6px;
	margin-left: 25px;
	left: 25px;
}

/*SG*/
.testimonial-theme1 { background-color: #003a5d;  font-weight: 400;}

.testimonial.testimonial-theme1:after { border-top-color: #003a5d; }

.testimonial-theme2 { background-color: #b0a299;  font-weight: 400;}

.testimonial.testimonial-theme2:after { border-top-color: #b0a299; }

.testimonial .inner:before, .testimonial .inner:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	/*	font-family: FontAwesome;  */
	font-size: 24px;
	font-size: 1.5rem;/*	font-weight: normal; */
}

.testimonial .inner:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	content: " \f10d ";
}

.testimonial .inner:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	content: " \f10e ";
	float: right;
}

.testimonial-author {
	margin: 15px 0 0 15px;
	display: block;
}

.testimonial-author p { color: #2b2c2d;  font-weight: 400;}

/*end testimonial*/



#hprates .rate-promo-outer {
	text-align: center;
	border-right: solid 1px #dedede;
	width: 100%;
}

#hprates .multicol:last-child .rate-promo-outer { border: none; }

#hprates .multicol-inner { padding: 0; }

.rate-promotion, .rate-promotion p {
	border: none;
	text-align: center;
	margin: auto;
}

.rate-promotion p {
	font-size: 13px;
	font-size: 0.8125rem;
}

.rate-promotion h2 {
	font-size: 23px;
	font-size: 1.4375rem;
	font-weight: 400;
	margin: 0 auto 10px auto;
}

.rate-promotion p.rate {
	font-size: 57px;
	font-size: 3.5625rem;
	line-height: 57px;
}

.rate-promotion .faicon {
	font-size: 42px;
	font-size: 2.625rem;
}

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

.rate-promotion p.rate {
	font-size: 48px;
	font-size: 3rem;
}
}

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

#hprates .rate-promo-outer {
	border-right: none;
	border-bottom: solid 1px #0083AB;
}
}

/* ================ 5. Homepage Grid Features ================ */

.hpupdates {
	
}

.update {
	max-width: 22%;
	margin: 20px 1.5%;
	float: left;
	border: solid 1px #79BA30;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	padding: 10px 10px 20px;
	border-bottom:solid 6px #79BA30;
}

.update .button {border-color:#0B5B8E !important;}

.update .title {font-weight:100; font-size:1.4375rem;}

.update p {font-size:.9rem;}


/*.hpupdates .update:nth-child(even) {text-align: right;}*/


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

.update {  max-width: 47%; }
}

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

.update {  max-width: 97%; }
}

/* ================ 6. Featured Rates and Featured Icons ================ */

/*both icon and rate*/
.featureblock { text-align: center; }

/*conditionally style rate*/
.ratefeature { }

/*conditionally style icon*/
.featureblock .feature-icon { font-size: 4.27rem; }

/*text above rate or icon*/
.feature-copy {
	font-size: 0.875rem;
	line-height: normal;
}

/*rate text*/
.feature-lrgtxt {
	font-size: 2.625rem;
	line-height: normal;
}

/*theres a heading in the "featured icon" bit type*/
.featureblock h4 {
	font-size: 1.25rem;
	margin: 0;
}

div.contentdeck .ratefeature h4 { margin: 0; }

div.feature-height { min-height: 102px; }

/* ================ 7. Comparison Charts ================ */

/*comparison charts are mostly structured using the "Responsive Lists" css that is within section 15 of voice.css*/

div.account-compare {
	max-width: 1100px;
	margin: auto;
}

div.account-compare p {
	margin: auto;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 18px;
	line-height: 1.125rem;/* text-align: center;*/
}

.account-compare h2 { text-align: center; }

div.account-compare div.list-row .list-item, div.account-compare div.list-row .list-item .inner { min-height: 0; }

div.account-compare div.list-row .list-item .inner {
	padding: 10px 5px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	
	div.account-compare div.list-row .list-item .inner {
	font-size:75%;
}
	
	
}

.account-compare .fa {
	font-size: 1.6rem;
	color: #484C51;
}

.account-compare .fa-check-circle {
	color: #003a5d;
	display: block;
	text-align: center;
}

.account-compare .fa-times-circle {
	color: #5c528e;
	display: block;
	text-align: center;
}

/* ================ 8. Footer Quick Links ================ */

div.footer_quicklinks {
	display: inline-block;
	float: right;
	padding: 0 0 20px 20px;
	text-align: right;
}

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

div.footer_quicklinks {
	float: none;
	display: block;
	text-align: center;
	padding: 0;
}
}

div.footer_quicklinks a {
	font-size: 17px;
	font-size: 1.0625rem;
	font-weight: 700;
	color: rgba(255, 255, 255, 0.8);
}

div.footer_quicklinks ul {
	margin: 0;
	padding: 0px;
	list-style: none;
}

div.footer_quicklinks ul li {
	margin: 0 0 20px 0;
	list-style: none;
	padding: 0;
	line-height: normal;
}

/* SortSite flags this - div.footer_quicklinks a:link { text-decoration: none; }

div.footer_quicklinks a:visited { text-decoration: none; }

div.footer_quicklinks a:hover { text-decoration: underline; }

div.footer_quicklinks a:active { text-decoration: underline; } */



/* ================ 9. Google Maps ================ */


div.map_container_individual {
	display: block;
	float: right
}

div.individual_map_canvas {
	display: inline-block;
	width: 300px;
	height: 300px;
	border: 1px solid silver
}

div.loc_dropdown {
	margin: 0 0 5px;
	width: auto;
	display: block;
	overflow: hidden
}

div.loc_dropdown select {
	float: left;
	padding: 4px;
	font-size: 15px;
	font-size: .9375rem;
}

div.loc_dropdown input {
	margin: auto 0 auto 5px;
	float: left;
	padding: 4px 8px;
	font-size: 15px;
	font-size: .9375rem;
}

div.map_margin { margin-top: 15px }

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

div.map_container_individual {
	float: none;
	margin: 0 auto 20px;
	width: 300px
}

.individual_map_canvas, .loc_dropdown { margin: auto }
}

/* ================ 10. Bit Randomizer (employee listing) ================ */


.officer-image {
	max-width: 220px;
	border-radius: 4px;
	border: solid 1px #666;
}

div.biolist { margin-bottom: 45px; }

div.biolist p {
	font-size: 16px;
	font-size: 1rem;
	line-height: 22px;
}

div.biolist h4 {
	color: #005880;
	margin-bottom: 5px;
}

div.biolist div.biopic img {
	margin: 0 10px 0 0;
	padding: 5px;
	box-shadow: 5px 0 10px -5px rgba(0,0,0,.3), -5px 0 10px -5px rgba(0,0,0,.3);
	-moz-box-shadow: 5px 0 10px -5px rgba(0,0,0,.3), -5px 0 10px -5px rgba(0,0,0,.3);
	-webkit-box-shadow: 5px 0 10px -5px rgba(0,0,0,.3), -5px 0 10px -5px rgba(0,0,0,.3);
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

div.biopic {
	display: inline;
	width: 230px;
}

div.bio-area {
	width: 68%;
	float: left;
	display: inline;
	color: #727F8A;
	line-height: 27px;
}

div.bio-name {
	font-size: 18px;
	font-size: 1.125rem;
	color: #007c88;
}

div.bio-title {
	font-size: 15px;
	font-size: .9375rem;
	margin-bottom: 10px;
}

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

div.biolist { margin-bottom: 25px; }

div.biopic {
	display: block;
	width: 100%;
	text-align: center;
	padding-top: 20px;
	margin-top: 20px;
}

div.bio-area {
	display: block;
	width: 100%;
}
}

/* Readmore plugin styles */
div.readmoreplugin {
	display: block;
	margin-top: 20px;
	border-bottom: 1px dotted #dedede;
	padding-bottom: 5px;
}

div.readmoreplugin p { color: #727F8A;  font-weight: 400;}

a.readmore-js.toggle {
	clear: both;
	margin-top: 10px;
}

/* ================ 11. Rate Feature Blocks ================ */

/* rates promos to be used in homepage layout*/
 
 
.promotion.rate-promotion {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
}

.promotion.rate-promotion h3 {
	font-size: 24px !important;
	font-size: 1.5rem !important;
	margin: 0;
	padding: 1%;
	text-align: center;
}

.promotion.rate-promotion p {
	text-align: center;
	margin: 1%;
	font-size: 14px !important;
	font-size: 0.875rem !important;
}

.promotion.rate-promotion p.txtup { color: #9FD8E1 !important;  font-weight: 400;}

.promotion.rate-promotion p.rate {
	color: #fff;
	font-size: 62px !important;
	font-size: 3.875rem !important;
	line-height: 120%;
	text-align: center;
}

.promotion.rate-promotion p.alllink a {
	color: #CDFE13 !important;
	text-align: center;
}

.promotion.rate-promotion .inner { padding: 15px; }

.rate-promotion .inner .button {
	float: none;
	text-align: center;
	margin: auto;
}

.rate-promotion .inner .button a { }

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

.promotion.rate-promotion p.rate {
	font-size: 50px !important;
	font-size: 3.125rem !important;
}
}

/* removing extra margin that allowed for banner to be underneath menu */
@media screen and (max-width: 767px) {

div.flexslider, div.wrapper_inner {
	margin-top: 0;
	padding-top: 0;
}
}

/* added decktitle style to override margins on headings */
div.contentdeck h2.decktitle { margin: 6% 0 1% 20px; }

.hp-grid { margin: 1rem auto; }

.hp-grid .feature {
	width: 50%;
	max-width: 50%;
	min-width: 50%;
	min-height: 360px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
	margin: 0;
	background-color: #2e2e2e;
	position: relative;
}

.hp-grid .feature .inner {
	padding: 10px !important;
	position: absolute;
	background-color: #2e2e2e;
	color: #ffffff !important;
	width: 98%;
}

.hp-grid .feature .inner h3 {
	display: inline-block;
	float: left;
	color: white;
	margin: 17px 0 0 10px;
}

.hp-grid .feature .inner .button {
	background-color: #000000;
	color: #ffffff;
	border: 1px solid #ffffff;
	float: right;
	margin-right: 10px;
}

.hp-grid .feature .inner .button:hover {
	text-decoration: underline;
	background-color: #ffffff;
	color: #000000 !important;
}

.hp-grid .feature.grid-top { padding-top: 61px; }

.hp-grid .feature.grid-bottom { padding-bottom: 61px; }

.hp-grid .feature.grid-top .inner { top: 0; }

.hp-grid .feature.grid-bottom .inner { bottom: 0; }

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

.hp-grid .feature {
	width: 10%;
	max-width: 100%;
	min-width: 100%;
	margin-bottom: 10px;
	text-align: center;
}

.hp-grid .feature .inner h3 {
	display: block;
	float: none;
	text-align: center;
}

.hp-grid .feature .inner .button {
	margin: 20px auto;
	float: none;
	clear: both;
}
}

/* moving STYLE block out of Google Maps BITTYPE */

.Flexible-container {clear: both; position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; border: 1px solid #c0c0c0;}
.Flexible-container iframe,.Flexible-container object,.Flexible-container embed {position: absolute; top: 0;  left: 0; width: 100%;    height: 100%;}

#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none; }
div.iw {    min-width: 150px;}

div.ncua-note {font-size: 17rem; font-size: 1.0625rem;}



/* marketing interstitial aka online banking notice*/

.ui-dialog.bank-intercept {border-radius: 0; padding-bottom: 0;}

.ui-dialog.bank-intercept .bank-intercept-opt-out-container {padding: 0 0 0 0; overflow: hidden; min-height: 25px;}
.ui-dialog.bank-intercept .bank-intercept-opt-out {margin: 0 0 0 0; display: inline-block; float: left; font-size: .8rem; color: #666;}
.ui-dialog.bank-intercept .bank-intercept-opt-out input[type="checkbox"] {margin: 0 2px 4px 0;}
 
.ui-dialog.bank-intercept .ui-dialog-buttonpane  {
	background-color: transparent; 
	margin: 3px 3px 0 0; 
	padding: 0; 
	display: inline-block; 
	position: absolute; 
	top: 5px; 
	right: 18px; 
	z-index: 10;
}
.ui-dialog.bank-intercept .ui-dialog-buttonpane button {
	font-size: 1rem; 
	border: solid 2px #0082ca;
    background-color: #0082ca;
    font-weight: normal;
    padding: 5px 15px;
    cursor: pointer;
    margin: 0;
    text-decoration: none;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    max-width: 100%;
    display: inline-block;
    font-family: inherit;
    line-height: normal;
    color: #fff;
	border-radius: 0px;	
	}
.ui-dialog.bank-intercept .ui-dialog-buttonpane button:hover {background-color: #fff; color:#000;}
.ui-dialog.bank-intercept .ui-dialog-buttonpane button:active {font-weight: normal;}
  
.ui-dialog.bank-intercept .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {padding: 0 3px 0 0;}
 
/* FA icon doesn't work with a CDN link */

@media screen and (max-width: 550px) {
	.ui-dialog.bank-intercept .ui-dialog-buttonpane  {
		position: relative; 
		clear: both; 
		margin: auto; 
		display: block; 
		top: auto; 
		right: auto; 
		text-align: 
		center; 
		padding: 10px 0 0 0;
		}
	.ui-dialog.bank-intercept .ui-dialog-buttonpane .ui-dialog-buttonset {float: none;}
	.ui-dialog.bank-intercept .ui-dialog-content {padding-top: 0;}
	.ui-dialog.bank-intercept .bank-intercept-opt-out-container {text-align: center; display: block; min-height: 10px; padding: 0;}
	.ui-dialog.bank-intercept .bank-intercept-opt-out {display: block; float: none; font-size: .7rem; margin: 0 0 5px 0;}
}
/* higher z-index after fade change. */
.flex-control-nav, div.ob-login {z-index: 5;}

/* adding a little space so banking interstitial content doesn't tuck up underneath continue button */
.ui-dialog.bank-intercept .bank-intercept-opt-out-container {margin-bottom: 10px;}


/* slick slider BIT styles */

.slick-carousel {margin: 30px auto 0 auto; width: calc(100% - 80px); max-width: 1280px;}

.slick-content {margin: 0 5px; text-align: center; }
.slick-text, .slick-text a {color: #005A90;	display: block; padding: 5px 5px 20px 5px;	text-decoration: none; line-height: 1.1; font-weight: 400; outline: none;}
.slick-text a:active, .slick-text a:focus {outline: none;}
.slick-text a:hover {text-decoration: underline;}

/* overrides for slick-theme.css */
.slick-prev, .slick-next {top: 40%; width: 32px; height: 64px;}
.slick-prev {left: -36px;}
.slick-next {right: -38px;}

.slick-prev:before, .slick-next:before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-family: 'Font Awesome 5 Pro';
	font-size: 4rem;
	color: #005A90;	
	font-weight: 300;
}
.slick-prev:before{content: "\f053";}
.slick-next:before{content: "\f054";}

/* remove hover border on arrows */
button.slick-prev:hover, button.slick-next:hover {border: 0 solid #fff !important;}

/* featured icon adjustments */
.slick-carousel .featureblock h4 {font-weight: 400; padding-top: 15px;}
.slick-carousel .feature-height.inner {padding: 0;}
.slick-text p:empty {display: none;}

/* Grid - Three-column */

div.grid-threecolumn {width: 100%; background-color: #005a90; overflow: hidden; line-height: 1.25;}
div.grid-threecolumn .page_body {margin: auto; max-width: 1440px;}
div.grd-img {position: relative; z-index: 1; text-align: center;}
div.grd-img img {width: 100%;}
div.grid-threecolumn .grid-overlay {position: absolute; bottom: 0; width: 100%; min-height: 160px; z-index: 2; box-sizing: border-box; color: #fff; text-align: center; vertical-align: bottom; background: linear-gradient(to bottom,  rgba(0,90,144,0) 0%,rgba(0,90,144,1) 50%);}
div.grid-threecolumn .grd-title {font-size: 1.4rem; padding: 60px 10px 10px 10px;}
div.grid-threecolumn .grd-subtitle {font-size: .95rem; padding: 0 10px 10px 10px;}

div.grid-threecolumn a {color: #fff !important;}

@media screen and (max-width: 1000px) {
	div.grid-threecolumn .grd-title {font-size: 1.1rem;}
	div.grid-threecolumn .grd-subtitle {font-size: .85rem;}
}

@media screen and (max-width: 767px) {
	div.grid-threecolumn {padding-top: 20px;}
	div.grid-threecolumn .grid-overlay {min-height: 160px;}
	div.grid-threecolumn .grd-title {font-size: 1.5rem; padding: 60px 10px  10px 10px;}
	div.grid-threecolumn .grd-subtitle {font-size: 1rem;}
}

@media screen and (max-width: 359px) {
	div.grid-threecolumn .grd-title {font-size: 1.1rem;}
	div.grid-threecolumn .grd-subtitle {font-size: .9rem;}
}

/* fix for anchor mis-targeting on pages with slow-loading in-page banners */
div.content div.flexslider {min-height: 445px;}

/* moving chat items above alerts */
.site-alerts.alerts-above-chat {bottom: 86px;}





/* start of slick slider */
.vertical_slider_wrapper{
    padding: 50px 0;
    position: relative;
	box-sizing: border-box;
}
.vertical_slider_wrapper *, .vertical_slider_wrapper :before, .vertical_slider_wrapper :after {box-sizing: border-box;} 

.vertical_slider .slick-track{
    display: flex;
    flex-direction: column;
}

/*.vertical_slider_wrapper:before{
	content:'';
	background: url(../img/logo_fade_2.png);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 95%;
}*/

.vertical_slider_title{display: block;margin: 0 auto;text-align: center;margin-bottom: 36px;font-size: 48px; font-weight: 300;}
.vertical_slider_title strong{
    font-weight: 600;
    display: inline-block;
    margin-left: -10px;
 }

.vertical_slide{
    position: relative;
    padding: 0 60px;
    height: 100%;
	 min-height: 500px;
	 
}

.vertical_slider .slick-slide{
    height: 100% !important;
}

.vertical_slide_image_wrapper{
    position: absolute;
    height: 80%;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
    filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.45));
    width: 38%;
}

.vertical_slide_image_wrapper img{
    height: 100%;
    width: 100%;
    border-radius: 20px;
    object-fit: cover;
    margin-left: auto;
}

.vertical_slider_content_wrapper{
    background-color: #fff;
    width: calc(85% - 120px);
    margin-left: 20%;
    box-sizing: border-box;
    padding: 75px 30px;
    padding-left: 22%;
    padding-right: 100px;
    border-radius: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
	border: 1px solid #ededed;
}

.vertical_slide_title{
    color: #003E51;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 20px;
	line-height: 1.3;
}

.vertical_slide_content{
    font-size: 16px;
    color: #102B3F;
}

.vertical_slide_content ul{
    padding-left: 15px;
    list-style: none;
}

.vertical_slide_content ul li{
    margin: 5px 0;
    padding-left: 20px;
    position: relative;
}


.vertical_slide_content ul li::before{
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    margin-right: 6px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transform: translateY(2px);
}

.vertical_slide_cta a{
    background-color: #015A6B;
    color: #fff;
    text-decoration: none;
    padding: 14px 20px;
    margin-top: 15px;
    display: inline-block;
    border-radius: 3px;
    line-height: 1;
    font-weight: normal;
}

.vertical_slider .slick-dots{
    display: block;
    transform: rotate(90deg) translateY(-50%);
    right: 10%;
    width: auto;
    bottom: unset;
    top: 50%;
}

.vertical_slider .slick-dots button:hover{
    box-shadow: none !important;
}
.slick-dots li {padding: 0 !important; margin: 0 5px !important;}
.slick-dots li button:before{
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 5px;
    text-align: center;
    opacity: .25;
    transition: all 200ms linear;
    background-color: #8685c6;
}

.slick-dots li.slick-active button:before{
    opacity: 1;
    width: 25px;
}
.slick-dotted.slick-slider {margin-bottom: 0;}

@media only screen and (max-width: 1200px) {
    .vertical_slider_content_wrapper {
        width: calc(85% - 30px);
        margin-left: 20%;
        padding-left: 25%;
    }
    .vertical_slide_image_wrapper{
        left: 30px;
    }
}

@media only screen and (max-width: 992px) {
    .vertical_slider .slick-track{
        display: block;
    }
    .vertical_slide{
        padding: 0;
    }
    .vertical_slider_content_wrapper{
        width: 75%;
        padding: 15px;
        margin: 0;
        padding-top: 90px;
        padding-bottom: 50px;
        margin: 0 auto;
        min-width: 400px;
        max-width: 100%;
    }
    .vertical_slide_image_wrapper{
        position: relative;
        top: unset;
        transform: none;
        width: 85%;
        margin: 0 auto;
        left: unset;
        margin-bottom: -50px;
        max-width: 450px;
    }
    .vertical_slider .slick-dots{
        display: block;
        top: unset;
        bottom: 0;
        transform: translateX(-50%);
        right: unset;
        left: 50%; 
    }    

}
@media only screen and (max-width: 767px) {
    .vertical_slider_content_wrapper{min-width: 325px;}
}


/* end of slick slider */




/* updated backgrounds and slider title to overcome white box on dark background auto-color changes */

div.vertical_slider_wrapper.white  {background-color: #fff;}
div.vertical_slider_wrapper.white.bg-gray {background-color: #6a615c;}
div.vertical_slider_wrapper.white.bg-dark-blue{background-color: #003a5d;}
div.vertical_slider_wrapper.white.bg-medium-blue {background-color: #005a90;}
div.vertical_slider_wrapper.white.bg-light-blue {background-color: #76CEFF;}

div.vertical_slider_wrapper.white .vertical_slider_title  {color: #005A90;}
div.vertical_slider_wrapper.white.bg-gray .vertical_slider_title {color: #fff;}
div.vertical_slider_wrapper.white.bg-dark-blue .vertical_slider_title {color: #fff;}
div.vertical_slider_wrapper.white.bg-medium-blue .vertical_slider_title {color: #fff;}
div.vertical_slider_wrapper.white.bg-light-blue .vertical_slider_title {color: #005A90;}




/* counter styles */
.counter-feature {max-width: 1280px; margin: 20px auto;}
.counter-feature h2.deck-title {text-align: center; font-size: 3rem;    color: #003a5d;     margin: 10px 0 45px 0;    line-height: 1.1; font-weight: 400;}
.counter-feature .rate-feature {text-align: center;}
.counter-feature .iconfeature {    font-size: 3rem;    font-weight: 700; color: #0082ca !important; margin-bottom: 10px;}
.counter-feature .feature-lrgtxt {    font-size: 3rem;    font-weight: 700; color: #003a5d; margin-bottom: -10px;}
.counter-feature .feature-rate-txt-box {    line-height: 1.3;    font-size: 1.4rem; color: #003a5d;}


/* homepage Featured Rates and Icons */

.featured_rates_icons_wrapper .rate-feature {
    min-height: 245px;
}
.featured_rates_icons_wrapper .feature-icon {
    font-size: 4rem;
    text-align: center;
    color: #4a4899;
    margin-bottom: 10px;
}
.featured_rates_icons_wrapper .feature-title {
    font-size: 1.85rem;
    line-height: 110%;
    font-weight: 400;
    margin: 0;
    text-align: center;
    color: #003a5d;
}
.featured_rates_icons_wrapper .feature-title a{
	color:#003a5d;
	text-decoration: none;
	font-weight: bold;
}
.featured_rates_icons_wrapper .feature-copy, .featured_rates_icons_wrapper .feature-copy p,
.featured_rates_icons_wrapper .feature-smtxt {
    font-size: 1rem;
    text-align: center;
    color: #003a5d;
}
.featured_rates_icons_wrapper .feature-lrgtxt {
    font-size: 3.125rem;
    text-align: center;
    margin: 0;
    color: #ff6c0c;
    line-height: 1.3;
}
.featured_rates_icons_wrapper .feature-cta {
    text-align: center;
    margin: 1rem 0;
    padding-top: 0;
}
.featured_rates_icons_wrapper .feature-cta .cta{
    margin: 0;
}
.featured_rates_icons_wrapper .feature-cta .cta .button{
    padding: 12px !important;
}
.featured_rates_icons_wrapper .iconfeature {
    margin: 10px 0;
}
/*theres a heading in the icon feature bit type*/
.featured_rates_icons_wrapper .feature-icon-title {
    display: block;
    margin-top: 20px;
}
.featured_rates_icons_wrapper .featureblock h4, .featured_rates_icons_wrapper .feature-icon-title a {
    font-weight: 700;
    text-decoration: none;
    font-size: 1.25rem;
    margin: 20px 0 0 0;
}
.featured_rates_icons_wrapper .ratefeature h4 {
    font-size: 22px;
    font-size: 1.5rem;
    font-weight: 700;
}
div.contentdeck.featured_rates_icons_wrapper .ratefeature h4 {
    margin: 0;
}
/*font awesome icons*/
.featured_rates_icons_wrapper .iconfeature .fa {
    font-size: 6rem;
}
.featured_rates_icons_wrapper .iconfeature .fas {
    font-size: 6rem;
}
.featured_rates_icons_wrapper .iconfeature .far {
    font-size: 6rem;
}
.featured_rates_icons_wrapper .iconfeature .fal {
    font-size: 6rem;
}
.featured_rates_icons_wrapper div.feature-height {
    min-height: 102px;
    min-width: 102px;
}
/*iconic icons*/
.featured_rates_icons_wrapper .iconfeature .iconic {
    font-size: 3.3rem;
}


.featured_rates_icons_wrapper {
    margin: 20px 0;
    background-color: transparent;
}

.featured_rates_icons_wrapper .banner-overlay{
    overflow: visible;
}

.featured_rates_icons_wrapper .rate-feature{
    background-image: url(../img/pattern.png);
    background-color: #F4F3FF;
    border: solid 1px #CABFE3;
    border-radius: 8px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    padding: 20px;
    margin: 0 10px;
    margin-bottom: 75px;
    margin-top: -45px;
    margin: 0 20px;
}

.featured_rates_icons_wrapper .feature-icon {
    font-size: 4rem;
    text-align: center;
    color: #4a4899;
    margin-bottom: 10px;
}

/*if one column layout is selected, don't display columns 2, 3, 4 or 5*/
div.featured_rates_icons_wrapper.contentdeck.onewhole div.deckinner div.multicol2, div.featured_rates_icons_wrapper.contentdeck.onewhole div.deckinner div.multicol3, div.featured_rates_icons_wrapper.contentdeck.onewhole div.deckinner div.multicol4, div.featured_rates_icons_wrapper.contentdeck.onewhole div.deckinner div.multicol5 {
    display: none;
}
/*if two column layout is selected, don't display columns 3, 4 or 5*/
div.contentdeck.featured_rates_icons_wrapper.onehalf div.deckinner div.multicol3, div.featured_rates_icons_wrapper.contentdeck.onehalf div.deckinner div.multicol4, div.featured_rates_icons_wrapper.contentdeck.onehalf div.deckinner div.multicol5 {
    display: none;
}
/*if three column layout is selected, don't display columns 4 or 5*/
div.featured_rates_icons_wrapper.contentdeck.onethird div.deckinner div.multicol4, div.featured_rates_icons_wrapper.contentdeck.onethird div.deckinner div.multicol5 {
    display: none;
}
/*if four column layout is selected, don't display column 5*/
div.featured_rates_icons_wrapper.contentdeck.onefourth div.deckinner div.multicol5 {
    display: none;
}

/* creating overlay for Featured Rates */
.banner-home {z-index: 1;}
.featured_rates_icons_wrapper h2.deck-title {
    text-align: center;
    font-size: 3rem;
    color: #003a5d;
    margin: 10px 0 45px 0;
    line-height: 1.1;
	font-weight: 400;
}
#homepage-featured-rates .deck-title-wrapper{
    background-color: rgb(118 206 255 / 90%);
    margin-top: -118px;
    margin-bottom: 60px;
    position: absolute;
    z-index: 2;
    width: 100%;
}
#homepage-featured-rates  .deck-title-wrapper h2{
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 40px;
    color: #000;
    font-weight: 300;
}
#homepage-featured-rates .deck-title-wrapper h2 strong{
    font-weight: 600;
    display: inline-block;
    margin-left: -10px;
 }

/* adjustments to angled banners on homepage */

@media screen and (min-width: 767px){ /* note that this is MIN-width instead of the usual MAX-width */
	.home-page-wrapper .hero-banner.hero-banner-int .hero-image img {min-height: 550px; max-height: 550px;}
}

@media screen and (max-width: 1420px) {
	.home-page-wrapper .hero-title {font-size: 2.5rem;}
}

@media screen and (max-width: 1040px) {
	#homepage-featured-rates .deck-title-wrapper {margin: 0; position: relative;}
	#homepage-featured-rates.featured_rates_icons_wrapper {margin-top: 0;}
}
@media screen and (max-width: 767px) { /* back to normal */
    .featured_rates_icons_wrapper .feature-title {
        font-size: 1.75rem;
    }
    .featured_rates_icons_wrapper .feature-lrgtxt {
        font-size: 3.75rem;
    }
    .featured_rates_icons_wrapper .feature-medtxt, .featured_rates_icons_wrapper .feature-medtxt p {
        font-size: 1.75rem;
    }
    .featured_rates_icons_wrapper .feature-copy, .featured_rates_icons_wrapper .feature-copy p {
        font-size: 1.3125rem;
    }
    .featured_rates_icons_wrapper .iconfeature .far {
        font-size: 6rem;
    }
    .contentdeck.featured_rates_icons_wrapper .deckinner.homepage-rate-icon-bar .multicol-inner {
        padding: 30px !important;
    }
    .contentdeck.featured_rates_icons_wrapper .deckinner.homepage-rate-icon-bar .inner {
        padding: 20px !important;
    }
    .featured_rates_icons_wrapper .rate-feature {
        min-height: 0;
        margin: 20px 0 20px 0;
    }
    @media screen and (max-width: 500px) { /* back to normal */
        .featured_rates_icons_wrapper .feature-title {
            font-size: 1.5rem;
        }
        .featured_rates_icons_wrapper .feature-lrgtxt {
            font-size: 2.75rem;
        }
        .featured_rates_icons_wrapper .feature-icon {
            font-size: 3.5rem;
        }
    }
}


/*shortening homepage banner - now matches interior banners */
.banner-home .banner-inner {min-height: 375px; max-height: 375px; margin-top: 50px;}
.banner-home .banner-inner .banner-body {margin-bottom: 120px;}


/* news and updates homepgage block */
div.news-and-updates {overflow: hidden;}
div.news-and-updates h2.news-title {margin: 15px auto 25px auto; max-width: 1440px; text-align: center; }
div.news-and-updates div.news-container {display: flex; flex-wrap: wrap;box-sizing: border-box; margin: 10px auto 0 auto; max-width: 1410px; justify-content: space-around;}
div.news-and-updates div.news-block {width: 46%; display: flex; align-items: center; margin: 0 2% 40px 2%; background-color: #fff; border-radius: 10px; box-shadow: 0 0.1rem 0.6rem rgba(0, 0, 0, 0.2); background-size: 120px; min-width: 420px; box-sizing: border-box;}
div.news-and-updates div.news-image {  margin: 20px;}
div.news-and-updates div.news-image img { object-fit: cover; width: 200px; border-radius: 10px;}
div.news-and-updates div.news-content {padding: 20px; width: calc(100% - 220px);  }
div.news-and-updates h3.news-block-title {  font-size: 1.375rem; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.1;margin-bottom: 5px; }
div.news-and-updates div.news-block a { font-size: 1rem}

@media screen and (max-width: 950px) { 
    div.news-and-updates div.news-block {margin-bottom: 30px; width: 86%; flex-direction:column; min-width: 0;}
    div.news-and-updates div.news-image img {width: auto;}
    div.news-and-updates div.news-content {width: auto; padding-bottom: 30px;}
}
@media screen and (max-width: 767px) { 
    div.news-and-updates div.news-image {margin: 20px 20px 0 20px;}
    div.news-and-updates div.news-block {width: 96%;}
}

/* ------------------------------------- 2023 - angled banners ------------------------------------- */


.hero-banner {
	display: block; 
	z-index: 1; 
	position: relative; 
	height: auto;
	margin: 30px auto 0 auto; /* removed bottom margin to allow deck to be right against banner */
	text-align: center;
	width: 100%; 
	overflow: hidden;
    max-height: 600px;
	box-shadow: 0px 0px 32px -4px rgba(0,0,0,0.2);
}
.hero-banner .page-inner {
	display: flex; 
	align-content:center; 
	align-items: center;
}

.hero-image {position: relative; margin: 0 auto; width: 100%; }
.hero-image img {
	width: 100%;
    height: 100%;
    display: block;
    min-height: 600px;
    max-height: 600px;
	object-fit: cover;
}
.hero-banner.hero-banner-int .hero-image img {
    min-height: 480px;
    max-height: 480px;
}

.hero-text {text-align: left; color: #fff; margin: auto; position: absolute; top: 25%; max-width: 720px; width: 46%; padding: 20px 20px 20px 0; left: 50%; top: 50%;  transform: translate(-50%, -50%);}
.hero-text p span.small {display: block;}
.hero-text.txt-light {color: #fff;}
.hero-text.txt-dark {color: #002855;}

.hero-title {	
    font-size: 3.5rem;
    margin: 0;
    line-height: 1;
}
.hero-subtitle {
    font-size: 1.625rem;
    margin: 20px 0;
    line-height: 1.2;
}
.hero-copy {
    padding: 0;
    margin: 10px 0;
    line-height: 1.4;
}
.hero-button {
	text-align: left;
	z-index: 2; 
	margin: 20px 0 40px 0; 
	position: relative;
}
@media screen and (max-width: 767px) {	
	.hero-text {max-width: 100%;}
	.hero-text.txt-light {background: #002855;}
	.hero-text.txt-dark {background: #fff;}
}

/* text alignment option*/
.hero-content-left .hero-text { transform: translate(-700px, -50%);}
@media screen and (max-width: 1440px) {	
	.hero-content-left .hero-text { transform: translate(0, -50%); left: 0; padding: 20px;}
}
.hero-content-left .hero-text, .hero-content-left .hero-title, .hero-content-left .hero-subtitle, .hero-content-left .hero-copy, .hero-content-left .hero-button { text-align: left;}
.hero-content-center .hero-text, .hero-content-center .hero-title, .hero-content-center .hero-subtitle, .hero-content-center .hero-copy, .hero-content-center .hero-button {text-align: center; margin-left: auto; margin-right: auto;}
.hero-content-right .hero-text {right: 0; transform: translate(0, -50%);}
.hero-content-right .hero-text, .hero-content-right .hero-title, .hero-content-right .hero-subtitle, .hero-content-right .hero-copy, .hero-content-right .hero-button {margin-left: 0;}
.hero-content-right .hero-text {padding: 20px 10px 20px 20px;}


/* banner image alignment */
.hero-image.hero-align-top img {object-position: center top;}
.hero-image.hero-align-middle img {object-position: center center;}
.hero-image.hero-align-bottom img {object-position: center bottom;}


/*banner darkening */
.hero-banner img.darken90 {filter: brightness(10%);}
.hero-banner img.darken80 {filter: brightness(20%);}
.hero-banner img.darken70 {filter: brightness(30%);}
.hero-banner img.darken60 {filter: brightness(40%);}
.hero-banner img.darken50 {filter: brightness(50%);}
.hero-banner img.darken40 {filter: brightness(60%);}
.hero-banner img.darken30 {filter: brightness(70%);}
.hero-banner img.darken20 {filter: brightness(80%);}
.hero-banner img.darken10 {filter: brightness(90%);}


/* angled banner image */
.hero-banner .hero-image {overflow: hidden;}
.hero-banner div.overlay {display: none;}
.hero-banner .hero-text {z-index: 3;}
.hero-banner.hero-layout-angled img.hero-image-desktop {width: 60%;}
.hero-banner div.overlay-watermark {position: absolute; bottom: 0; background-size: contain; z-index: 4; width: 135px; height: 173px; }


	/* angled content text left */
.hero-banner.hero-layout-angled div.overlay {
	display: block;
	position: absolute;
    top: 0;
    width: 75%;
    height: 100%;
    background: rgba(255,255,255,0.99);
    transform: skew(194deg);
    right: -23%;
	z-index: 2;
}


	/* angled content text left */
.hero-banner.hero-layout-angled.hero-content-left div.overlay {
	display: block;
	position: absolute;
    top: 0;
    width: 75%;
    height: 100%;
    background: rgba(255,255,255,0.99);
    transform: skew(-194deg);
    left: -23%;
	z-index: 2;
}
.hero-banner.hero-content-left.hero-layout-angled img.hero-image-desktop {  transform: translateX(70%);}


	/* angled content text light - also default */
.hero-banner.hero-layout-angled.hero-txt-light div.overlay {
    background: rgba(0,40,85,0.99);
}
@media screen and (max-width: 767px) {	
	.hero-banner.hero-layout-angled.hero-txt-light .hero-text.txt-light {background: rgba(0,40,85,0.99);}
}


/* banner background color options */
.hero-banner.banner-white {background-color: #fff;}
.hero-banner.banner-gray {background-color: #6a615c;}
.hero-banner.banner-dark-blue {background-color: #043a5c;}
.hero-banner.banner-med-blue {background-color: #005a90;}
.hero-banner.banner-light-blue {background-color: #76CEFF;}

/* angled background colors */
.hero-banner.banner-white.hero-layout-angled div.overlay {background-color: #fff;}
.hero-banner.banner-gray.hero-layout-angled div.overlay {background-color: #6a615c;}
.hero-banner.banner-dark-blue.hero-layout-angled div.overlay {background-color: #043a5c;}
.hero-banner.banner-med-blue.hero-layout-angled div.overlay {background-color: #005a90;}
.hero-banner.banner-light-blue.hero-layout-angled div.overlay {background-color: #76CEFF;}


/* mobile-only image option */
.includes-mobile-image img.hero-image-desktop {display: block !important;}
.includes-mobile-image img.hero-image-mobile {display: none !important;}

@media screen and (max-width: 767px) {
	.includes-mobile-image img.hero-image-desktop {display: none !important;}
	.includes-mobile-image img.hero-image-mobile  {display: block !important; }

	/*stack mobile banners */
	.hero-banner {display: flex; flex-direction: column; flex-wrap: wrap; max-height: 100%; overflow: visible; box-shadow: none; margin: 0 auto;}
	.hero-banner .hero-image, .hero-banner .hero-text {width: 100% !important; position: relative !important; display: block !important; transform: none !important; right: unset !important; left: unset !important; top: unset !important; z-index: 1; margin: 0;}
	.hero-text {padding: 40px 20px 80px 20px; text-align: left;}
	.hero-banner-int .hero-text {padding: 20px; box-sizing: border-box;}
	.hero-image img, .hero-banner.hero-banner-int .hero-image img {object-fit: contain; max-height: 100%; min-height: 0; margin-top: 10px;}
	.hero-title {font-size: 2.5rem;}
	.hero-subtitle {font-size: 1.45rem;}
	
	.hero-banner div.overlay-watermark {display: none !important;}
	
	.hero-banner.hero-layout-angled div.overlay {display: none !important;}
	.hero-banner.hero-layout-angled img{transform: translate(0) !important; width: 100% !important;}
	
	.hero-banner.hero-layout-burst .hero-burst { background-position: right center !important; width: 100% !important;}
	.hero-banner.hero-layout-burst .hero-burst {background-size: 633px 690px;}
	.hero-banner.hero-layout-burst .hero-burst-image {width: 330px;  height: 330px;  transform: translate(-102px, 7px);}

}
@media screen and (max-width: 539px) {	
		div.hero-button a.button, div.hero-button a.button:link, div.hero-button a.button:visited {font-size: 1rem;}
}
/*chat adjustments */
.chat-wrap {border-radius: 10px; background: #fff; padding: 5px 10px 8px 10px; text-align: center; box-shadow: 0 0.1rem 0.6rem rgba(0, 0, 0, 0.2); margin: 5px 5px 15px 5px;}
.chat-wrap-text {width: 50%; font-size: 14px; line-height: 1.4; font-weight: 500; font-family: 'Rubik', sans-serif;}

/* swap to image from FA for mobile sandwich */
.svg-filter-hover img {filter: brightness(0) saturate(100%) invert(15%) sepia(30%) saturate(4781%) hue-rotate(182deg) brightness(90%) contrast(101%);}
.svg-filter-hover:hover img {filter: brightness(0) saturate(100%) invert(36%) sepia(100%) saturate(567%) hue-rotate(163deg) brightness(97%) contrast(92%);}

.svg-filter-hover.menu-icon-open img {filter: brightness(0) saturate(100%) invert(97%) sepia(0%) saturate(2%) hue-rotate(152deg) brightness(114%) contrast(100%);}

/* override for login password field to allow Edge eye to show */
div.ob-login div.login-box div.form-field .input input.field {box-sizing: border-box;}
/* ---------------------------------------- END OF FILE ---------------------------------------- */