@charset "UTF-8";

/* Version 4 - for website updates 1/2023 */


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:none;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing: border-box;}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.warning, .svghide {display: none;}
#navigationMobile {display: none;}

body {
  font-size: 1.1em;
  position: relative;s
  line-height: 1.4;
  font-weight: normal;
  font-family: 'Proxima Nova', sans-serif;
  color: #5b6065;
  background-color:#003d6d; /* Footer color */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing:grayscale;
  }

.wrapper {
	width:100%;
	position: relative;
	float:left;
	background:#ffffff;
	background-size: 100%;
	min-height:400px;
	padding-top: 90px;
	padding-bottom:0;
	overflow: hidden;
}



#ieannounce { background: #8D0002; color: #fff; font-weight: 700; text-align: center; padding: 20px 20vw; }
#ieannounce a:link, #ieannounce a:visited { color: #fff; }
#ieannounce a:hover, #ieannounce a:active { text-decoration: underline; }


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width:960px; /* width for ie 8 */
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  clear:both;}
@media (min-width: 768px) {
	.container {
		  width: 90%;
		  max-width: 1100px; /* page width in modern browsers*/
	}
}
.column,
.columns {
  float: left;
  box-sizing: border-box; }
.row { margin-bottom: 20px; clear:both;}

/* Based on Skeleton V2.0.4, Copyright 2014, Dave Gamache, www.getskeleton.com */

  .column,.columns 				{margin-left: 4%;}
  .column:first-child,
  .columns:first-child 			{margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }



@media (max-width: 767px) {

 .column, .columns		{width: 100% !important; clear:both; margin:0; }
 .container				{width: 85%; padding: 0;}
 header .container		{width: 100%;}

 /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns,
  .offset-by-two.column,
  .offset-by-two.columns,
  .offset-by-three.column,
  .offset-by-three.columns,
  .offset-by-four.column,
  .offset-by-four.columns,
  .offset-by-five.column,
  .offset-by-five.columns,
  .offset-by-six.column,
  .offset-by-six.columns,
  .offset-by-seven.column,
  .offset-by-seven.columns,
  .offset-by-eight.column,
  .offset-by-eight.columns,
  .offset-by-nine.column,
  .offset-by-nine.columns,
  .offset-by-ten.column,
  .offset-by-ten.columns,
  .offset-by-eleven.column,
  .offset-by-eleven.columns,
  .offset-by-one-third.column,
  .offset-by-one-third.columns,
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns,
  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 0; }


}









/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */


