@charset "UTF-8";

/*CONTENTS:

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

1. Banners
2. Calls to Action
3. Promotions & Testimonials
4. Homepage Grid Features
5. Content Decks (multi column color bars)
6. Icon Features
7. Comparison Charts
8. Footer Quick Links
9. Google Maps
10. Staff Features

*/


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

div.flexslider {
	margin: 0;
	background-color: transparent;
}
div.flexslider {/*height: 689px; background-color: #003E60;  margin-top: -150px; */}
div.flexslider ul.slides li, .content div.flexslider ul.slides li { margin: 0;  padding: 0;}

div.flexslider ul.slides li div.banner div.outer-slide div.banner-inner {
	max-width: 1280px;
	margin: auto;
	padding-left: 0; padding-right: 0;
}

.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: 1280px;
	margin: auto;
	padding: 10px;
	min-height: 543px;
	max-height: 543px;
}

.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: 10px 0;
	max-width: 60%;
	padding: 20px 0;
}

/*1.2 Interior Banner Design*/
.flexslider.banner-int {height: 392px;}
.banner-int .banner-inner {min-height: 392px; max-height: 392px;}

.banner-title {font-family: 'Montserrat', sans-serif; 	font-size: 72px;	font-size: 4.5em;	font-weight: 400;}
.banner-subtitle {font-family: 'Roboto', sans-serif; 	font-size: 31px;	font-size: 1.9375rem;	font-weight: 400;}
.banner_copy { padding: 2% 0; }


