@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 { margin: 0; }

div.flexslider ul.slides li div.banner div.outer-slide div.banner-inner {
	max-width: 1120px;
	margin: auto;
	margin-top: 110px; /* push body down below absolute header */
}

.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: 559px;
	max-height: 559px;
}

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

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

.banner-title {
	font-size: 2.7777rem;
	font-weight: 500;
}

.banner-subtitle {
	font-size: 1.77777rem;
	font-weight: 300;
}

.banner_copy { padding: 2% 0; }

.banner-int .banner-title {
	font-size: 2.55555rem;
	font-weight: 300;
}

.banner-int .banner-subtitle {
	font-size: 1.422222rem;
	color: #003087;
	font-weight: 300;
}

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



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

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

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

.banner-image.bannerimgbot { background-position: 0 0%; }

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

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

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

	padding: 10px 20px;
}

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

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






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

/*2.1 Call to action button designs*/
div.cta { text-align: center; }
div.content  div.cta {display: block;}
div.cta a {
	width:90%;
	padding: 10px 5%;
	font-size: 22px;
	font-size: 1.2rem;
	font-weight:400;
	margin: 10px auto;
	text-align: center;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	background: #787878;
	-webkit-transition: background .5s ease;
	-moz-transition: background .5s ease;
	transition: background .5s ease;
	/* float:left;*/
	border: solid 2px #ccc;
	
	
}



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

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

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



