@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.home-banner-height div.flexslider {height: 536px; background-color: #003E60;}
div.flexslider ul.slides li { margin: 0; }

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

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

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

.banner-inner {
	max-width: 1120px;
	margin: auto;
	padding: 10px;
	min-height: 536px;
}

.banner-copy {
	font-size: 0.9em;
	margin: 0 0 12px 0;
}

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

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

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

div.banner-title {font-size: 55px; font-size: 3.4375rem; letter-spacing: -1px; margin: 0 0 25px 0; font-weight: 700; line-height: 55px; 
	font-family: 'Barlow Condensed', sans-serif;}
div.banner-subtitle {font-size: 27px; font-size: 1.6875rem; margin: 0 0 25px 0; font-weight: 500;}

div.banner-int div.banner-title {font-size: 42px; font-size: 2.625rem; letter-spacing: -1px; margin: 0 0 25px 0; font-weight: 500;}
div.banner-int div.banner-subtitle {font-size: 24px; font-size: 1.5rem; font-weight: 500;}

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

/*light text*/
.txt-light div.banner-title { color: #fff; }
.txt-light div.banner-subtitle { color: #fff;}

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

/*dark text*/
.txt-dark div.banner-title  { color: #004976;}
.txt-dark div.banner-subtitle { color: #004976;}

.txt-dark .banner-copy { color: #333; }



.banner-overlay.darken1 { background-color: rgba(0,0,0,0.27); }

.banner-body.shadow1 h2, .banner-body.shadow1 h3, .banner-body.shadow1 .banner-copy { text-shadow: 1px 1px 12px #000; }
.banner-body.shadow1 .banner-title, .banner-body.shadow1 .banner-subtitle { text-shadow: 2px 1px 4px #666; }
.banner-body.shadow1 .banner-copy p { text-shadow: 2px 1px 4px #000; }

.banner-body .fancy-button a {
	background: #E04E00;
	color: #fff !important;
	border: none !important;
}

.banner-ctas {
	width: 160px;
	float: right;
}

.banner-ctas a {
	font-weight: 100;
	width: 96%;
	padding: 12px 1% !important;
	text-align: center;
}

.banner-ctas .locator {
	background-color: #005d86;
	width: 100%;
	color: #fff;
	margin:5px 0;
}

.banner-ctas-mobile {
display:none;}



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

.banner-body { max-width: 100%; }
.banner-ctas {
display:none;}

.homepage .banner-ctas-mobile {
 width:100%; display:table;}

.homepage .banner-ctas-mobile a.button {width:27.33333333333333%; padding:1% 3%; margin:0; border:none; text-align:center; display:table-cell;}


}

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

.banner-inner { padding:0; }

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

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

.banner-body h2, .banner-body h3 { margin: 6% 0; }

.banner-body h2 { font-size: 48px;  font-size: 3rem;}

.banner-body h3 { font-size: 28px;  font-size: 1.75rem;}

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

div.banner-inner .button {font-size: 23px; font-size: 1.4375rem; opacity: 1;}


/*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: 5px auto;
	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: #004976; border-color: #004976;}

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

div.cta.theme2 a { background-color: #6BA539; border-color:#6BA539; 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: #EF3340; border-color:#EF3340;}

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

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: #004976; 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: #004976;
}

.promotion.theme2 h3 { color: #004976;  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: #004976;
	border-color: #004976;
}



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


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

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

/*Theme 5*/

.promotion.theme5 { background: #6BA539; }

.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: #5B6770; }

.testimonial.testimonial-theme1:after { border-top-color: #5B6770; }

.testimonial-theme2 { background-color: #6BA539; }

.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: #004976;
	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: 1120px !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.onefourth-threefourths .multicol3, .contentdeck.onefourth-threefourths .multicol4, .contentdeck.onefourth-threefourths .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: 1120px;
	margin: auto;
}

div.contentdeck h2, h3, h4 {

	margin: 8px 0 15px 0;
}

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

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

div.contentdeck.light-grey-bg {background-color: #A0B5C5;}

div.contentdeck.brandcolor.clr2-bg-dark { background-color: #6BA539 !important; }

/*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 blue within brandcolor 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: #003f5f !important; }

 div.contentdeck.light-grey-bg, div.contentdeck.light-grey-bg h2, div.contentdeck.light-grey-bg h3, div.contentdeck.light-grey-bg h4, div.contentdeck.light-grey-bg h5, div.contentdeck.light-grey-bg h6, div.contentdeck.light-grey-bg p, div.contentdeck.light-grey-bg .intro, div.contentdeck.light-grey-bg .rate-promotion .fr-title
 { color: #003555 !important; }
 
  div.contentdeck.light-grey-bg a { color: #003555; }

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 ul {padding-left: 18px;}


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


.deck-feature { text-align: center; }

.deck-feature .inner {
    padding: 8px 20px 13px 20px;
}




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

.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; font-size: 3.75rem;}


/*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: 4px 0; }
.deck-feature h3.deck-icon.fa:before {
	margin: 0 10px;
	font-family: FontAwesome;
	font-weight: normal;
}

.deck-feature a { text-decoration: none; display: inline-block; background-color: #009CDE; border: 2px solid #008ac6; width:160px; height:160px;
-webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px; color: #fff;}

.deck-icon span.fa, .deck-icon span.iconic {font-size:3.75rem; color: #fff;}

.deck-feature a.lower-icon {margin-top: 40px;}
.deck-feature a h4 { line-height: 1; font-family: 'Barlow Condensed', sans-serif; font-size: 24px; font-size: 1.5rem; color: #fff; margin-top: 4px;}

@media screen and (max-width: 940px) {
.deck-feature a {width:120px; height:120px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px;}
.deck-icon span.fa, .deck-icon span.iconic {font-size:2.75rem;}
.deck-feature a h4 {    font-size: 14px;    font-size: .875rem;}
}


@media screen and (max-width: 767px) {
.deck-feature a {width:160px; height:160px; -webkit-border-radius: 80px; -moz-border-radius: 80px; border-radius: 80px;}
.deck-icon span.fa, .deck-icon span.iconic {font-size: 3.75rem;}
.deck-feature a h4 {font-size: 24px; font-size: 1.5rem;}

.deck-feature a.lower-icon {margin-top: 0; margin-left: 60px;}
.deck-feature a.higher-icon {margin-top: 0; margin-right: 60px;}
}


/* ================ 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: #004976;
	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: #004976;
	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;
}
}





/ 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 calculator grid styles */

.hpupdates.calculator-grid .update a .inner h2 {    margin-top: 175px;}
.hpupdates.calculator-grid .inner.grid-image {background-position: center center;}

@media screen and (max-width: 980px){
	.hpupdates.calculator-grid .update a .inner h2 {    margin-top: 0;}
}