.banner-int .banner-title, .banner-int .banner-subtitle {font-family: 'Montserrat', sans-serif; 	font-size: 31px;	font-size: 1.9375rem;	font-weight: 600; color: #000E05; line-height: 1.1;}


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

.banner-button a.button {padding: 15px 50px; font-family: 'Montserrat', sans-serif; 	font-size: 25px;	font-size: 1.5625em; display: block; text-align: center; clear: both;}

/*darken the image?*/
.banner-overlay.darken1 { background-color: rgba(8, 29, 38,0.1); }
.banner-overlay.darken2 { background-color: rgba(8, 29, 38,0.2); }
.banner-overlay.darken3 { background-color: rgba(8, 29, 38,0.3); }
.banner-overlay.darken4 { background-color: rgba(8, 29, 38,0.4); }
.banner-overlay.darken5 { background-color: rgba(8, 29, 38,0.5); }

/* 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, .shadow1 .banner-subtitle, .shadow1 .banner-copy p { text-shadow: 1px 1px 20px 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-subtitle, .txt-light .banner-copy, .txt-light .banner-copy p { color: #fff; }
div.slide-txt-dark {background-color: #ffffff;}
div.slide-txt-light {background-color: #000000;}

/*dark text*/
.txt-dark .banner-title, .txt-dark .banner-subtitle, .txt-dark .banner-copy, .txt-dark .banner-copy p { color: #000000; }

.banner-body .fancy-button a {
	background: rgba(255,255,255,0.6);
	 color: #000E05; 
	border: 2px solid #333037;
	padding: 10px 20px;
}

	@media screen and (max-width:980px) {
	.banner-home .banner-title {font-size: 3rem;}
	}


	@media screen and (max-width:767px) {
	.banner-inner .banner-body, .banner-int .banner-inner .banner-body { max-width: 100%; }
	}

	@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 {	max-width: 90%;	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; }
	}

/* vertical copy alignment */

.banner-int.banner-headline-style .banner-title {padding-top: 125px; font-size: 51px; font-size: 3.1875rem; line-height: 1.25;}

	@media screen and (max-width:600px) { 
	.banner-int.banner-headline-style .banner-title {font-size: 38px; font-size: 2.375rem;}
	.banner-int .banner-inner .banner-body.txt-right, .banner-int .banner-inner .banner-body.txt-left {text-align: center;}
	}

/* ================ 2. Calls to Action ================ */

/*2.1 Call to action button designs*/
div.cta a {
	font-family: 'Montserrat', sans-serif;
	padding: 10px 5%;
	width:auto;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight:400;
	margin: 10px auto;
	text-align: center;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	background: #000;
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	transition: background .5s ease;
	border-radius: 5px;
}


div.cta a:hover { background-color: #005880; }

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

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

div.cta.theme1 a { background-color: #009a94 ; color:#fff;}

div.cta.theme1 a:hover {opacity: 0.9; }

div.cta.theme2 a { background-color: #008027; }

div.cta.theme2 a:hover { background-color: #1f1f1f; }

div.cta.theme3 a { background-color: #2e2e2e; }

div.cta.theme3 a:hover { background-color: #3e3e3e; }

div.cta.theme4 a { background-color: #009fd6; }

div.cta.theme4 a:hover { opacity: 0.9; }

div.cta.theme5 a { background-color: #ffcb47; color: #000;} /* yellow */

div.cta.theme5 a:hover { opacity: 0.9; }

div.cta.theme6 a { background-color: #6247aa; } /* purple */

div.cta.theme6 a:hover { opacity: 0.9;}

/*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;}
	}

/* ================ 3. Text Promos ================ */

.promotion {
	padding: 0;
	margin: 10% 0;
	background: transparent;
	border-radius: 0;
	display: block;
	border: solid 1px #d0d0d1;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.promotion .inner { padding: 5%; }

.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;
	margin-top: 0;
}

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

.promotion .button {
	text-align: center;
	font-size: 90% !important;
	padding: 1.5% 2.5% !important;
	-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 #00af41;
}

.promotion.theme1 .inner h3 { color: #008027; }

.promotion.theme1 .button {
	background-color: #008027;
	border-color: #008027;
}

.promotion.theme1 .button:hover {
	background-color: #9adfb4;
	border-color: #9adfb4;
	color:#000e05;
}

/*Theme 2*/

.promotion.theme2 {
	background-color: #fff;
	border-color: #000e05;
}

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

.promotion.theme2 .button {
	background-color: #000e05;
	border-color: #000e05;
}

.promotion.theme2 .button:hover {
	background-color: #848b87;
	border-color: #848b87;
	color:#000e05;
}

/*Theme 3*/

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

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

.promotion.theme3 h3 { color: #008027; border-bottom:solid 1px #00af41; padding-bottom:1%;}

.promotion.theme3 .button {
	background-color: #008027;
	border-color: #008027;
}

.promotion.theme3 .button:hover {
	background-color: #9adfb4;
	border-color: #9adfb4;
	color:#000e05;
}

/*Theme 4*/

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

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

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

.promotion.theme4 .inner, .promotion.theme4 .inner h3, .promotion.theme4 .inner p { color: #fff !important; }

.promotion.theme4 .button:hover {
	background-color: #000e05;
	border-color: #000e05;
	color:#fff;
}

/*Theme 5*/

.promotion.theme5 { background: #3b3b3b; }

.promotion.theme5 a.button {
	background: #fff;
	border-color: #111;
	color: #3b3b3b !important;
}

.promotion.theme5 .inner, .promotion.theme5 .inner h3, .promotion.theme5 .inner p { color: #fff !important; }

.promotion.theme5 a.button:hover {
	box-shadow: none;
	color: #555 !important;
	border-color: #fff;
}

/*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;
	color:#111;
}

/*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: #9adfb4;  }

.testimonial.testimonial-theme1:after { border-top-color: #9adfb4; }

.testimonial-theme2 { background-color: #e3e3e3; }

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

.testimonial .inner:before, .testimonial .inner:after {
    font-family: "Font Awesome 5 Pro";
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 100;
}

.testimonial .inner:before {
	content: " \f10d ";
	float: left;
}

.testimonial .inner:after {
	content: " \f10e ";
	float: right;
}

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

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

/*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;
}
}


/* ================ 4. Homepage Grid Features ================ */

.hpupdates {
	max-width: 100%;
	margin: auto;
	float:left;
}

.update {

	margin: 0%;
	float: left;
	
}

.update p, .update p .button {
	
}

.update .button {
	width: auto;
	float: left;
	margin: 10px 0;
}

.update .button a {
	background-color: inherit;
	border: none;
}



.hpupdates .update a {text-decoration:none;}

.hpupdates .update a:active, .hpupdates .update a:hover, .hpupdates .update a:visited, .hpupdates .update a:link {color: #ffffff;}

.hpupdates .update a .inner { padding:0; -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;  width:100%;}
	

.hpupdates .update a .inner h2, .hpupdates .update a .inner h3 {font-size:36px; font-size: 2.25rem; color: #fff !important; margin:20px 20px 0 20px; text-decoration:none !important; font-weight:500; text-shadow:2px 2px 9px rgba(0,0,0,0.80);}
.hpupdates .update a .inner h3 {font-size:20px; font-size: 1.25rem;  margin:10px 20px 10px 20px;}

.hpupdates .update a .inner p {color:#fff;}


.hpupdates .update a .inner.grid-image {background-size: cover; background-repeat:no-repeat; height:400px; display:table;}

.hpupdates .update a .inner .grid-overlay {/* display:table-cell; max-height: 30%;   vertical-align:bottom; */ overflow: hidden; }

.hpupdates .update a .inner .grid-overlay .grid-overlay-inner {display:block; width:96%; background-color:rgba(0,0,0,0.20); padding:2%; -webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	transition: background .5s ease; min-height: 100px;  height:400px}

.hpupdates .update a:hover .inner .grid-overlay .grid-overlay-inner {background-color:rgba(0,0,0,0.50); ;}


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


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

.update {
	width: 100%;}
}




/* ================ 5. Content Decks ================ */

/*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; }

@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: 1% 20px !important; }

div.contentdeck {/*  padding: 2% 0; */ padding: 30px 0; }

/*.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, div.contentdeck h3, div.contentdeck h4 {
	
	margin: 8px 0 15px 0;
}

div.contentdeck h2.deck-title, div.contentdeck h3.deck-title {margin: 15px auto 15px auto; color: #2D2D2D; 	font-size: 32px; 	font-size: 2rem; text-align: center; width: 75%;}

	@media screen and (max-width: 640px) {
	div.contentdeck h2.deck-title, div.contentdeck h3.deck-title {margin: 15px auto 15px auto; color: #2D2D2D; 	font-size: 32px; 	font-size: 2rem; text-align: center; 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; }


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

div.contentdeck.brandcolor { background-color: #afafaf; /*standardized medium brand background color used in bit template -- clr2-bg-med*/ }

/*the following makes most content elements white within the gray and brandcolor medium background content decks*/
div.contentdeck.gray, div.contentdeck.gray h2, div.contentdeck.gray h3, div.contentdeck.gray h4, div.contentdeck.gray h5, div.contentdeck.gray h6, div.contentdeck.gray p, div.contentdeck.gray a, div.contentdeck.gray .intro, div.contentdeck.brandcolor, div.contentdeck.brandcolor h2, div.contentdeck.brandcolor h3, div.contentdeck.brandcolor h4, div.contentdeck.brandcolor h5, div.contentdeck.brandcolor h6, div.contentdeck.brandcolor p, div.contentdeck.brandcolor a, div.contentdeck.brandcolor .intro { color: #fff !important; }

/* backup of differences on dev
div.contentdeck.gray a.button, div.contentdeck.brandcolor a.button {    border: 2px solid #ffffff;    background-color: #000000;}
div.contentdeck.gray a.button2, div.contentdeck.brandcolor a.button2 {    border: 2px solid #ffffff;    background-color: transparent;}
div.contentdeck.gray div.cta a, div.contentdeck.brandcolor div.cta a {    border: 2px solid #ffffff;    background-color: transparent;}*/
div.contentdeck.gray a.button, div.contentdeck.brandcolor a.button {    border: 1px solid #ffffff;    background-color: #000000;}
div.contentdeck.gray a.button2, div.contentdeck.brandcolor a.button2 {    border: 1px solid #ffffff;    background-color: #00af42;}
div.contentdeck.gray a.button3, div.contentdeck.brandcolor a.button3 {    border: 1px solid #ffffff !important;    background-color: #009a94;}
div.contentdeck.gray a.button4, div.contentdeck.brandcolor a.button4 {    border: 1px solid #ffffff !important;    background-color: #009fd6;}
div.contentdeck.gray div.cta a, div.contentdeck.brandcolor div.cta a {    border: 1px solid #ffffff;    background-color: #00af42;}
div.contentdeck.gray a.button:hover, div.contentdeck.brandcolor a.button:hover {text-decoration: underline;    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 !important;}

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

/* padding removal option for content decks */
div.contentdeck.no-padding {padding-top: 0; padding-bottom: 0;}
div.contentdeck.no-padding-top {padding-top: 0;}
div.contentdeck.no-padding-bottom {padding-bottom: 0;}

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

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

/*conditionally style rate*/
.ratefeature {}

/*conditionally style icon*/
.iconfeature {}

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

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

/*theres a heading in the icon feature bit type*/


.featureblock h4 {font-size:1.25rem; margin:0;}

.ratefeature h4 {font-size: 22px;font-size: 1.4rem;font-weight: 700;}
div.contentdeck .ratefeature h4 {margin-bottom: 5px;}

/*conditionally style button*/
.featureblock .button {background:transparent !important; min-width:55%; border-color:#fff !important; color:#fff !important; /*colors on the button will be white in all cases unless set on a white content deck - conditionally styled below*/}

.white .featureblock .button {background:transparent !important; min-width:55%; border-color:#37373d !important; color:#37373d;}
/*font awesome icons*/

.iconfeature .fa, .iconfeature .far, .iconfeature .fal, .iconfeature .fab, .iconfeature .fas {font-size:4rem;}

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

/*iconic icons*/ 

.iconfeature .iconic {font-size:3.3rem;}


/*feature colors*/

/*sky blue*/
.feature-color2, .feature-color2 .fa, .feature-color2 .iconic, .feature-color2 h4, .feature-color2 a {color:#caebf2 !important;}
.feature-color2 .button, .feature-color2 div {border-color:#caebf2 !important; color:#caebf2 !important;}

/*neon green*/
.feature-color3, .feature-color3 .fa, .feature-color3 .iconic, .feature-color3 h4, .feature-color3 a {color:#88d317 !important;}
.feature-color3 .button, .feature-color3 div {border-color:#88d317 !important; color:#88d317 !important;}

/*neon red*/
.feature-color4, .feature-color4 .fa, .feature-color4 .iconic, .feature-color4 h4, .feature-color4 a {color:#ff888a !important;}
.feature-color4 .button, .feature-color4 div {border-color:#ff888a !important; color:#ff888a !important;}


/*redefine colors on white...*/

/*sky blue*/
.white .feature-color2, .white .feature-color2 .fa, .white .feature-color2 .iconic, .white .feature-color2 h4, .white .feature-color2 a {color:#37373d !important;}
.white .feature-color2 .button, .white .feature-color2 div {border-color:#37373d !important; color:#37373d !important;}

/*neon green*/
.white .feature-color3, .white .feature-color3 .fa, .white .feature-color3 .iconic, .white .feature-color3 h4, .white .feature-color3 a {color:#37373d !important;}
.white .feature-color3 .button, .white .feature-color3 div {border-color:#37373d !important; color:#37373d !important;}

/*neon red*/
.white .feature-color4, .white .feature-color4 .fa, .white .feature-color4 .iconic, .white .feature-color4 h4, .white .feature-color4 a {color:#37373d !important;}
.white .feature-color4 .button, .white .feature-color4 div {border-color:#37373d !important; color:#37373d !important;}

.white .featureblock .button {border-color:#37373d !important; color:#37373d !important;}

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

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

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; }

/* ================ 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;

}

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; }

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;}


.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;}

/*adding gap between images in grid plus for copy of bit type, plus other adjustments */
.hp-grid.feature-padding {margin-left: 10px; margin-right: 10px;}
.hp-grid.feature-padding .feature {width: calc(50% - 20px); max-width: calc(50% - 20px); min-width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; background-size: cover; overflow: hidden;}

.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, .hp-grid.feature-padding .feature { width:100%; max-width:100%; min-width:100%; margin: 0 0 10px 0;  text-align: center;}
.hp-grid.feature-padding {margin: 0;}
.hp-grid .feature .inner h3 {display: block; float: none; text-align: center;}
.hp-grid .feature .inner .button {margin: 20px auto; float: none; clear: both; }
}

@media screen and (max-width:1299px) {
div.flexslider ul.slides li div.banner div.outer-slide div.banner-inner {margin: auto 20px; }
div.ob-login {margin-right: 10px;}
}



/* flexible iframe style */
.flexiframe {position: relative; padding-bottom: 65.25%; padding-top: 30px; height: 0; overflow: auto; -webkit-overflow-scrolling:touch; border: none;} 
.flexiframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;    max-width: 100% !important; border: none !important; padding: 0; margin: 0;}

/* new alert-focused decks */
div.alert-deck {padding: 20px 0 0 0;}
div.alert-deck h2.deck-title {padding: 0; margin: 0 auto;}
div.alert-deck .multicol-inner {padding: 5px 20px 0 20px !important;}
div.contentdeck.alert-deck h2.deck-title {width: 90%; font-size: 1.625rem;}

div.alert-deck.alert-orange {background-color: #ff611a; color: #000 !important;}
div.alert-deck.alert-red h2.deck-title {color: #fff;}
div.alert-deck.white h2.deck-title {color: #ff611a;}
div.alert-deck.clr2-bg-lite h2.deck-title, div.alert-deck.white.orange h2.deck-title, div.alert-deck.white.clr1-bg-lite h2.deck-title  {color: #008027;}
div.alert-deck.alert-red {    background-color: #E80C00 !important; color: #fff;}



/* styles to support new email sub form */
div.digital-mailer-form {display: inline-block;}

div.digital-mailer-form div.dm-label, div.digital-mailer-form div.dm-input, div.digital-mailer-form div.dm-submit {display: inline-block;}
div.digital-mailer-form div.dm-label {margin: 0 5px 0 0;}
div.digital-mailer-form input[type=text] {font-size: 1rem; margin-bottom: 5px; }
div.digital-mailer-form input[type=submit] {margin: 0 0 0 5px; padding: 8px 15px 8px 15px; max-width: 120px;}
div.digital-mailer-form .tiny {margin-top: 5px;}

div.footer div.digital-mailer-form {background: #091d26; color: #fff; }
div.footer div.digital-mailer-form input[type=text] {border: none;}
div.footer div.digital-mailer-form input[type=submit] {border: 2px solid #ffffff; padding: 7px 15px 6px 15px;}

@media screen and (max-width: 900px) {
	
	div.footer div.digital-mailer-form .dm-label, div.digital-mailer-form .dm-input, div.footer div.digital-mailer-form .dm-submit {display: block; margin: 5px auto;}
	div.footer div.digital-mailer-form .right {float: none; margin-top: 10px;}
}
@media screen and (max-width: 550px) {
	
	div.digital-mailer-form .dm-label, div.digital-mailer-form .dm-input, div.footer div.digital-mailer-form .dm-submit {display: block; margin: 5px auto;}
	div.digital-mailer-form .right {float: none; margin-top: 10px;}
}

/* marketing interstitial */
.ui-dialog.bank-intercept {border-radius: 0; padding-bottom: 0;}

.ui-dialog.bank-intercept .bank-intercept-opt-out-container {padding: 0 0 10px 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 #008027;
    background-color: #000000;
    font-weight: normal;
    padding: 5px 15px;
    cursor: pointer;
    color: #fff;
    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;
	border-color: #008027;
    background-color: #008027;
    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;}
 
.ui-dialog.bank-intercept .ui-dialog-buttonpane button:after {    content: " \f101 ";	    font-family: "Font Awesome 5 Pro";	font-size: 1.1rem;}

@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;}
}
/* ================ 22.3. Offset Banners ================ */


/*  fixing jump caused by smoothheight plus fade flexslider parameters */
.flexslider.offset-banner {overflow: hidden;}

.offset-banner  ul.slides li div.banner div.outer-slide div.banner-inner {padding:  0 20px 20px 20px;}
.offset-banner .banner-inner .banner-body {width: 90%; position: relative; max-width: 100%;}

.offset-banner {
	margin: 0;
	background-color: #fff;
	height: 401px;
	height: auto;
}
.offset-banner ul.slides li, .content div.flexslider.offset-banner ul.slides li {
	margin: 0;
	padding: 0;
}
.offset-banner ul.slides li div.banner div.outer-slide div.banner-inner {
	max-width: 1280px;
	margin: auto;

}
.offset-banner .outer-slide {
	overflow: hidden;
	max-width: 1280px;
	margin: 0 auto;
}

.offset-banner div.b-small.banner-text { width: 60%;}
.offset-banner div.b-small.banner-image-offset { width: 40%; }

.offset-banner div.b-med  { width: 50%; }

.offset-banner div.b-large.banner-text {width: 33.333333%; }
.offset-banner div.b-large.banner-image-offset { width: 66.666666%; }

.offset-banner div.banner-left {float: left; position: relative;}
.offset-banner div.banner-right {float: right; position: relative;}

.offset-banner div.banner-image-offset div.overlap-image {position: relative; max-width: 100%; overflow: hidden; z-index: 2; padding: 30px 10px 0 10px;}
.offset-banner div.banner-strip {position: absolute; bottom: 0; background-color: #ffffff; height: 30px; width: 100%; z-index: 1;}


/*get rid of some default flexslider formatting*/
.offset-banner {
	box-shadow: none;
	border: none;
	clear: both;
	margin: auto auto 10px auto;

}

.offset-banner .banner-inner .banner-body {
	margin: 0;
	padding: 20px 20px 40px 20px;
}
.offset-banner .banner-inner {padding: 20px; overflow: hidden; min-height: 0; max-height: 100%;}

.offset-banner .banner-title {
	font-size: 44px;
	font-size: 2.75em;
	font-weight: 700;
}


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

/*light text*/
.offset-banner .txt-light .banner-title, .offset-banner .txt-light .banner-subtitle, .offset-banner .txt-light .banner-copy, .offset-banner .txt-light .banner-copy p {
	color: #fff !important; letter-spacing: normal;
}
.offset-banner div.slide-txt-dark {
	background-color: #ffffff; letter-spacing: normal;
}
.offset-banner div.slide-txt-light {
	background-color: #000000; letter-spacing: normal;
}
/*dark text*/
.offset-banner .txt-dark .banner-title, .offset-banner .txt-dark .banner-subtitle, .offset-banner .txt-dark .banner-copy, .offset-banner .txt-dark .banner-copy p {
	color: #000000; letter-spacing: normal;
}

.offset-banner div.banner div.outer-slide div.banner-inner .banner-body.txt-right, .offset-banner .banner-body.txt-right .banner-copy {
	max-width: 1280px;
	margin: auto;
}
.offset-banner .flex-control-nav {bottom: -10px;}

/* offset-banner button hover fix */

.offset-banner .banner-button a.button, .offset-banner .banner-button a.button.button1 {border-color: #fff !important;}
.offset-banner .banner-button a.button.button2 {border-color: #fff !important;}

.offset-banner .banner-button a.button:hover, .offset-banner .banner-button a.button.button1:hover {background-color: #008027 !important; border-color: #fff !important; box-shadow: none; color: #fff !important;}
.offset-banner .banner-button a.button.button2:hover {background-color: #000000 !important; box-shadow: none; color: #fff !important;}


@media screen and (max-width:1200px) {
	.offset-banner .banner-title {font-size: 2rem;}
	.offset-banner .huge {font-size: 3rem;}
	.offset-banner .banner-button {font-size: .9rem;}
}


@media screen and (max-width:980px) {
	.offset-banner .banner-inner {padding: 20px; text-align: center;}
	.offset-banner .banner-title {font-size: 3rem; margin-top: 0;}
	.offset-banner div.banner-right, div.banner-left {float: none; margin: auto; padding: 0;}
	.offset-banner div.banner-image-offset img {padding: 0; margin: 0;}

	.offset-banner div.b-small {width: 100% !important; text-align: center;}
	.offset-banner div.b-med {width: 100% !important; text-align: center;}
	.offset-banner div.b-large {width: 100% !important; text-align: center;}
	.offset-banner div.banner-strip {display: none;}
	.offset-banner .banner-inner .banner-body {padding: 0 0 0 0 !important; width: 100%;}/* padding-bottom was 20*/
	.offset-banner div.banner-image-offset div.overlap-image {padding: 0 0 20px 0;}


	.offset-banner div.banner .banner-title, .offset-banner div.banner .banner-subtitle, .offset-banner div.banner .banner-copy, .offset-banner div.banner .banner-button {
		width: auto;
		text-align: center;
	}
	.offset-banner .banner-inner .banner-body {max-width: 100%; position: relative;}
	.offset-banner .banner-inner .banner-title {padding-top: 10px;}
	.offset-banner .banner-inner .banner-body.txt-left .banner-title, .offset-banner .banner-inner .banner-body.txt-left .banner-subtitle, .offset-banner .banner-inner .banner-body.txt-left .banner-copy, .offset-banner .banner-inner .banner-body.txt-left .banner-button {
		width: auto;
		text-align: center;
	}
	.offset-banner .banner-inner .banner-body.txt-right .banner-title, .offset-banner .banner-inner .banner-body.txt-right .banner-subtitle, .offset-banner .banner-inner .banner-body.txt-right .banner-copy, .offset-banner .banner-inner .banner-body.txt-right .banner-button {
		width: auto;
		text-align: center;
	}
	.offset-banner  {/*height: 950px;*/ height: auto;}
	.offset-banner .flex-control-nav {bottom: 0;}
}

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

	.offset-banner .banner-inner {padding: 0; min-height: 0;}
	.offset-banner .banner-inner, .offset-banner .banner-inner .banner-body {height: auto;}
	.offset-banner .banner-inner .banner-body {margin: 0; min-height: 0;}
}

div.decks.fix {overflow: hidden;}


/* new button color for homepage featured rates */
.white .featureblock {/*border: 1px solid #009a94; */ padding: 40px 0;}
.white .featureblock h4, .white .featureblock .feature-lrgtxt {color: #000000 !important;}
.white .featureblock .feature-lrgtxt {font-size: 3rem;font-weight: 700;margin: 15px 0;}
.white .featureblock .button {border-color: #008027 !important;background-color: #008027 !important;color: #fff !important;font-size: 1.25rem;border-radius: 2px;line-height: 1;transition: all 200ms linear;}
.white .featureblock .button:hover {border-color: #008027 !important;background-color:#fff !important;color: #008027 !important;}

/* changing footer BG to white and routing to green */

div.footer, div.footer div.digital-mailer-form {background: #f7f7f7;}
div.footer, div.footer a, div.footer div.digital-mailer-form {color: #2D2D2D;}
div.footer div.digital-mailer-form input[type=text] {border: 1px solid #2d2d2d;}
li.routing {color: #008027;}
ul.social li a:hover { color: #000; }
ul.social li a { color: #808080; }

/* adjustments to compliance logos after change to white footer */
img.logo-ncua {opacity: 80%;}
img.logo-ehl {opacity: 80%;}
img.logo-coop {opacity: 60%;}

/* higher z-index after fade change. Minor adjustments to move pager out from under login */
.flex-control-nav {z-index: 5;}


/* 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: #009fd6;	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: #009fd6;	
	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 .feature-title {font-weight: 400; padding: 10px 0 5px 0; font-size: 1.25rem;    margin: 0;}
.slick-carousel .featureblock .feature-smtxt {font-weight: 400; padding-top: 15px; font-size: 1.25rem;    margin: 0;}
.slick-carousel .featureblock .feature-lrgtxt { margin: 0;}
.slick-carousel .feature-height.inner {padding: 0;}
.slick-text p:empty {display: none;}
.slick-text p {line-height: 1.2;}

	/* carousel icon color options */
	
.slick-carousel .slick-text.carousel-blue-icons, .slick-carousel .slick-text.carousel-blue-icons a {color: #009fd6;}
.slick-carousel .slick-text.carousel-charcoal-icons, .slick-carousel .slick-text.carousel-charcoal-icons a {color: #2e2e2e;}
.slick-carousel .slick-text.carousel-teal-icons, .slick-carousel .slick-text.carousel-teal-icons a {color: #009a94;}
.slick-carousel .slick-text.carousel-green-icons, .slick-carousel .slick-text.carousel-green-icons a {color: #05a53a;}

/* 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.grid-threecolumn div.grd-img {position: relative; z-index: 1; text-align: center;}
div.grid-threecolumn 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.bg-blue {color: #fff; background: #009fd6;} /* blue */
div.grid-threecolumn.bg-blue .grid-overlay {color: #fff; background: linear-gradient(to bottom,  rgba(0,159,214,0) 0%,rgba(0,159,214,1) 50%);} /* blue */

div.grid-threecolumn.bg-charcoal {color: #fff; background: #2e2e2e;} /* charcoal */
div.grid-threecolumn.bg-charcoal .grid-overlay {color: #fff; background: linear-gradient(to bottom,  rgba(46,46,46,0) 0%,rgba(46,46,46,1) 50%);} /* charcoal */

div.grid-threecolumn.bg-teal {color: #fff; background: #009a94;} /* teal */
div.grid-threecolumn.bg-teal .grid-overlay {color: #fff; background: linear-gradient(to bottom,  rgba(0,154,148,0) 0%,rgba(0,154,148,1) 50%);} /* teal */

div.grid-threecolumn.bg-green {color: #fff; background:#05a53a;} /* green */
div.grid-threecolumn.bg-green .grid-overlay {color: #fff; background: linear-gradient(to bottom,  rgba(5,165,58,0) 0%,rgba(5,165,58,1) 50%);} /* green */

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;}
}

img.logo-anniversary {width: 125px; transition: all .5s ease-in-out;}
img.logo-anniversary:hover {transform: scale(2.25); background-color: #fff;}




/* BEGIN: Custom Calculator/Widget Styles */

div.calc-container 	{text-align: center; padding: 20px 30px;    background-color: #f7f7f7; margin: 20px 20px;   border: solid 5px #00af41;}

div.calc-form input {text-align: center; display: inline-block; width: auto; margin: 10px 10px 0 10px; border: solid 2px #4C412A; color: #009fd6; font-weight: 700;}

div.calc-icon {color: #009fd6;}
div.calc-title {padding: 0; margin: 0;     font-size: 1.625rem;    color: #009fd6;    font-weight: 700; line-height: 1.2;}
div.calc-subtitle {padding: 0; margin: 20px 0 0 0;     font-size: 1.25rem;    color: #009a94;}

div.calc-results 	{display: inline-block; border: 2px solid #009a94; background-color: #ffffff; box-sizing:border-box; width:46%; padding: 0 0 20px 0; margin:20px 1% 5px 1%;}
div.calc-results-title {padding: 10px 10px; background-color: #009a94; margin: 0 0 10px 0; color: #ffffff; font-size: 1.275rem; font-weight: 700;}
div.calc-results-display 	{font-size: 1.85rem; color: #4C412A; font-weight: 700; margin-top: 10px;}


/* amortization calc styles*/
.amort-calc div.calc-results 	{width:30%; min-height:140px; overflow: hidden;}
.amort-calc div.calc-form input {max-width: 80%;}
.amort-calc input[type=radio]{ margin: 0 2px 5px 10px;}
.amort-calc div.calc-radio-box {padding: 20px 0 0 0;}
.amort-calc .radio-label {font-size: 1.2rem;    color: #009fd6;    font-weight: 700;    line-height: 1.2; display: inline-block; margin: 0 10px 5px 2px;}

.amort-table {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;

    width: 100%;
}
.amort-table thead th {
    background-color: #009a94;
    border: solid 1px #e3e3e3;
    color: #fff;
    padding: 10px;
    text-align: center;
}
.amort-table tbody td {
    border: solid 1px #e3e3e3;
    color: #333;
    padding: 10px;
    text-align: center;
    background: #fff;
}

#amort-summary {width: auto; background: #fff; padding: 20px; margin-top: 20px; }
.amort-results {display: block;}
.amort-results div.calc-results-display {font-size: 1.25rem;}
.amort-results div.calc-title { font-size: 1.25rem; margin: 0 0 10px 0;}


@media screen and (max-width: 767px) {
    .amort-table tbody td, .amort-table thead th {padding: 3px;}
.amort-calc div.calc-results 	{width:100%; display: block;}
}

@media screen and (max-width: 500px) {
    .amort-table {font-size: 10px;}
    .amort-table tbody td, .amort-table thead th {padding: 3px;}
}



@media screen and (max-width: 767px) {	
	div.calc-container.auto, div.calc-container.rv  {max-width:97%;}	
	div.calc-container.auto div.calc-results, div.calc-container.rv div.calc-results, div.calc-container.mma-calc div.calc-results 	{width:94%; margin:1% 1.5%;}
}


div.calc-error {font-size: 16px; font-size: 1rem; color: #a02237;  padding: 10px 15px; box-shadow: 5px 0 10px -5px #dedede, -5px 0 10px -5px #dedede; margin: 10px 0; border: 1px solid #cccccc; display: inline-block; }


/* plus and minus buttons */
a.calc-button { text-decoration: none !important;  background-color:transparent; color: #4C412A; }
a.calc-button:hover {color: #009fd6;}

div.post-interaction {margin-bottom: 10px; clear:both; }
div.calc-container .calc-disclaimer {width: auto; clear:both; display: block;}


/* input[type=text], input[type=tel], input[type=password], input[type=email], textarea, select {border: solid 1px #4d798f;  color: #4d798f;} */
/* .calc-value {font-weight:600;}
div.calc-container.mma-calc div.calc-results {width:29%; padding:10px 0; margin:20px 1.5%;}
div.mma-calc div.calc-form .calc-title {margin:2% auto 0;}*/

/* END: Custom Calculator/Widget Styles */


/* refresh 2022 */
.refresh-2022 .hp-help-title {font-size: 2.5rem; font-weight: 700; color: #000; font-family: 'Montserrat', sans-serif;}
.refresh-2022 .help-bar-content-container .hp-help-title { font-size: 1rem;}
.refresh-2022 .help-bar-content-container .hp-help-subtitle {font-size: 2.125rem; font-weight: 700;}
.refresh-2022 .help-bar-links .row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; justify-content: center;  width: 98%; margin: 1%;}
.refresh-2022 .hp-help-text {text-align: center;}
.refresh-2022 .help-bar-popup-content {/*justify-content: center;*/  margin-top: 20px; flex-wrap: nowrap; align-items: normal;}
.refresh-2022 .help-bar-popup-content p {margin-bottom: 2px;}
.refresh-2022 .help-bar-popup-i, 
.refresh-2022 .help-bar-popup-a, 
.refresh-2022 .help-bar-popup-d {width: 30%; padding: 30px 10px 30px 10px; background: #fff; margin: 10px; border-radius: 6px;  display: inline-flex; flex-direction: column;}
.refresh-2022 .resource-button {width: 30%; padding: 0 10px 0 10px;margin: 10px; border-radius: 6px;  display: inline-flex; flex-direction: column; text-align: center;}
.refresh-2022 div.help-bar-popup-outro {width: 100%; text-align: center; margin-top: 30px;}
.refresh-2022 .help-bar-icon-block { min-width: 250px; width: auto; display: inline-flex; flex: 1 0 25%; margin: 10px 0; border-radius: 4px; transition: all .3s ease; justify-content: center;}
.refresh-2022 .help-bar-icon-block:hover {transform: scale(1.05) }
.refresh-2022 .help-bar-icon-block:hover a, 
.refresh-2022 .help-bar-icon-block:hover span { color: #000 !important;}
.refresh-2022 .help-bar-icon {font-size: 2.5rem;}

/* homepage bar content deck */
.contentdeck.pers-blocks h3 {margin: 0; font-size: 2.5rem; font-weight: 700; color: #000; font-family: 'Montserrat', sans-serif;}
.contentdeck.pers-blocks div.deckinner {padding: 0 !important;}
.contentdeck.pers-blocks.onefourth .multicol-inner {padding-top: 0 !important;padding-bottom: 0 !important;}
.contentdeck.pers-blocks .refresh-2022 .help-bar-icon-block {margin: 0;}
.refresh-2022.hpbar .hprates{text-align: center; background-color: rgba(250,250,250,0.7); backdrop-filter: blur(10px);}
.refresh-2022.hpbar .contentdeck.white {background-color: transparent;}


/* photo topic blocks */
.help-bar-icon-block-link {position: relative; border-radius: 10px; overflow: hidden;    z-index: 1;    text-align: center;}
.help-bar-icon-block-link img {width: 350px; vertical-align: middle; height: 178px; object-position: top; object-fit: cover;}
.photo-block-overlay {
	position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 100px;
    z-index: 2;
    box-sizing: border-box;
    color: #000;
	font-weight: 700;
    text-align: center;
    vertical-align: bottom;
    background: linear-gradient(to bottom, rgba(219,240,250,0) 0%, rgba(219,240,250,.6) 50%,rgba(219,240,250,1) 100%);
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 10px;
}

.refresh-2022 a.help-bar-close {float: right; margin: 5px 10px 15px 10px; transition: all 0.4s cubic-bezier(0.49,0.99,0.54,0.98); line-height: 1; opacity: .6; font-size: 2rem; font-weight: 100;  z-index: 2; color: #000;}
.refresh-2022 a.help-bar-close .fa-times-circle:before {color: #fff}
.refresh-2022 a.help-bar-close:hover { opacity: 1; transform: scale(1.3);}
.refresh-2022 a.help-bar-close:active,a.help-bar-close:focus { outline: none;}

.refresh-2022 a.help-bar-close:before { background-color: #fff;}

@media screen and (max-width: 970px) { 
	.refresh-2022 .help-bar-popup-i, 
	.refresh-2022 .help-bar-popup-a, 
	.refresh-2022 .help-bar-popup-d {width: 100%; text-align: center;}	
	.refresh-2022 .help-bar-popup-content {flex-wrap: wrap;}
}
@media screen and (max-width: 768px) { 
	.hp-help-bar-container {width: 95%;}
	.hp-help-bar {flex-direction: column; white-space: normal; justify-content: center;}
	.hp-faux-select-box  {margin: 10px auto 0 auto; max-width: 100%; min-width: 300px; width: 98%;}
	.hp-help-bar-container {	margin-top: -110px; margin-bottom: -50px; max-width: 100%; text-align: center;}
	.help-bar-icon-block {width: 33%;}
	.hp-help-bar-button {margin: 20px auto; padding: 0;}
	.help-bar-popup-a, .help-bar-popup-d {width: 100%; text-align: center;}
	.refresh-2022 .help-bar-icon-block {width: auto; min-width: 33%; flex: 1 0 33%; max-width: 100%;}
}
@media screen and (max-width: 540px) { 
	.help-bar-icon-block {width: 50%; padding: 5px; font-size: 1rem;}
	.refresh-2022 .help-bar-icon-block {min-width: 50%; flex: 1 0 50%;}
	button.help-bar-close { top: -25px; right: -5px;}
	.help-bar-link {font-size: .9rem;}
	.help-bar-icon-block a {padding: 5px;}
	.hero-section div.second-row .help-bar-icon-block a { padding: 0 5px;}
}


@media screen and (max-width: 370px) { 
	.help-bar-icon-block {padding: 0;}
	.hp-help-title {font-size: 1.2rem;}
	button.help-bar-close { top: -8px; right: 0; width: 28px; height: 28px; font-size: 1rem;}
	.help-bar-content-container .hp-help-text {margin-bottom: 5px;}
}


/* modal-style blank page wrapper */

body.bodyclass_blank_wrapper_modal_style {background-color: #eef7fa; background: url(/img/wrapper-modal-blur-bg.jpg) no-repeat center center fixed; background-size: cover; height:100%;}
div.modal-style-container {display: flex; justify-content: center; position: relative; min-height: 100vh;}
div.modal-style-content {width: 100%; max-width: 1150px;}

body.bodyclass_blank_wrapper_modal_style h1.page-title {display: none;}
body.bodyclass_blank_wrapper_modal_style .wrapper.hasnobanner {padding-top: 0;}

/* pers-reset additions */

button.JQPERSreset {
	border: solid 2px #000000;
	background-color: #000000;
	font-size: inherit;
	font-weight: normal;
	padding: 13px 25px;
	cursor: pointer;
	color: #fff;
	margin: 5px 0 15px 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;
	border-radius: 5px;
	border-color: #008027;
	background-color: #008027;
	color: #fff;
}

button.JQPERSreset:hover {
	border: solid 2px #000;
	background-color: #fff;
	-moz-box-shadow: 1px 1px 5px #d1d1d1;
	-webkit-box-shadow: 1px 1px 5px #d1d1d1;
	box-shadow: 1px 1px 5px #d1d1d1;
	cursor: pointer;
	color: #000;
	background-color: #fff; 
	color:#000; 
}

button.JQPERSreset:active {
	-moz-box-shadow: inset 1px 1px 5px #d1d1d1;
	-webkit-box-shadow: inset 1px 1px 5px #d1d1d1;
	box-shadow: inset 1px 1px 5px #d1d1d1;
	background-color: #fff; 
	color:#000; 
}

div.pers-reset-container {margin: 10px 0 20px 0;}
div.pers-enable-container {margin: 10px 0 20px 0;}
div.pers-enable-container label { }


input.pers-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 62px;
    height: 32px;
    display: inline-block;
    position: relative;
    border-radius: 50px;
    overflow: hidden;
    outline: none;
    border: none;
    cursor: pointer;
    background-color: #008027;
    transition: background-color ease 0.3s;
    margin-left: 8px;
	vertical-align: text-bottom;
}

input.pers-toggle:before {
    content: "on off";
    display: block;
    position: absolute;
    z-index: 2;
    width: 28px;
    height: 28px;
    background: #fff;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    font: 10px/28px Helvetica;
    text-transform: uppercase;
    font-weight: bold;
    text-indent: -22px;
    word-spacing: 37px;
    color: #fff;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    transition: all cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s
}

input.pers-toggle:checked {background-color: #008027;}
input.pers-toggle:checked:before {left: 32px}
input.pers-toggle:before {content: " "}
input + label span.pers-text-off {color: #212529; display: inline}
input + label span.pers-text-on {display: none}
input:checked + label span.pers-text-off {display: none}
input:checked + label span.pers-text-on {color: #008027; display: inline; font-weight: bold}



/* overrides for chat and alert placement */
.site-alerts {bottom: 70px;}
.alert {margin-bottom: 5px !important;}
#salemove .sm-visitor-app {bottom: 7px !important; right: 10px !important;}
.FadingTopArrow {bottom: 19px; right: 170px;}
@media screen and (max-device-height: 500px) and (max-device-width: 768px), screen and (max-device-width: 1024px) {
	#salemove .sm-touch-draggable-lower-right {bottom: 7px; right: 10px !important;}
	.FadingTopArrow {right: 80px;}
}

/* new icon-buttons, both large and small */

.icon-button-container {display: inline-flex; margin: 5px; font-family: 'Roboto', sans-serif;}
.icon-button-container a { background-color: #fff;
    color: #000;
    font-size: 22px;
    border-radius: 5px;
    border: 2px solid #008027;
    padding: 10px 20px;
    transition: all .3s;
    text-decoration: none;
	width: auto;
	display: flex;
	justify-content: flex-start; gap:10px; align-items: center;
}
.icon-button-container a:hover {text-decoration: none !important; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);  color: #008027;}

.icon-button-container span {font-size: 2rem; padding-right: 10px; color: #008027;}
.icon-button-container .icon-button-title {}
.icon-button-container .icon-button-subtitle {font-size: 1rem;}

.icon-button-large {min-width: 48%;}
.icon-button-large a {width: 100%;}

@media screen and (max-width: 768px) { 
	.icon-button-large {min-width: 98%;}
}

.icon-button-small a {padding: 2px 10px;}
.icon-button-small span.icon-button-icon {font-size: 1rem; padding: 0;}
.icon-button-small .icon-button-title {font-size: 1rem; color: #008027; }
.icon-button-small .icon-button-subtitle {display: none;}

/* end of file */