@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 ul.slides li { margin: 0; }

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

.outer-slide {
	overflow: hidden;
/*	max-width: 1280px; */
	margin: auto;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.banner-int .outer-slide { border: none; }

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

.banner-inner {
	max-width: 1280px;
	margin: auto;
	padding: 10px 10px 10px 18px;
	min-height: 470px;
}

/*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;
	margin: 50px 10px 10px 0;
	max-width: 65%; /* was 45 */
	padding: 20px 20px 20px 0;
}

.banner-title {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 47px;
	font-size: 2.9375rem;
	font-weight: 300;
}

.banner-subtitle {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 30px;
	font-size: 1.875rem;
	font-weight: 300;
}

.banner_copy {font-family: 'Source Sans Pro', sans-serif; font-weight: 300; padding: 2% 0; }


.banner-title, .banner-subtitle {
	margin: 1% 0;
	line-height: 1.2;
}

/*darken the image?*/
.banner-overlay.darken1 { background-color: rgba(72,76,81,0.2); }

/* old positioning styles*/
.banner-image.bannerimgtop { background-position: 0 100%; }
.banner-image.bannerimgmid { background-position: 0 50%; }
.banner-image.bannerimgbot { background-position: 0 0%; }

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


.flex-control-nav {bottom: -10px !important;}