h1, h2, h3, h4, h5, h6 { margin-top: .5em; margin-bottom:.2em; font-weight: 700; color:#00578a; }

h1 { font-size: 2em;   line-height: 1; text-transform:uppercase;  }
h2 { font-size: 1.8em;   line-height: 1.1;  text-transform:uppercase; }
h3 { font-size: 1.6em; line-height: 1.1;  text-transform:uppercase; }
h4 { font-size: 1.4em; line-height: 1.1;  text-transform:uppercase; color:#3cb7c1; }
h5 { font-size: 1.2em; line-height: 1.2;  }
h6 { font-size: 1em;   line-height: 1.2;  }

.borderBottom {border-bottom: 2px solid #abd03e; padding-bottom: .3em;}



p {margin: 0 0 .6em 0;}

.smallText {
	font-size: 11px;
	color: #999;
	margin:2px 0 2px 0;
	line-height:normal;
}

.smaller {font-size:85%;}
.larger {font-size: 120%;}

.alignCenter	{text-align:center;}
.alignLeft		{text-align:left;}
.alignRight		{text-align:right;}
.alignLeftMobileCenter		{text-align:left;}
.alignRightMobileCenter		{text-align:right;}
.alignTop		{vertical-align: top;}


@media only screen and (max-width: 767px) {
	.alignLeftMobileCenter		{text-align:center;}
	.alignRightMobileCenter		{text-align:center;}
}


sup {font-size:50%;vertical-align: super;}
sub {font-size:50%;vertical-align: sub;}

.nowrap {white-space:nowrap;}

blockquote {
	width:90%;
	padding:.1em 4%;
	margin:20px auto 20px 0;
	border-left:4px solid #666666;
	font-style:italic;
}

blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5 {margin:0 0 0.2em 0; color:#666666; font-style:normal;}

.columnsTwoText {
	-webkit-column-count: 2;
	     column-count: 2;
	-webkit-column-gap: 2em;
	     column-gap: 2em;
}


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {list-style: square outside; }
ol {list-style: decimal outside; }
ol, ul {padding-left: 1em; margin-top: 0; }
ul ul, ul ol, ol ol, ol ul {margin: .5em 0;  }
li {margin-bottom: .5em; }


/* Images
------------------------------------------------------- */
img.scale-with-grid, .editor img {max-width: 100%; height: auto; }

.photoRight 		{float:right; margin:4px 0 4px 6px;}
.photoLeft  		{float:left; margin:4px 6px 4px 0;}
.photoRightBorder 	{float:right; margin:6px 0 6px 8px; padding:2px; border:#b0b0b0 1px solid;}
.photoLeftBorder  	{float:left; margin:6px 8px 6px 0; padding:2px;  border:#b0b0b0 1px solid;}

figure {padding: 0; margin: 0 0 10px 0;}
figure img {max-width: 100%; height: auto;}
figure figcaption {font-size: 80%; font-style: italic;}

.investorLogoPage {
	width: 250px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;

}

.logoCluster {text-align: center;}
.logoCluster img {height: 200px; width: auto; margin: 10px 30px;}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* Links
--------------------------------------------------------- */
a {transition:all .2s;font-weight: 700;}
a:link, a:visited 			{color: #00578a; text-decoration: none;}
a:hover, a:focus, a:active	{color: #f8982d; text-decoration: none; }
a img {border: 0; }
a.imageFadeLink {transition:all .3s;}
a.imageFadeLink:link, a.imageFadeLink:visited { opacity:1.0;}
a.imageFadeLink:hover, a.imageFadeLink:focus, a.imageFadeLink:active {opacity:.6;}



a:link.yellow, a:visited.yellow 					{color: #fec838; text-decoration: none;}
a:hover.yellow, a:focus.yellow, a:active.yellow	{color: #f8982d; text-decoration: none; }

a:link.white, a:visited.white 					{color: #ffffff; text-decoration: none;}
a:hover.white, a:focus.white, a:active.white	{color: #fec838; text-decoration: none; }


/* Main Menu
---------------------------------------------------------- */


header {
	background: #00578a;
	background-size: 2500px 8px;
	float: left;
	width: 100%;
	margin-bottom:30px; z-index: 2000;
	position: fixed;
	border-bottom: 1px solid #ffffff}

.home header {z-index: 1000;}



.headerLogo {
	float: left;
	width: 350px;
	height: auto;
	margin: 20px 0 0 15px;
	position: relative;
}


.imgTuck {
	position: relative;}

.headerImageCaption {
	position: absolute;
	bottom: 10px;
	right: 10px;
	max-width: 500px;
	color: #fff;
	font-size: 85%;
	font-weight: 700;
	text-align: right;
	text-shadow: -1px 1px 1px rgba(0,0,0,0.7);
}


#navigation {float: right; width: 60%; padding-right: 40px; width: calc(100% - 390px); }



ul.mainMenu {
	position: relative;
	box-sizing: border-box;
	float: right;
	width:100%;
	font-size: 1.1em;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	line-height: 1;
	padding: 0;
	margin:0 ;
    list-style:none;
	z-index: 9999;

    }

.mainMenu li {
	position: relative;
    display: inline-block;
	text-align: center;
    margin:0;
    padding:0 0 5px 0;
	transition: all .2s;
	z-index: 999;
	border-top: #3cb7c1 1px solid;
    }

.mainMenu li.indent {padding-left:15px;}

.mainMenu a {
    display:block;
	padding:12px 20px 10px 20px;
	transition:all .3s;
	margin: 0;
    }


.mainMenu li:hover {background-color: #3cb7c1;}

.mainMenu a:hover {background-color: #3cb7c1;}
.mainMenu a:link, .mainMenu a:visited {color:#ffffff; background-color: transparent; text-decoration: none;}
.mainMenu a:hover, .mainMenu a:active {color:#ffffff; background-color: #3cb7c1;}
.mainMenu:hover a, .topnav:hover a { opacity: .6; }
.mainMenu a:hover, .topnav a:hover { opacity: 1; }
#mobileMenuTrigger {display:none;}




ul.topnav { list-style: none; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; font-size: 1em; margin: 3px 20px 3px 0;  }
ul.topnav li { display: inline-block; margin: 0; padding: 7px 16px; font-weight: 700; position: relative; transition: all .2s;  }
ul.topnav li:last-of-type { padding-right: 0; }
ul.topnav li svg { font-size: 1.2em; position: relative; top: 1px; margin: 0 16px 0 0; }
ul.topnav a:last-of-type svg { margin: 0; }
ul.topnav li:after { content: '•'; position: absolute; right: -3px; color: #efefef; }
ul.topnav li:last-of-type:after { content: none; }
ul.topnav a:link, ul.topnav a:visited { color: #efefef; transition: all .2s; }
ul.topnav a:hover, ul.topnav a:active { color: #fff; }



.subMenu {
	display: none;
  	width: 11em;
	line-height: 1.3;
  	position: absolute;
  	top: 47px;
	border-bottom:4px solid #3cb7c1;
  	left: 0em;
	background:#fff;
  	padding:10px 4px 15px 0;
 	margin:0;
	float: none;
	z-index: 999;
	box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.1);
}

.subMenu li {
	float: none;
	display: block;
	text-align: left;
	list-style: none;
	position: relative;
	border:none;
	padding:3px;
	margin:0;
}

.subMenu li a {
	border:none;
	padding:5px 0 5px 10px;
	margin:0;
	z-index: 999;
}

.subMenu li:hover {background-color: #ffffff;}

.subMenu li a:link, ul.mainMenu li .subMenu li a:visited {color:#5b6065;text-decoration: none;}

.subMenu li a:hover, ul.mainMenu li .subMenu li a:active {color:#00578a;text-decoration: none;background-color:#ffffff; border: none;}

/* Standard Form
---------------------------------------------------------- */

fieldset {margin:10px 0; padding:0;}

form.standard {
	margin-bottom: 20px; }
.standard fieldset {
	margin-bottom: 20px; }
.standard input[type="text"],
.standard input[type="password"],
.standard input[type="email"],
.standard textarea,
.standard select {
	border: 1px solid #ccc;
	color: #444;
	padding: 12px;
	outline: none;
	border-radius: 2px;
	margin: 0;
	width: 300px;
	max-width: 90%;
	margin-bottom: 10px;
	background: #fff; }
.standard select {
	padding: 4px; margin-top:1px;}
.standard input[type="text"]:focus,
.standard input[type="password"]:focus,
.standard input[type="email"]:focus,
.standard textarea:focus {
	border: 1px solid #aaa;
	color: #444;
	box-shadow:  0 0 3px rgba(0,0,0,.2); }
.standard textarea {
	min-height: 80px; }
.standard label,
.standard legend {
	display: block;
}
.standard select {
	width: 220px; }
.standard input[type="checkbox"] {
	display: inline; }
.standard label span,
.standard legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444; }


.multirow {
	width:100%;
	float:left;
	clear:both;
}

.multirow input.short, .multirow select.short {
	width:60px;
	float:left;
	margin-right:10px;
}

.multirow input.medium, .multirow select.medium {
	width:200px;
	float:left;
	margin-right:10px;
}

input.short, select.short {
	width:60px;
}

input.medium, select.medium {
	width:200px;
}

form.standard p.supplementalInfo {
	margin:-13px 0 15px 0;
	font-size:80%;
}

form.standard  label.error {
	margin:-6px 0 15px 0;
	color:#d10109;
}

.multirow label.error {
	display:inline-block;
	clear:both;
}

form.standard  input.error, form.standard  select.error {
	background-color:#fefee8;
}

label.error { float: none;
	color: red;
	vertical-align: top;
	margin:4px 0 0 0;
	padding:0;
	width: 250px;
	text-align:left;
}


/* #Buttons
---------------------------------------------------------- */
.button, a.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		display:inline-block;
		font-weight: 700;
		font-size:1.2em;
		padding: 10px 20px;
		line-height:1.3em;
		width: auto;
		margin: 4px 0;
		text-transform: uppercase;
 		text-decoration: none;
		transition:all .3s;
		box-sizing: border-box;
		color: #ffffff;
		background: #f8982d;
		border: none;
		border-radius: 9px;
		border:4px solid #fff;
		}


.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		background:#00578a;
		}

.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		background:#00578a;
		}

a:link.button, a:visited.button {color: #fff; background-color:#f8982d; text-decoration: none; transition:all .2s;  }

a:hover.button, a:focus.button, a:active.button { color: #fff; background-color:#00578a; text-decoration: none; }

.button.large, a.button.large,
	button.large,
	input[type="submit"].large,
	input[type="reset"].large,
	input[type="button"].large {
		font-size:1.3em;
		line-height:1.4em;
		padding: 10px 25px;
		max-width:100%;
		overflow:hidden;
		white-space:nowrap;
		 }

.button.small, a.button.small,
	button.small,
	input[type="submit"].small,
	input[type="reset"].small,
	input[type="button"].small {
		font-size:.9em;
		line-height:1.1em;
		padding: 6px 12px 5px 12px;
		max-width:100%;
		overflow:hidden;
		white-space:nowrap;
		 }



a.button.clear { background: none; border: none; padding-left: 0; }
a.button.learn:before { content: 'Learn More'; }
/*a.button.arrow:after { content: '\f061'; font-family: FontAwesome; transition: all .2s; margin: 0 6px 0 3px;}*/
a.button.arrow:hover:after { margin: 0 3px 0 6px; }
a.button.outline:link, a.button.outline:visited { background: none; border: 1px solid #abd03e; color: #5b6065; }
a.button.outline:hover, a.button.outline:active { border: 1px solid #00578a; }

a.read:after { content: 'Read More »'; font-weight: 700; display: block; }
a.read:link, a.read:visited { color: #5b6065; }
a.read:hover, a.read:active { color: #00578a; }

a.learn:before { content: 'Learn More >'; font-weight: 700; }
a.learn:link, a.learn:visited { display: inline-block; margin-top: 10px; color: #fff; transition: all .2s; }

a.learn:hover, a.learn:active { color: #00578a; }

.button.selected, a.button.selected, button.selected { background-color: #f8982d; }

.download { border: 1px solid #00578a; padding: 5px 8px; border-radius: 3px; position: absolute; bottom: 20px; }
.download::before { content: 'Download'; }
.download::after { content: '\f56d'; font-family: 'Font Awesome 5 Free'; margin-left: 5px; }
.download:hover { background-color: #00578a; color: #fff; }
.download.left { left: 40px; bottom: 50px; }
.download.right { right: 20px; }
.download.buttonWhite { background-color: #fff; }
.download.buttonWhite:hover { background-color: #00578a; color: #fff; }
.download.bottom100 { bottom: 100px; }

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2em .5em;
  margin: 0 .2em;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table { width: 100%; }
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }

.standard td {
  padding: 6px;
  text-align: left;
  border-bottom: none;
    vertical-align: top;}


/* Margin
------------------------------------------------------- */
.noMargin       {margin:0;}
.noMarginTop    {margin-top:0;}
.noMarginBottom {margin-bottom:0;}

.marginTop5     {margin-top:5px;}
.marginTop10    {margin-top:10px;}
.marginTop30    {margin-top:30px;}
.marginTop40    {margin-top:40px;}

.marginTop40    {margin-top:40px;}

.marginBottom5  {margin-bottom:5px;}
.marginBottom10 {margin-bottom:10px;}
.marginBottom20 {margin-bottom:20px;}
.marginBottom40 {margin-bottom:40px;}

.marginVert5     {margin-top:5px; margin-bottom:5px;}
.marginVert10    {margin-top:10px; margin-bottom:10px;}
.marginVert20    {margin-top:20px; margin-bottom:20px;}
.marginVert40    {margin-top:40px; margin-bottom:40px;}


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width		{width: 100%; box-sizing: border-box; }
.u-max-full-width	{max-width: 100%;box-sizing: border-box; }
.u-block			{width: 100%; box-sizing: border-box; float:left; clear:both;}
.floatLeft			{float:left;}
.floatRight			{float:right}
.noDisplay			{display:none;}
.clearDiv			{clear: both;width:100%; height:1px;}



/* Footer
---------------------------------------------------------- */
footer {
	color:#CAC9C9;
	clear:both;
	padding:40px 0;
	background-color: #00578a;
	background: #00578a url("/images-index/beyond-beach-stripe.svg") repeat-x top center;
	background-size: 2500px 12px;

	}

footer a:link, footer a:visited {color:#fff; text-decoration: none;}
footer a:hover, footer a:active {color:#3cb7c1;	 text-decoration: none;}

footer .copyright { color:#fff; text-align:center; font-size:16px; margin:10px 0 0; box-sizing: border-box; padding: 40px 0; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 1em;
  margin-bottom: 1.5em;
  border-width: 0;
  border-top: 2px solid #abd03e; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }



/* Color Settings
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bgGrey, .bgGray {float: left; width: 100%; background-color: #eeeeee; position: relative; }
.bgWhite         {float: left; width: 100%; background-color: #ffffff; position: relative;  }
.bgOrange        {float: left; width: 100%; background-color: #f8982d; position: relative;}
.bgDarkOrange    {float: left; width: 100%; background-color: #e0861a; position: relative; color:#ffffff;}
.bgBlue          {float: left; width: 100%; background-color: #00578a; position: relative;color:#ffffff; }
.bgGreen         {float: left; width: 100%; background-color: #abd03e; position: relative;}
.bgDarkBlue      {float: left; width: 100%; background-color: #003d6d; position: relative;color:#ffffff; }
.bgTeal          {float: left; width: 100%; background-color: #3cb7c1; position: relative;color:#ffffff; }









.colorWhite { color: #fff; }
.colorDrkGrey { color: #5b6065; }
.colorOrange { color: #f8982d; }
.colorDrkOrange { color: #ca6a00; }
.colorBlue { color: #00578a; }
.colorGreen { color: #abd03e; }
.colorTeal { color: #3cb7c1; }
.colorYellow {color: #FEC839;}



.mapLabel {
	position: absolute;
	bottom:40px;
	left:40px;
	color:#00578a;
}

#mapButtons a.button:link, #mapButtons a.button:visited, #mapButtons button {
	font-size: 1em;
}

#mapButtons a.button:focus, #mapButtons button {
	background-color: #f8982d;
}

#mapButtons a.button.selected:link, #mapButtons a.button.selected:visited, #mapButtons a.button.selected:focus, #mapButtons button.selected {
	background-color: #00578a;
}

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

.mapLabel {position:relative; margin-top: 10px;}
	}


/* Custom Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.fullBlock {
	width:100%;
	float:left;
	box-sizing:border-box;
	padding:20px 0;
	background-color:#BDBABB;
}



.cta_tour_link_block {
	width:100%;
	float:left;
	box-sizing:border-box;
	padding:50px 10px;
	margin: 40px 0;
	background: url(/images-index/Interactive-Tour-CTA-background.jpg) no-repeat center;
	background-size:cover;
	border-radius: 9px;
	text-align: center;
	color: #fff;
}



p.block {
	background: #ca6a00;
	padding: 6px 16px;
	font-family: 'Open Sans Condensed';
	font-weight: 700;
	font-size: 19px;
	display: inline-block;
	color: #fff;
}
.hero a.button { font-size: 16px; }



.hero a.learn { font-size: 22px; }




/* Data Card ----------- */

.dataCardBlock {
	width: 90%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 30px auto;
	padding-bottom: 20px;
	box-sizing: border-box;
}

.dataCardBlock.between { justify-content: space-between;}

.dataCardBlock.around { justify-content: space-around;}



.dataCard {
	background-color: #e2e7ed;
	padding: 20px 30px;
	border-radius: 7px;
	text-align: center;
	font-weight: 500;
	font-size: 1.1em;
	line-height: 1;
	margin: 20px;
	width: 22%;
}

.dataCard span {font-family: 'Open Sans Condensed'; font-weight: 700;
	color: #00578a;
	font-size: 3em;
	letter-spacing: -.04em;
}

.dataCard.solo {
	width: 100%;
	box-sizing: border-box;
	margin: 20px 0;
}


.dataCard i {color: #00578a; font-size: 2.5em; padding-bottom: 6px;}



.supportiveCard {  /* home page*/
	padding: 20px 40px;
	margin: 20px;
	text-align: center;
	font-weight: 700;
	font-size: 1.8em;
	line-height: 1.1;
	margin: 20px;
	width: auto;
	color:#ffffff;
	border-radius: 7px;
	border:1px solid #00578a;

}


.supportiveCard i { font-size: 2.0em; padding-bottom: 6px; color:#FEC839; transform: translateX(15px)}




 a:link.supportiveCard, a:visited.supportiveCard 					{color: #ffffff; text-decoration: none; border:1px solid rgba(255,255,255,0.00)}
 a:hover.supportiveCard,  a:focus.supportiveCard,  a:active.supportiveCard	{color: #abd03e; text-decoration: none; border:1px solid #abd03e; }

a:hover.supportiveCard i {color:#fff;}




/* Spnosor logos */ 
	.logo-grid {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.logo-card img {
		max-width: 350px;
		height: auto;
		max-height: 180px;
		margin: 40px 50px;
	}

	.logo-grid-med .logo-card img {
		max-width: 200px;
		max-height: 150px;
	}







	@media only screen and (min-width: 960px) and (max-width: 1400px) {

		.dataCard, .supportiveCard  {
		width: 30%;
		}

	}

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

		.dataCard, .supportiveCard  {
		width: 500px;
		max-width: 100%;
		}

	}







.utilityDivGreen {
	width: 90%;
	margin: 30px auto;
	padding-bottom: 30px;
	border-bottom: 2px solid #aad043;
	box-sizing: border-box;
}

.utilityDivOrange {
	width: 90%;
	margin: 30px auto;
	padding-bottom: 30px;
	border-bottom: 2px solid #f8982d;
	box-sizing: border-box;
}

.utilityDivStrip {
	width: 90%;
	margin: 30px auto;
	padding-bottom: 30px;
	background: url("/images-index/beyond-beach-stripe.svg") repeat-x top center;
	background-size: 2500px 12px;
	box-sizing: border-box;
}


	



/*
.imgPanel { position: absolute; z-index: 99; max-width: 1000px; width: 55vw; -webkit-transform: rotate(-4deg); transform: rotate(-4deg); top: -15px; left: 75%; } 
.imgPanel .imgRow { display: block; width: 100%; }
.imgPanel .imgRow:last-of-type { margin-top: -8px; }
.imgPanel .img {
	position: relative;
	display: inline-block;
	margin: 0 15px 15px 0;
	right: -25px;
	opacity: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	box-shadow: -5px 6px 8px rgba(0,0,0,0.2);
}


.imgPanel .imgRow:nth-child(1) .img:nth-child(1) { width: 45%; height: 250px; }
.imgPanel .imgRow:nth-child(1) .img:nth-child(2) { width: calc(50% - 36px); height: 420px; }
.imgPanel .imgRow:nth-child(2) .img { vertical-align: top; }
.imgPanel .imgRow:nth-child(2) .img:nth-child(1) { width: 40%; height:350px; }
.imgPanel .imgRow:nth-child(2) .img:nth-child(2) { width: calc(60% - 36px); height: 400px; }

.home .hero .eight { position: relative; }
.home .slide { position: absolute; z-index: 1; }
.home .slide.cur { z-index: 100; }
.home .slide.out { z-index: 10; }
.home .slideText { opacity: 0; }
*/



.bgImgTrane {
	position: relative;
	margin-top: -35px;
	padding-top: 160px;
	background: linear-gradient(hsla(215,100%,20%,.8),hsla(215,100%,20%,.8)),linear-gradient(rgba(255,255,255,.8),rgba(255,255,255,.8)),url('/images-index/DSC_0329.jpg') no-repeat center center; background-size: cover; }

.bgImgPcola {
	position: relative;
	padding: 50px 0 50px 0;
	background: #00578a url("/images-index/Downtown-Pensacola-dark.jpg") no-repeat center;
	background-size: cover;

}


#whiteSlant {
	position: absolute;
	background: url('/images-index/white-slant.svg') top center;
	background-size: 2000px;
	height: 132px;
	top:0;
	left:0;
	width: 100%;
}

.topx { margin-top: 60%; }
.topx span { display: block; text-align: center; font-weight: 700; line-height: 1.05em; }
.topx span:nth-child(1) { font-size: 0.9em; font-family: 'Open Sans Condensed'; font-weight: 700; }
.topx span:nth-child(2) { font-size: 3.1em; color: #f8982d; }
.topx span:nth-child(3) { font-size: 11em; color: #f8982d; margin-top: -.15em; }
.topx span:nth-child(4) { margin-top: -1.8em; margin-bottom: 40px; }

.topxlist h5, .topxlist p { box-sizing: border-box; padding-left: 95px; line-height: 1.1em; }
.topxlist p { margin-bottom: 35px; }
.topxlist a { position: relative; }
.topxlist a:link h5, .topxlist a:visited h5 { color: #fff; transition: all .2s; }
.topxlist a:hover h5, .topxlist a:active h5 { color: #f8982d; }
.topxlist a:link p, .topxlist a:visited p, .topxlist a:hover p, .topxlist a:active p { color: #fff; }
.icons g[id] { display: none; }
.topxlist a svg {
	position: absolute;
	left: 0;
	top: 14px;
	width: 70px;
	height: 70px;
	border: 1px solid #f8982d;
	transition: all .2s;
}
.topxlist a:hover svg { background-color: #f8982d; }

.topxlist .icon_workforce #icon_workforce,
.topxlist .icon_access #icon_access,
.topxlist .icon_customers #icon_customers,
.topxlist .icon_speed  #icon_speed,
.topxlist .icon_leaders #icon_leaders,
.topxlist .icon_support  #icon_support,
.topxlist .icon_quality #icon_quality,
.icons.workforceRegion #workforceRegion,
.icons.workforce #workforce,
.icons.population #population,
.icons.retirees #retirees { display: block; }

.icons.workforce,
.icons.workforceRegion,
.icons.population,
.icons.retirees { width: auto; max-width: 100%; height: 250px; }

.shortunderline { position: relative; box-sizing: border-box; padding-bottom: 10px; margin-bottom: 15px; }
.shortunderline:after {
	content: '';
	width: 200px;
	height: 0;
	position: absolute;
	bottom: 0;
	left: calc(50% - 100px);
	border-bottom: 2px solid #aad043;
}
.shortunderline.yellow:after { border-color: #fec835; }



.map { width: 90%; }

.bgMap, .bgMap2 { background:#3cb7c1;}


.cnty { cursor: pointer; }
.cnty * { transition:  all .2s; }
/* .cnty:hover [id^='outline'],
.cnty:hover [id^='outline'] .cls-4,
.cnty:hover [id^='outline'] .cls-5,
.cnty:hover [id^='outline'] .cls-6,
.cnty.cur,
.cnty.cur .cls-4,
.cnty.cur .cls-5,
.cnty.cur .cls-6 { fill: #fec835 !important; } */
.cnty:hover [id^='outline'], .cnty:hover [id^='outline'] path,
.cnty.cur [id^='outline'], .cnty.cur [id^='outline'] path {
	fill: #fec835 !important;
}
.cnty:hover [id^='title'] path, .cnty.cur path { fill: #fff !important; }

.cntytextWrapper {
	position: absolute;
	width: 45%;
	left: 70px;
	bottom: 50px;
	line-height: 1.2;
	transition: all .2s;
}
.cntytext {
	position: absolute;
	bottom:0;
	opacity: 0;
}
.cntytext.cur { opacity: 1; z-index: 999; }



.newsFeed { border-bottom: 1px solid #e2e7ed; box-sizing: border-box; padding: 0 20px 25px 25px; margin-bottom: 10px; }
.columns .newsFeed:last-child { border-bottom: none; }
.newsFeed img { max-width: 250px; height:auto; margin: 5px 20px 5px 0; float: left; }
.newsFeed h5, .newsFeed p { line-height: 1.15em; }
.newsFeed h5 {margin-bottom: 10px;}



.feed { border-bottom: 1px solid #e2e7ed; box-sizing: border-box; padding-bottom: 10px; margin-bottom: 20px; }
.feed img { max-width: calc(100% - 20px); margin: 0 10px; }
.feed img.floatLeft { max-width: 200px; height:auto; margin: 0 20px 20px 0; }
.feed h5, .feed p { line-height: 1.1em; }
.feed p.photo { min-height: 105px; }
.columns .feed:last-child { border-bottom: none; }
.feed .small { display: block; font-size: .5em; font-weight: 100; line-height: 1; margin-bottom: 10px; }
.feed h5.tw, .feed h5.fb { position: relative; }
/*.feed h5.tw:after, .feed h5.fb:after { position: absolute; right: 0; top: 0; font-family: FontAwesome; }
.feed h5.tw:after { content: '\f082'; }
.feed h5.fb:after { content: '\f081'; }*/
.feed .repbar svg { margin-right: 20px; }




.announcements {
	width: 100%;
	float: left;
	background-color: #ca6a00;
	color: #fff;
	padding: 110px 0 10px 0;
	border-bottom: #fec838 1px solid;
}

.announceLogo { max-width: 300px !important; }







.flare { position: relative; font-family: 'Open Sans Condensed'; }
svg.flare .sun-full, svg.flare .fgnw1, svg.flare .fgnw2 { display: none; }
svg.flare { position: absolute; left: -35px; width: 22px; }
svg.flare .sun-piece { fill: #ffac10; }

.bio img { width: 160px; height: auto; }
.bio p { line-height: 1; }
/*a.envelope:after { display: inline-block; padding: 10px; width: 40%; font-family: FontAwesome; content: '\f0e0'; }*/
.indented { box-sizing: border-box; padding: 0 20%; }

ul.logos { list-style: none; margin: 0; height: 160px; overflow: hidden; }
ul.logos li { display: inline-block; max-width: 14%; margin: 0 2%; position: relative; width: 160px; right: 0; transition: all .5s; }
ul.logos li.out { right: 25px; opacity: 0; }
ul.logos a {
	width: 160px;
	height: 160px;
	-webkit-filter: saturate(0%);
	        filter: saturate(0%);
	opacity: .8;
	transition: all .2s;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
ul.logos a:hover  {  -webkit-filter: saturate(100%);  filter: saturate(100%); opacity: 1 }



.fifth { display: inline-block; width: 18%; margin-right: 2%; vertical-align: top; }
.fifth:last-of-type { margin: 0; }
.fifth h5 { font-family: 'Open Sans Condensed'; font-size: 1.1em; }
.fifth a { font-size: 1em; font-weight: normal; display: block; margin-bottom: 6px; line-height: 1.1; }

.card {
	background-color: #fec838;
	padding: 20px 20px 5px 20px;
	width: 100%;
	position: relative;
	border: 1px solid #ffffff;
}


.card h4 {
	display: inline-block;
	margin: -25px 0 20px -20px;
	padding: 5px 10px 3px 10px;
	background-color: #00578a;
	color:#fff;
}

.card ul {list-style: none; margin: 0; line-height: 1.1}

.card span {font-weight: 700; font-size: 150%; display: inline-block; vertical-align: -3px; color: #00578a;}

.dataContainer {
	background-color: #e2e7ed; width: 100%; margin: 0; padding: 25px 0; min-height: 400px;
}

.dataContainer iframe {width: 100%; background: #fff url('/images-index/busySmall.gif') no-repeat 20px 20px;}


.iconRow {
	font-family: "Open San Condensed", sans-serif;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	font-size: 100%;
	color:#f8982d;
	margin: 40px 0;
	line-height: 1;
}

.iconRow img {width: 250px; max-width: 90%; height: auto; margin-bottom: 20px;}


.imageBlock {float: left; width: 100%; background-color: #00578a;    }
.imageBlockInner {max-width: 2400px; margin: 0 auto; overflow: hidden;border: 15px solid #ffffff;}
.imageBlockImage {position: relative; background: url('/images/content/SantaRosa_Hackney.jpg') no-repeat center center; background-size: cover; padding-top: 20%;  width: 33.33%; max-width: 800px; float: left; border: 15px solid #ffffff;}
.imageBlockCaption {position: absolute; bottom: 0; left:0; padding: 3px 8px; background-color: rgba(0,0,0,0.65); font-size: 75%; color:#ffffff; box-sizing: border-box;}

.countyMap {width: 100%; height: auto; background-color: #f8982d; border: #3A3933 1px solid;}


/* Image Fade In
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.anitop, .anileft, .aniright {
	opacity: 0;
	position: relative;
	transition: all 1s;
}
.anitop { top: 30px; }
.anileft { right: 30px; }
.aniright { left: 30px; }
.anitop.scrolled, .anileft.scrolled, .aniright.scrolled { opacity: 1; }
.anitop.scrolled { top: 0; }
.anileft.scrolled { right: 0; }
.aniright.scrolled { left: 0; }


.note {background: #A70002; color:#ffffff; padding: 3px 6px; display: inline-block; font-weight: bold;}



/* LinkedIn
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.linkedin .licard { width: 100%; max-width: 475px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.15),0 2px 3px rgba(0,0,0,.2); background: #fff; margin: 15px 0; }
.linkedin .comInfo { padding: 12px 12px 10px 12px; }
.linkedin .comInfo span { display: block; }
.linkedin .comInfo .sqLogo { float: left; margin: 0px 10px 0px 0px; width: 48px; height: 48px; background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 6px; }
.linkedin .comName { font-weight: 700; }
.linkedin .comFollow,.linkedin  .postAge { font-size: .8em; }
.linkedin .title { padding: 12px; color: #666; background: #f5f5f5; }
.linkedin .limg { width: 100%; padding-top: 50%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.linkedin .comment { position: relative; margin: 0 12px 12px 12px; font-size: .9em; line-height: 1.2em; height: 3.6em; overflow: hidden; }
.linkedin .likes { margin: 12px; color: #666; font-size: .8em; }
.linkedin .clear { clear: both; height: 1px; }
.linkedin .dom { font-size: .8em; font-weight: 100; }
.linkedin .more {
	position: absolute;
	background: #fff;
	right: 0px;
	padding: 0px 8px 0px 12px;
	bottom: 0px;
	color: #999;
    cursor: pointer;
}
.fa-spinner { font-size: 2em; margin-top: 1em; margin: 1em calc(50% - .5em); }

.li-fail .six { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.li-fail .five { display: none; }
.li-fail .six>h2, .li-fail .six>p { width: 100%; }
.li-fail .newsFeed { margin-right: 50px; width: calc(50% - 50px); }
.li-fail .newsFeed:nth-of-type(n+5) { display: none; }

/* Mail CHimp
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.mc-modal a {display: none;}








	/* #Flex Box
================================================== */


	.flexWrapper {
		display: flex;
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
	}

	.flexAlignCenter {align-items: center;}
	.flexAlignStretch {align-items: stretch;}
	.justify-content-between {justify-content: space-between;}

	@media only screen and (max-width: 1024px) {
		.justify-content-between {justify-content:center;}	
	}

	.flexCard {
		position: relative;
		box-sizing: border-box;
		width: 25%;
		margin: 25px 20px 25px 20px;
	}

	@media only screen and (max-width: 1024px) {
		.flexCard {width: 50%;}
	}

	@media only screen and (max-width: 479px) {
		.flexCard {width: 90%;}
	}


	.team-photo { width: 180px; height:250px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		margin: .5em auto;
	}
	







	.flashHero {
		width: 100%;
		max-height:400px;
		/* background:#ffffff url("/images-index/starburst-header2.svg") no-repeat bottom center; background-size: 2000px; */
		display: flex;
		justify-content: center;
		position: relative;
	}

	/* @media only screen and (max-width: 850px) {
		.flashHero { height: 50vw;}
	} */

	.flashSlant {
		position: absolute;
		background: url('/images-index/white-slant-bottom.svg') bottom center;
		z-index: 1000;
		background-size: 2000px;
		height: 132px;
		bottom:0;
		left:0;
		width: 100%;
	}


	.flashFrame {
		width: 100%;
		min-width: 1863px;
		max-width: 100%;
		max-height: 400px;
		aspect-ratio: 1863 / 372;
		border: none;
		background-color: #77CFE5;
	}

	@media only screen and (max-width: 600px) {
		.flashFrame {
			max-height: 150px;
		}
	}

	@media only screen and (min-width: 601px) and (max-width: 1100px) {
		.flashFrame {
			max-height: 300px;
		}
	}







	/* #Media Queries
================================================== */

	.mobileOnly, #mobileMenuTrigger, .heroMobile {display:none;}





	/* Not Mobile */
	@media only screen and (min-width: 1101px) {



		.home .hero {
			position: relative;
			height: 500px;
			box-sizing: border-box;
			margin-top: 0;
			display: flex;
			justify-content: center;
			
		}


		header {margin-bottom: 90px;}

		.home header {margin-bottom: 30px;}

		#starburst {
			background:url('/images-index/starburst-header2.svg') no-repeat bottom center;
			background-size: 2000px;
			width: 100%;
			height: 200px;
			position: absolute;
			z-index: 1;
		}

		.imgTuck {
			position: relative;
			width: 100%;
			margin-top: -4px;
			height: 500px;
			text-align: center;
			background: #999999 url('/images/headers/port-containers.jpg') center center no-repeat;
			background-size: cover;
			z-index: 0;
			border-bottom: 4px solid #00578a;
		}
		
		

		

		.hTuck {
			position: relative;
			margin: 0 0 30px 0;
			padding: 15px 30px 12px 30px;
			background-color: #00578a;
			color: #fff;
			display: inline-block;
			animation-duration: 1s;
  			animation-name: hTuckSide;
		}
		
		
			@keyframes hTuckSide {
			  from {
				  opacity: 0;
				transform: translateY(-50px);
			  }

			  to {
				transform: translateY(0);
				  opacity: 1;
			  }
			}		
		

		.subHeaderBlock {
			background-color: #e2e7ed;
			padding-bottom: 10px;
			margin-bottom: 0;
		}

		.subHeaderBlock ul {margin-left: 20px; margin-right: 20px;}

		.subHeaderBlock a {font-size: 70%; display: inline-block; padding: 2px 7px 1px 7px; background-color: #f2f4f5; border-radius: 2px; vertical-align: 2px;}


}




	/* Switch to mobile menu */
	@media only screen and (max-width: 1100px) {

		.warning {
			display: block;
			width: 100%;
			float: left;
			padding: 10px 30px 0;
			background-color: #6c7d8c;
			color: #FFFFFF;
			font-weight: bold;
			position: relative;
			z-index: 99999;
		}
		.wrapper, .announcements {padding-top: 40px;}

		.headerLogo {
			width: 250px;
			margin: 10px 0 10px 15px;
		}

		.footerMenu, .bgSun, #navigation {display: none;}
		#mobileMenuTrigger {display: block;}
		#mobileMenuTrigger {
			position:fixed;
			top:0;
			right:0;
			padding:8px 10px;
			background-color:#00578a;
			z-index:10010;
			border-bottom-left-radius: 3px;
			font-size: 1.3em;
		}
		#mobileMenuTrigger a {color:#fff;}

		.hero {display: none;}
		.heroMobile {
			display: block;
			padding: 90px 0 0 0;
			margin: 0 0 30px 0;
			background: #fec838 url('/images-index/starburst-header2.svg') no-repeat top center;
			background-size: 700%;
		}

		.heroMobile h2 {font-size: 1.4em;}



		.heroMobile .imgMobile {
			width: 100%;
			padding-top: 50%;
			background-image: url('/images-index/southeast-location-map.jpg');
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
		}

		.heroMobile .imgMobile .img {
			position: absolute;
			width: 100vw;
			height: 100%;
			top: 0;
			left: 0;
			background-size: cover;
		}

		.txtMobile { height: 260px; position: relative; }
		.heroMobile .slideText { position: absolute; top: 0; left: 0; width: 80vw; margin-left: 10vw; }

		.headerLogo {max-width: 75%;}

		.home header {margin-bottom: 30px;}

		.bgImgTrane {padding-top: 100px;}

		#starburst {
			background:url('/images-index/starburst-header.svg') no-repeat bottom center;
			background-size: 2000px;
			width: 100%;
			height: 180px;
			position: absolute;
			z-index: 0;
		}

		.imgTuck {
			width: 100%;
			margin: 0 0 20px 0;
			height: 260px;
			text-align: center;
			background: #999999 url('/images/headers/port-containers.jpg') center center no-repeat;
			background-size: cover;
			z-index: 1;
			border-bottom: 4px solid #00578a;
		}


		.oneWider {width: 100% !important;}


		.hideMobile {display:none;}

		.mobileOnly {display:block;}

		.mobileCenter {text-align:center;}

		.wrapper {overflow:hidden;}

		.topx {margin-top: 30px;}


		#navigationMobile {
			font-size: 130%;
			z-index: 9999;
			position: absolute;
			background:#00578a;
			width:16em;
			max-width:80%;
			right:0;
			top:0;
			font-family: "Open Sans Condensed", sans-serif;
			margin:0 0 0 0;
			list-style:none;
			box-sizing:border-box;
			padding:40px 15px 20px 15px;
			color:#ffffff;
			border-bottom-left-radius: 6px;
			border-left: 1px solid #004065;
		}

		ul.mobileMenu { list-style: none;}

		.mobileMenu a:link, .mobileMenu a:visited {color:#ffffff; background-color: transparent; text-decoration: none;}
		.mobileMenu a:hover, .mobileMenu a:active {color:#fec838; background-color: transparent; text-decoration: none;}

		.mobileSubMenu {
			display: none;
			list-style: none;
			line-height: 1.2;
			font-size: 90%;
			margin-bottom: 20px;
		}

		.mobileSubMenu li { margin: 0;}
		.mobileSubMenu  a { display: inline-block; padding: 4px 0;}



		/*.subHeaderBlock {background-color: #fff;}*/
		.subHeaderBlock .card, .card {background-color: #fec838;}

		.card {background-color: #fec838; margin: 20px 0;}

		.map { position: relative; width: 100%; }

		.cntytextWrapper {
			position: relative;
			width: 90%;
			left: 0;
			bottom: -190px;
		}
		.bgMap { padding-bottom: 200px;}

		.icons {max-width: 100px; height: auto;}

	}


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {



	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {


	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		body {font-size: 1.0em;}

		#starburst {height: 140px;}

		.imgTuck {margin: 0 0 20px 0; height: 200px;}

		.heroMobile { padding-top: 50px; }

		.txtMobile { height: 240px; font-size: 90%; }

		.columnsTwoText {-webkit-column-count: 1;column-count: 1;}

		.imageBlockImage { padding-top: 62%;  width: 100%; max-width: 800px; border-bottom: #FFFFFF 1px solid; }


		.cntytextWrapper {bottom: -220px;}


	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {


	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {


	}

	@media only screen and (min-width: 2000px) {

		.wrapper, .home .wrapper {background-size: 100%;}
		#whiteSlant {background-size: 100%;}

	}