div.cta.theme1 a { background: #007D38; border-color: #007D38; }

div.cta.theme1 a:hover {    background: #009944;}

div.cta.theme2 a {  background:#82BC00; border-color: #82BC00; color:#131314;}

div.cta.theme2 a:hover { background: #b7e4b2;  }

div.cta.theme3 a {  background:#55565A;  border-color: #55565A;}
div.cta.theme3 a:hover { background: #131314;  }

div.cta.theme4 a { background: #00B3E3; border-color: #00B3E3; color:#000;}
div.cta.theme4 a:hover { background: #00C9FF; }

div.cta.theme5 a { background-color: #fff; border-color:#3164a1; color:#3164a1;}

div.cta.theme5 a:hover { background-color: #dedede; color:#3164a1;}



.cta.altfont a {}

/*if the cta is in the content area of the page, do this...*/

div.content div.cta a{/*width: auto;width: 100%;*/ }



/* div.promo-area div.cta a  {background-color: #ffffff; color: #26556f; border: none;  font-weight: bold;}*/
div.content div.cta a {width: auto; min-width: 300px;}
div.content div.list div.cta a {min-width: 150px;}
div.sidebar div.cta a {width: 89%; min-width: 0;}

@media screen and (max-width:1067px) {
div.content div.cta a {min-width: 250px;}
}
}


@media screen and (max-width:767px) {
div.content div.cta a {width: 89%; min-width: 200px;}
}
}


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 #bbbbbb;
	-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: 1.25;
	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 2px #131314;
}

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

.promotion.theme1 .button {
	background-color: #55565A;
	border-color: #55565A;
	color:#fff;
}

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

/*Theme 2*/

.promotion.theme2 {
	background-color: #fff;
	border-color: #82BC00;
	border-width:2px;
}

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

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

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

/*Theme 3*/

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

.promotion.theme3 h3 { color: #007D38; border-bottom:solid 2px #bbbbbb; font-weight:300;}

.promotion.theme3 .button {
	background-color: #3164a1;
	border-color: #3164a1;
	color:#fff;
}

.promotion.theme3 .button:hover {
	background-color: #fff;
	border-color: #3164a1;
	color:#3164a1;
}

/*Theme 4*/

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

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

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


.promotion.theme4 .button {
	background-color: #AECF64;
	border-color: #AECF64;
	color:#000;
}

.promotion.theme4 .button:hover {
	background-color: #fff;
	border-color: #fff;
	box-shadow:none;
	color:#007D38;
}

/*Theme 5*/

.promotion.theme5 { background: #bbbbbb; border-color:#82BC00; }

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

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

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

/*Begin Testimonials*/

.testimonial {
	position: relative;
	margin-bottom: 15px;
	background-color: #131314;
	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: #131314;
	border-width: 6px;
	margin-left: 25px;
	left: 25px;
}

/*SG*/
.testimonial-theme1 { background-color: #131314; }

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

.testimonial-theme2 { background-color: #fff; border:solid 2px #404040; }
.testimonial-theme2 p {color:#404040;}

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

.testimonial .inner:before, .testimonial .inner:after {
	font-family: FontAwesome;
	font-size: 16px; font-size: 1rem;
	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: #404040; }
.testimonial-theme2 .inner:before, .testimonial-theme2 .inner:after {color: #404040;}

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

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

}

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

div.contentdeck.brandcolor { /*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; }

/*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. Featured Rates and Featured Icons ================ */

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

/*conditionally style rate*/
.ratefeature {}

/*conditionally style icon*/
.iconfeature {}

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

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

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


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

.ratefeature h4 {font-size:2rem; font-weight:300;}

/*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:#131314 !important; color:#131314;}
/*font awesome icons*/

.iconfeature .fa {font-size:4rem;}


/*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:#82BC00 !important;}
.feature-color3 .button, .feature-color3 div {border-color:#82BC00 !important; color:#82BC00 !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:#131314 !important;}
.white .feature-color2 .button, .white .feature-color2 div {border-color:#131314 !important; color:#131314 !important;}

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

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

.white .featureblock .button {border-color:#131314 !important; color:#131314 !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: 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 {	
	
	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: #82BC00 !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;}

/* requested by client */
div.iconfeature a, div.iconfeature a:link, div.iconfeature a:visited {text-decoration: none;}
div.iconfeature a:hover, div.iconfeature a:active  {text-decoration: underline;}

/* menu overlaps login box when browser text is set at Large */

div.nav-main ul.nav-menu li.nav-item a {	-moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}



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



/* surveys and polls */
div#L9pollForm_div {display: block; clear: both; border: 1px dashed #dedede; margin: 15px 0; padding: 15px;}

div#L9pollForm_div .aid:empty {display: none; }
div#L9pollForm_div .errormsg {text-align: center; color: #444; }

div#L9pollForm_div .form-field {padding: 0; margin: 0;}
div#L9pollForm_div .label { font-size: 1.25rem; line-height: 1; display: inline-block; width: 100%; text-align: center; margin-bottom: 10px;}
div#L9pollForm_div .input {width: 100%; padding: 0; margin: 0; text-align: center;}
 
ul.poll_qa, ul.poll_qa li, ul.poll_qa li ul, ul.poll_qa li ul li {list-style: none; margin: 0; padding: 0; overflow: hidden;  text-align: center;}
ul.poll_qa li ul li {display: inline-block; margin: 0 10px 10px 0;}

div#L9pollForm_div div.form-field div.submit {border: none; margin: 0 auto; padding: 0;}
div#L9pollForm_div div.form-field .button.submit {float: none; width: 150px;}

div.sidebar ul.poll_qa li {display: block; text-align: center; margin: 0 0 10px 0;}
div.sidebar div#L9pollForm_div {margin: 10px 0;}
div.sidebar div#L9pollForm_div .label {margin: 0;}

	/* radio buttons to real buttons */

div#L9pollForm_div input[type="radio"] {  opacity: 0;  position: fixed;  width: 0;}
div#L9pollForm_div .input label {
	margin: 0;
    	display: inline-block;
	background-color: #eee;
	padding: 5px 10px;
	font-family: sans-serif, Arial;
	font-size: 16px;
	border: 1px solid #ddd;
	opacity: .9;
	transition: all .3s ease;
}
div#L9pollForm_div .input input[type="radio"]:checked + label {background-color:#fff;    border-color: #ccc;  opacity: 1;}
div#L9pollForm_div .input input[type="radio"]:focus + label {border: 1px dashed #999;}
div#L9pollForm_div .input label:hover {background-color: #fff;  cursor: pointer;}


.poll_results_title {line-height: 1.2;}
.poll_results_title .results-question {font-size: 1.25rem; line-height: 1; /* match to label style above */}
.sidebar img.results-piechart {margin: 10px 0 0 0;}
.survey_legend {display: block; text-align: center;}
.legend-per {display: inline-block; font-weight: bold; font-size: 1rem;}
.legend-item {display: inline-block;}
.legend-box {display: inline-block; width: auto;  padding: 8px 10px; margin: 5px 0; color: #000; line-height: 1.1;}