/*apply a text shadow?*/
.shadow1 .banner-title, .shadow1 .banner-subtitle, .shadow1 .banner-copy p { text-shadow: 2px 2px 12px 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 { color: #fff; }

.txt-light .banner-subtitle { color: #fff; }

.txt-light .banner-copy, .txt-light .banner-copy p { color: #fff; }

/*dark text*/
.txt-dark .banner-title { color: #2A2929; }

.txt-dark .banner-subtitle { color: #2A2929; }

.txt-dark .banner-copy, .txt-dark .banner-copy p { color: #2A2929; }

.banner-body .fancy-button a {
	background: #BAD531;
	color: #fff !important;
	border: none !important;
	font-size: 19px;
	font-size: 1.1875rem;

	padding: 10px 20px 12px 20px;
}

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

.banner-inner .banner-body { max-width: 100%; }
.banner-title {font-size: 2.25rem;}
.banner-subtitle {font-size: 1.5rem;}
}

@media screen and (max-width:560px) {
.banner-title {font-size: 1.75rem;}
.banner-subtitle {font-size: 1.25rem;}

.banner-inner { padding: 0; }

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

.banner-inner .banner-body {
	max-width: 90%;
	margin: 0;
	padding: 5%;
}

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

/*1.2 Interior Banner Design*/

.banner-int .banner-body, .banner-int .banner-image { height: 460px; overflow:hidden;}

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

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

div.cta a {
	width: auto;
	padding: 10px 5%;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight:400;
	margin: 0 auto 0 0;
	text-align: center;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	background: #ccc;
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	transition: background .5s ease;
	float:left;
	border: solid 2px #ccc;
	
}
div.content div.cta a {width: auto;}

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: #6b6b6b; border-color: #6b6b6b;}

div.cta.theme1 a:hover { background-color: #fff; color: #6b6b6b;}

div.cta.theme2 a { background-color: #BAD531; border-color:#BAD531; color:#003f5f;}

div.cta.theme2 a:hover { background-color: #fff; color:#003f5f;}

div.cta.theme3 a { background-color: #636466; border-color:#636466;}

div.cta.theme3 a:hover { background-color: #fff; border-color: #636466; color: #636466; }

div.cta.theme4 a { background-color: #ff4032; border-color:#ff4032;}

div.cta.theme4 a:hover { background-color: #fff; color:#ff4032}

div.cta.theme5 a { background-color: #982b65; border-color:#982b65;}

div.cta.theme5 a:hover { background-color: #fff; color:#982b65;}

.cta.altfont a {}

/*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.promo-area div.cta a  {background-color: #ffffff; color: #6b6b6b; border: none;  font-weight: bold;}
div.sidebar div.cta a {width: 89%;}

div.mega-cta {display: block; overflow: hidden;}
div.mega-cta a {padding: 8px 20px 15px 20px;}
div.mega-cta a span.iconic {font-size: 2rem; display: inline; vertical-align: middle; margin-right: 5px;}
div.mega-cta span.cta-phrase {font-size: 1.2rem; display: inline; line-height: 1.4rem;}


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

.promotion {
	padding: 0;
	/* margin: 10% 0; */ margin: 0 0 20px 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;
	clear: both;
}

.promotion .inner { padding: 5%; }

.promotion p {
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 20px;
	line-height: 1.25rem;
	text-align: left;
	margin: 5% 1% 0;
	
	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;	
	margin:20px 0 0 !important;
	opacity:1.0 !important;
}

/*Theme 1*/


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

.promotion.theme1 .inner h3 { color: #003f5f; font-weight:400;}

.promotion.theme1 .button {
	background-color: #003f5f;
	border-color: #003f5f;
	color:#fff;
}

.promotion.theme1 .button:hover {
	background-color: #4d798f;
	border-color: #4d798f;
}

/*Theme 2*/

.promotion.theme2 {
	background-color: #fff;
	border-color: #6b6b6b;
}

.promotion.theme2 h3 { color: #6b6b6b;  font-weight:700;}

.promotion.theme2 .button {
	background-color: #003f5f;
	border-color: #003f5f;
	font-weight:700;
	color:#fff;
}

.promotion.theme2 .button:hover {
	background-color: #4d798f;
	border-color: #4d798f;
}

/*Theme 3*/

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

.promotion.theme3 h3 { color: #4d798f; border-bottom:solid 1px #4d798f; font-weight:300;}

.promotion.theme3 .button {
	background-color: #4d798f;
	border-color: #4d798f;
	color:#fff;
}

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

/*Theme 4*/

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



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


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

.promotion.theme4 .button:hover {
	background-color: #9bc827;
	border-color: #9bc827;
	box-shadow:none;
}

/*Theme 5*/

.promotion.theme5 { background: #BAD531; }

.promotion.theme5 a.button {
	background: #003f5f;
	border:none;
	color: #fff !important;
}

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

.promotion.theme5 a.button:hover {
	box-shadow: none;
	background: #075e8b;
}

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

/*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: #4f8cb1; }

.testimonial.testimonial-theme1:after { border-top-color: #4f8cb1; }

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

.testimonial.testimonial-theme2:after { border-top-color: 6d712e; }

.testimonial .inner:before, .testimonial .inner:after {
	font-family: FontAwesome;
	font-size: 24px; font-size: 1.5rem;
	font-weight: normal;
}

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

	width: 100%;
}

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

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

#hprates a {text-decoration: none;}

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

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

.rate-promotion .fr-title {
	color: #6b6b6b;
	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.onewhole .inner, .contentdeck.onehalf .inner, .contentdeck.onethird .inner, .contentdeck.onefourth .inner, .contentdeck.onefifth .inner, .contentdeck.icon-grid .inner { max-width: 1280px !important; }

.contentdeck.onewhole .multicol-inner, .contentdeck.onehalf .multicol-inner, .contentdeck.onethird .multicol-inner, .contentdeck.onefourth .multicol-inner, .contentdeck.onefifth .multicol-inner { padding: 20px 40px 20px 18px !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% !important; }

div.contentdeck {/*  padding: 2% 0; */ padding: 10px 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;
	}

	/* .contentdeck.onehalf .multicol-inner, .contentdeck.onethird .multicol-inner, .contentdeck.onefourth .multicol-inner, .contentdeck.onefifth .multicol-inner {
		padding-right: 0 !important;
	} */
}

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

div.contentdeck h2, h3, h4 {

	margin: 8px 0 15px 0;
}

div.contentdeck .deck-title {margin: 8px 0 0 0; text-align: center; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 30px; font-size: 1.875rem;}
div.multicol-intro {margin: 0; text-align: center;}

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

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

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

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


/*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.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 .rate-promotion .fr-title, div.contentdeck.gray .rate-promotion .fr-title { color: #fff !important; }*/

/*the following is a custom color application to make the elements green within charcoal decks*/
div.contentdeck.brandcolor.clr2-bg-dark, div.contentdeck.brandcolor.clr2-bg-dark h2, div.contentdeck.brandcolor.clr2-bg-dark h3, div.contentdeck.brandcolor.clr2-bg-dark h4, div.contentdeck.brandcolor.clr2-bg-dark h5, div.contentdeck.brandcolor.clr2-bg-dark h6, div.contentdeck.brandcolor.clr2-bg-dark p, div.contentdeck.brandcolor.clr2-bg-dark a { color: #BAD531 !important; }

div.contentdeck.brandcolor a.button {color: #003f5f !important;}
div.contentdeck.brandcolor a.button.button1, div.contentdeck.brandcolor a.button.button2, div.contentdeck.brandcolor a.button.button3, div.contentdeck.brandcolor a.button.button4, div.contentdeck.brandcolor a.button:hover {color: #ffffff !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 .multicol-inner p {    margin: 0 0 20px 0;}

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




/* stretch deck styles */

div.contentdeck.stretch-deck-on {padding: 0 !important; max-width: 100%;  overflow: hidden;}
div.contentdeck.stretch-deck-on .deckinner {padding: 0 !important; max-width: 100%;}
div.contentdeck.stretch-deck-on .deckinner  p{margin: 0 !important; }
div.contentdeck.stretch-deck-on .deckinner .inner {margin: 0 !important; padding: 0 !important;}

div.stretch-deck-on img {object-fit: cover;  height: auto;   min-height: 250px;  object-position: center; vertical-align: middle; width: 100%; min-width: 100%; max-width: 100%;}
div.stretch-deck-on img.img_orig {}

@media screen and (max-width:767px) {
div.contentdeck.stretch-deck-on {padding: 0 !important; max-width: 100%; max-height: 100%; overflow: visible;}
}




/* testimonial feature styles */
.deckinner .deck-quote {padding: 50px 70px 20px 80px;   margin: 1em 0; position: relative;}


.deckinner .deck-quote-text {font-size: 20px; font-size: 1.25rem; line-height: normal; }

.deckinner .deck-quote-text:before {content: open-quote;  
font-family: 'Source Sans Pro', sans-serif; font-weight: bold;  font-style: italic; font-size: 140px; display: block; position: absolute;
left: 0; top: -30px; color: rgba(186,213,49,0.75);}

.deckinner .deck-quote-text:after {content: close-quote;  
font-family: 'Source Sans Pro', sans-serif; font-weight: bold;  font-style: italic; font-size: 140px; display: block; position: absolute;
right: 25px; bottom:-80px; color: rgba(186,213,49,0.75);}


.deckinner .deck-quote-name {font-style: italic;}






/* ================ 6. Icon Features ================ */


div.icon-deck.deck-feature { text-align: center; }
div.icon-deck.deck-feature .inner { padding: 0 15px 15px 15px;}




/*if not toggled as a landing nav item*/
div.icon-deck.deck-feature h4 {
	font-size:24px !important; font-size: 1.5rem !important;
	margin:0;
	padding:1%;
	text-align:center;
}

div.icon-deck .deck-feature .deck-copy {
	font-size:14px !important;
	font-size: 0.875rem !important;
	font-weight: 100;
	line-height: 17px;
	line-height: 1.0625rem;
}


div span.icon-feature {font-size:60px;}


/*if is toggled as a landing nav item*/
div span.icon-feature.nav-icon {font-size:22px; font-size: 1.375rem; display:block; float:left; width:20%;}

div.nav-icon-title {display:block; float:left; width:80%; text-align:left; font-size:16px; font-size: 1rem; line-height:17px;}




/*for font awesome*/
.deck-feature h3.deck-icon.fa { padding: 0; }
.deck-feature h3.deck-icon.fa:before {
	margin: 0 10px;
	font-family: FontAwesome;
	font-weight: 300;
}

div.deck-icon, div.icon-deck h4.deck-title {display: inline;}

div.icon-deck a:link, div.icon-deck a:visited { text-decoration: none !important;}

div.icon-deck .deck-title {font-weight: 300;}






/* ================ 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: left;
	padding: 1%;
}

div.footer_quicklinks h4 {
	margin: 0px;
	padding: 0px;
	line-height: normal;
}

div.footer_quicklinks a { }

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

div.footer_quicklinks ul li {
	margin: 2px 0px 6px 0px;
	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 {	
	color: #6b6b6b;
	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: #6b6b6b;
	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;}
}

div.contentdeck.brandcolor.clr2-bg-med a.button, div.contentdeck.brandcolor.clr2-bg-dark a.button, div.contentdeck.white a.button {
    background: #BAD531 !important;
    color: #fff !important;
    border: none !important;
    font-size: 19px;
    font-size: 1.1875rem;
    padding: 10px 20px 12px 20px;
}

div.contentdeck.brandcolor.clr1-bg-lite a.button {
    background: #2a2829;
    color: #fff !important;
    border: none !important;
    font-size: 19px;
    font-size: 1.1875rem;
    padding: 10px 20px 12px 20px;
}
div.contentdeck.brandcolor.clr2-bg-med a.button:hover, div.contentdeck.brandcolor.clr2-bg-dark a.button:hover, div.contentdeck.white a.button:hover {    background: #BAD531;}
div.contentdeck.brandcolor.clr1-bg-lite a.button:hover {    background: #6B6B6B ;}

.txt-light .banner-subtitle a {color: #fff;}

.clr1-bg-lite .deckinner .deck-quote-text:before, .clr1-bg-lite .deckinner .deck-quote-text:after  {    color: rgba(0,0,0,0.5);}

div.copilot-acronym {background-color: #2a2829; color: #fff; font-size: 0.8rem; text-align: center; margin: 0;}
div.copilot-acronym ul {display: inline; list-style-type: none; padding: 5px 10px;  display: inline-block;  margin: 0;}
div.copilot-acronym ul li {display: inline-block; list-style-type: none; margin: 0 5px;}
.copilot-acronym b {display: inline-block; font-size: 1rem; color: #bad531; }

/* removing Make a Loan Payment button from CoPilot only */
div.copilot div.header-mobile li.nav-item div.fancy-button {display: none;}


/* custom styles to accommodate for long testimonial - was in a style block within homepage code */
/* custom styles to accommodate for long testimonial */
	@media screen and (max-width: 1405px){
	 div#homepage-testimonial.contentdeck.onethird-twothirds .multicol1, div#homepage-testimonial.contentdeck.twothirds-onethird .multicol1,  div#homepage-testimonial.contentdeck.onethird-twothirds .multicol2, div#homepage-testimonial.contentdeck.twothirds-onethird .multicol2 
	{width: 50% !important;}
	.deckinner .deck-quote-text {font-size: 1.1rem}
	}

	@media screen and (max-width: 1200px){
	 div#homepage-testimonial.contentdeck.onethird-twothirds .multicol1, div#homepage-testimonial.contentdeck.twothirds-onethird .multicol1,  div#homepage-testimonial.contentdeck.onethird-twothirds .multicol2, div#homepage-testimonial.contentdeck.twothirds-onethird .multicol2
	{width: 50% !important;}
	 div#homepage-testimonial .deckinner .deck-quote-text {font-size: 1rem}
	}

	@media screen and (max-width: 1140px){
	div#homepage-testimonial.contentdeck.onethird-twothirds .multicol1, div#homepage-testimonial.contentdeck.twothirds-onethird .multicol1,  div#homepage-testimonial.contentdeck.onethird-twothirds .multicol2, div#homepage-testimonial.contentdeck.twothirds-onethird .multicol2
	{width: 100% !important;    display: block;    float: none;}
	div#homepage-testimonial .deckinner .deck-quote-text {font-size: 1.25rem}
	}