@charset "UTF-8";

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


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
  font-size: 1em;
  line-height: 1.5;
  font-weight: normal;
  font-family: 'Open Sans', sans-serif;
  color: #1a1d1b;
  background-color:#1177bd; /* Footer color */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing:grayscale;
  }

.wrapper {
	width:100%;
	float:left;
	background:#fff; /* page color */
	min-height:400px;
  padding: 0 0 40px;
}

header {
  position: relative;
  top: 0;
  z-index: 99;
}
header .bg img { position: absolute; top: 0; left: 0; width: 800px; }
header .eight { position: relative; padding: 0; }

@media only screen and (max-width: 1024px) {
  header::before { height: 68px; }
  header { height: 165px; }
	header .logo { display:block; margin:10px auto; }
  header .logoWrap { position: relative; width: 200px; }
  header .logoWrap img { width: 50%; }
  header .container { margin: 0; }
}
@media only screen and (min-width: 1025px) {
  header .logoWrap::before { height: 100%; }
}
@media only screen and (min-width: 768px) and (max-width: 1499px) {
  header .bg img { width: 1500px; }
}
@media only screen and (min-width: 1500px) {
  header .bg img { width: 100%; }
}
@media only screen and (min-width: 1800px) {
  header .bg img { top: -60px; width: 100%; }
}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* .container { max-width: 85vw; margin-left: auto; margin-right: auto; } */
header, footer, .container, .nested, .fullwidth { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.container, .nested { max-width: 85vw; margin-left: auto; margin-right: auto; }
header, footer, .fullwidth { width: 100vw; margin-left: 0; margin-right: 0; }

.one,.two,.three,.four,.five,.six,.seven,.eight,.nine,.ten,.eleven,.twelve { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; box-sizing: border-box; padding: 10px 20px; }

/*--- Vertical Alignment ---*/
.container.vertBase { -webkit-align-items: baseline; align-items: baseline; }
.container.vertEnd { -webkit-align-items: flex-end; align-items: flex-end; }
.container.vertStart { -webkit-align-items: flex-start; align-items: flex-start; }
.container.vertCenter { -webkit-align-items: center; align-items: center; }
.container.vertstretch { -webkit-align-items: stretch; align-items: stretch; }
div.vertBase { -webkit-align-self: baseline; align-self: baseline; }
div.vertEnd { -webkit-align-self: flex-end; align-self: flex-end; }
div.vertStart { -webkit-align-self: flex-start; align-self: flex-start; }
div.vertCenter { -webkit-align-self: center; align-self: center; }
div.vertstretch { -webkit-align-self: stretch; align-self: stretch; }
.centered { -webkit-justify-content: center; justify-content: center; }

@media only screen and (min-width: 900px) {
	header, footer, .container, .nested, .fullwidth { width: 100vw; }
  header, footer, .fullwidth { max-width: 100vw; }
  /* header, footer, .container, .nested, .fullwidth { width: 100vw; display: flex; flex-direction: row; flex-wrap: wrap; } */
	.container { max-width: 1200px; }
	.one,.two,.three,.four,.five,.six,.seven,.eight,.nine,.ten,.eleven,.twelve { box-sizing: border-box; padding: 10px 20px; }
	.one { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: calc(100%/12); flex-basis: calc(100%/12); max-width: calc(100%/12); }
	.two { -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-basis: calc((100%/12)*2); flex-basis: calc((100%/12)*2); max-width: calc((100%/12)*2); }
	.three { -webkit-flex-grow: 3; flex-grow: 3; -webkit-flex-basis: calc((100%/12)*3); flex-basis: calc((100%/12)*3); max-width: calc((100%/12)*3); }
	.four { -webkit-flex-grow: 4; flex-grow: 4; -webkit-flex-basis: calc((100%/12)*4); flex-basis: calc((100%/12)*4); max-width: calc((100%/12)*4); }
	.five { -webkit-flex-grow: 5; flex-grow: 5; -webkit-flex-basis: calc((100%/12)*5); flex-basis: calc((100%/12)*5); max-width: calc((100%/12)*5); }
	.six { -webkit-flex-grow: 6; flex-grow: 6; -webkit-flex-basis: calc((100%/12)*6); flex-basis: calc((100%/12)*6); max-width: calc((100%/12)*6); }
	.seven { -webkit-flex-grow: 7; flex-grow: 7; -webkit-flex-basis: calc((100%/12)*7); flex-basis: calc((100%/12)*7); max-width: calc((100%/12)*7); }
	.eight { -webkit-flex-grow: 8; flex-grow: 8; -webkit-flex-basis: calc((100%/12)*8); flex-basis: calc((100%/12)*8); max-width: calc((100%/12)*8); }
	.nine { -webkit-flex-grow: 9; flex-grow: 9; -webkit-flex-basis: calc((100%/12)*9); flex-basis: calc((100%/12)*9); max-width: calc((100%/12)*9); }
	.ten { -webkit-flex-grow: 10; flex-grow: 10; -webkit-flex-basis: calc((100%/12)*10); flex-basis: calc((100%/12)*10); max-width: calc((100%/12)*10); }
	.eleven { -webkit-flex-grow: 11; flex-grow: 11; -webkit-flex-basis: calc((100%/12)*11); flex-basis: calc((100%/12)*11); max-width: calc((100%/12)*11); }
	.twelve { -webkit-flex-grow: 12; flex-grow: 12; -webkit-flex-basis: 100%; flex-basis: 100%; }

	.offset-one { margin-left: calc((100%/12)*1); }
	.offset-two { margin-left: calc((100%/12)*2); }
	.offset-three { margin-left: calc((100%/12)*3); }
	.offset-four { margin-left: calc((100%/12)*4); }
	.offset-five { margin-left: calc((100%/12)*5); }
	.offset-six { margin-left: 50%; }
	.offset-seven { margin-left: calc((100%/12)*7); }
	.offset-eight { margin-left: calc((100%/12)*8); }
	.offset-nine { margin-left: calc((100%/12)*9); }
	.offset-ten { margin-left: calc((100%/12)*10); }
	.offset-eleven { margin-left: calc((100%/12)*11); }

	.one-third { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: calc(100%/3); flex-basis: calc(100%/3); max-width: calc(100%/3); }
	.two-third { -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-basis: calc((100%/3)*2); flex-basis: calc((100%/3)*2); max-width: calc((100%/3)*2); }
	.one-third.offset { margin-left: calc((100%/3)*2); }
	.two-third.offset { margin-left: calc(100%/3); }
	.one-third.offset.centered { margin-left: calc(((100%/3)*2)/2); }
	.two-third.offset.centered { margin-left: calc((100%/3)/2); }
}

@media only screen and (min-width: 768px) and (max-width: 899px) {
	header, footer, .container, .nested { width: 100vw; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	.md-one,.md-two,.md-three,.md-four,.md-five,.md-six,.md-seven,.md-eight,.md-nine,.md-ten,.md-eleven,.md-twelve { box-sizing: border-box; padding: 10px 20px; }
	.md-one { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: calc(100%/12); flex-basis: calc(100%/12); max-width: calc(100%/12); }
	.md-two { -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-basis: calc((100%/12)*2); flex-basis: calc((100%/12)*2); max-width: calc((100%/12)*2); }
	.md-three { -webkit-flex-grow: 3; flex-grow: 3; -webkit-flex-basis: calc((100%/12)*3); flex-basis: calc((100%/12)*3); max-width: calc((100%/12)*3); }
	.md-four { -webkit-flex-grow: 4; flex-grow: 4; -webkit-flex-basis: calc((100%/12)*4); flex-basis: calc((100%/12)*4); max-width: calc((100%/12)*4); }
	.md-five { -webkit-flex-grow: 5; flex-grow: 5; -webkit-flex-basis: calc((100%/12)*5); flex-basis: calc((100%/12)*5); max-width: calc((100%/12)*5); }
	.md-six { -webkit-flex-grow: 6; flex-grow: 6; -webkit-flex-basis: calc((100%/12)*6); flex-basis: calc((100%/12)*6); max-width: calc((100%/12)*6); }
	.md-seven { -webkit-flex-grow: 7; flex-grow: 7; -webkit-flex-basis: calc((100%/12)*7); flex-basis: calc((100%/12)*7); max-width: calc((100%/12)*7); }
	.md-eight { -webkit-flex-grow: 8; flex-grow: 8; -webkit-flex-basis: calc((100%/12)*8); flex-basis: calc((100%/12)*8); max-width: calc((100%/12)*8); }
	.md-nine { -webkit-flex-grow: 9; flex-grow: 9; -webkit-flex-basis: calc((100%/12)*9); flex-basis: calc((100%/12)*9); max-width: calc((100%/12)*9); }
	.md-ten { -webkit-flex-grow: 10; flex-grow: 10; -webkit-flex-basis: calc((100%/12)*10); flex-basis: calc((100%/12)*10); max-width: calc((100%/12)*10); }
	.md-eleven { -webkit-flex-grow: 11; flex-grow: 11; -webkit-flex-basis: calc((100%/12)*11); flex-basis: calc((100%/12)*11); max-width: calc((100%/12)*11); }
	.md-twelve { -webkit-flex-grow: 12; flex-grow: 12; -webkit-flex-basis: 100%; flex-basis: 100%; }

	.md-offset-one { margin-left: calc((100%/12)*1); }
	.md-offset-two { margin-left: calc((100%/12)*2); }
	.md-offset-three { margin-left: calc((100%/12)*3); }
	.md-offset-four { margin-left: calc((100%/12)*4); }
	.md-offset-five { margin-left: calc((100%/12)*5); }
	.md-offset-six { margin-left: 50%; }
	.md-offset-seven { margin-left: calc((100%/12)*7); }
	.md-offset-eight { margin-left: calc((100%/12)*8); }
	.md-offset-nine { margin-left: calc((100%/12)*9); }
	.md-offset-ten { margin-left: calc((100%/12)*10); }
	.md-offset-eleven { margin-left: calc((100%/12)*11); }
}

@media only screen and (max-width: 767px) {
	header, footer, .container, .nested { width: 100vw; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	.sm-one,.sm-two,.sm-three,.sm-four,.sm-five,.sm-six,.sm-seven,.sm-eight,.sm-nine,.sm-ten,.sm-eleven,.sm-twelve { box-sizing: border-box; padding: 10px 20px; }
	.sm-one { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: calc(100%/12); flex-basis: calc(100%/12); max-width: calc(100%/12); }
	.sm-two { -webkit-flex-grow: 2; flex-grow: 2; -webkit-flex-basis: calc((100%/12)*2); flex-basis: calc((100%/12)*2); max-width: calc((100%/12)*2); }
	.sm-three { -webkit-flex-grow: 3; flex-grow: 3; -webkit-flex-basis: calc((100%/12)*3); flex-basis: calc((100%/12)*3); max-width: calc((100%/12)*3); }
	.sm-four { -webkit-flex-grow: 4; flex-grow: 4; -webkit-flex-basis: calc((100%/12)*4); flex-basis: calc((100%/12)*4); max-width: calc((100%/12)*4); }
	.sm-five { -webkit-flex-grow: 5; flex-grow: 5; -webkit-flex-basis: calc((100%/12)*5); flex-basis: calc((100%/12)*5); max-width: calc((100%/12)*5); }
	.sm-six { -webkit-flex-grow: 6; flex-grow: 6; -webkit-flex-basis: calc((100%/12)*6); flex-basis: calc((100%/12)*6); max-width: calc((100%/12)*6); }
	.sm-seven { -webkit-flex-grow: 7; flex-grow: 7; -webkit-flex-basis: calc((100%/12)*7); flex-basis: calc((100%/12)*7); max-width: calc((100%/12)*7); }
	.sm-eight { -webkit-flex-grow: 8; flex-grow: 8; -webkit-flex-basis: calc((100%/12)*8); flex-basis: calc((100%/12)*8); max-width: calc((100%/12)*8); }
	.sm-nine { -webkit-flex-grow: 9; flex-grow: 9; -webkit-flex-basis: calc((100%/12)*9); flex-basis: calc((100%/12)*9); max-width: calc((100%/12)*9); }
	.sm-ten { -webkit-flex-grow: 10; flex-grow: 10; -webkit-flex-basis: calc((100%/12)*10); flex-basis: calc((100%/12)*10); max-width: calc((100%/12)*10); }
	.sm-eleven { -webkit-flex-grow: 11; flex-grow: 11; -webkit-flex-basis: calc((100%/12)*11); flex-basis: calc((100%/12)*11); max-width: calc((100%/12)*11); }
	.sm-twelve { -webkit-flex-grow: 12; flex-grow: 12; -webkit-flex-basis: 100%; flex-basis: 100%; }

	.sm-offset-one { margin-left: calc((100%/12)*1); }
	.sm-offset-two { margin-left: calc((100%/12)*2); }
	.sm-offset-three { margin-left: calc((100%/12)*3); }
	.sm-offset-four { margin-left: calc((100%/12)*4); }
	.sm-offset-five { margin-left: calc((100%/12)*5); }
	.sm-offset-six { margin-left: 50%; }
	.sm-offset-seven { margin-left: calc((100%/12)*7); }
	.sm-offset-eight { margin-left: calc((100%/12)*8); }
	.sm-offset-nine { margin-left: calc((100%/12)*9); }
	.sm-offset-ten { margin-left: calc((100%/12)*10); }
	.sm-offset-eleven { margin-left: calc((100%/12)*11); }
}

.clear::before, .clear::after {
	content: '';
	clear: both;
	width: 100%;
	height: 1px;
	display: block;
}


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 { margin-top: .5em; margin-bottom:.2em; text-transform: uppercase; color: #042e4a; font-family: 'Montserrat', sans-serif; }

h1 { font-size: 2.5em; line-height: 1.2; }
h2 { font-size: 1.5em; line-height: 1.25; color: #064a75; }
h3 { font-size: 1.125em; line-height: 1.3; }
h4 { font-size: 1.15em; line-height: 1.35; }
h5 { font-size: 1.1em; line-height: 1.5; }
h6 { font-size: 1em; line-height: 1.6; font-weight:bold; }

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

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

.smaller {font-size:85%;}

.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 {
	position: relative;
	width: 90%;
	padding: 1em;
	margin: 20px auto;
	background: rgba(255,255,255,0.8);
	border-radius: 12px;
}
blockquote::before {
	content: '';
	position: absolute;
	top: -8px;
	left: -8px;
	width: calc(100% + 14px);
	height: calc(100% + 14px);
	border: 2px solid #1177bd;
	border-radius: 14px;
}
blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5 {margin:0 0 0.2em 0; color:#666666; font-style:normal;}


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {list-style: disc outside; }
ol {list-style: none; counter-reset: cntr; }
ol, ul { margin-top: 0; padding: 0 0 0 10px; }
ul ul, ul ol, ol ol, ol ul {margin: .5em 0;  }
li { margin-bottom: 0.6em; margin-left: 10px; position: relative; line-height: 1.2em; }
ol>li::before { content: counter(cntr)'.'; counter-increment: cntr; position: absolute; top: -1px; left: -1.1em; font-family: 'Montserrat'; color: #053f64; font-size: 1.2em; }


/* Images
------------------------------------------------------- */
p.imgBrdr { background: #fff; border-radius: 14px; padding: 12px 12px 5px 12px; }
img.scale-with-grid, .editor img { max-width: 100%; height: auto; border-radius: 12px; }

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


/* Links
--------------------------------------------------------- */
a {transition:all .2s;}
a:link, a:visited 			{color: #042e4a; text-decoration: none;}
a:hover, a:focus, a:active	{color: #a2d1ad; text-decoration: none; }
a img {border: 0; }
p a, ul a { font-family: 'Montserrat'; font-weight: 700; }
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;}


/* Main Menu
---------------------------------------------------------- */
ul.mainMenu, #topnav {
	position: relative;
	width:100%;
	padding: 0;
	text-align: right;
  list-style:none;
}

.mainMenu li {
	position: relative;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
  margin:0 20px;
  padding:0;
}

.mainMenu a {
    display:block;
	padding:8px 20px;
	transition:all .3s;
    }
.mainMenu li:last-child { margin-right: 0; }
.mainMenu li:last-child a {padding-right: 0;}
.mainMenu a::before {
	content: '•';
	position: absolute;
	color: #a2d1ad;
	left: 0;
	font-size: 2.4em;
	line-height: 0.45;
	opacity: 0;
	transition: all .2s;
}
.mainMenu a:hover::before { opacity: 1; }

.mainMenu a:link, .mainMenu a:visited, #topnav a:link, #topnav a:visited {color:#ffffff; background-color: transparent; text-decoration: none; font-family: 'Montserrat',sans-serif;}
.mainMenu a:hover, .mainMenu a:active {color:#ffffff; text-decoration: none;}

#topnav { margin-bottom: 52px; }
#topnav ul { list-style: none; }
#topnav li { display: inline-block; }
#topnav li a { padding: 10px 12px 12px; }

#topnav li.social a:link, #topnav li.social a:visited {
	background: rgba(255,255,255,0.5);
	border-radius: 50%;
	width: 2.2em;
	height: 2.2em;
	margin-left: 7px;
	display: inline-block;
	padding: 5px 0 0 0 !important;
	text-align: center;
	box-sizing: border-box;
	color: #fff !important;
}
#topnav li.social a:hover, #topnav li.social a:active { background: #a2d1ad; }

/* 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 input[type="tel"],
.standard textarea,
.standard select {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	border-radius: 2px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #777;
	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 input[type="tel"]: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;
	font: bold 13px Arial, Helvetica, sans-serif;
}
.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"] {
        position: relative;
		display:inline-block;
		font-family: 'Montserrat', sans-serif;
		font-size:1em;
		padding: 7px 20px;
		line-height:1.3em;
		width: auto;
		margin: 4px 0;
		text-transform: uppercase;
 		text-decoration: none;		border: none;
		border-radius: 6px;
		transition:all .2s;
		box-sizing: border-box;
		color: #ffffff;
		background-color: rgba(4,46,74,0.5);
		}

.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover,
	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		background-color: rgba(4,46,74,0.8);
		border:none;
		color: #fff;
		}

a:link.button, a:visited.button {color: #fff; background-color: rgba(4,46,74,0.6); text-decoration: none; transition:all .2s;}

a:hover.button, a:focus.button, a:active.button { color: #fff; background-color: rgba(4,46,74,0.8); 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: .2em .6em;
		max-width:100%;
		overflow:hidden;
		white-space:nowrap;
		 }

a.button::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-radius: .5em;
    border: 1px solid #fff;
    transition: all .2s;
}
a.button:hover::before { border: 1px solid rgba(4,46,74,0.8); }

a.button.white:link, a.button.white:visited { color: #053f64; background-color: rgba(255,255,255,0.5); }
a.button.white:hover, a.button.white:active { background-color: rgba(255,255,255,0.8); }
a.button.blue:link, a.button.blue:visited { color: #fff; background-color: rgba(4,46,74,0.5); }
a.button.blue:hover, a.button.blue:active { background-color: rgba(4,46,74,0.8); }

/* 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: 90%; }
th,
td { text-align: left; }
th:first-child,
td:first-child { padding-left: 0; }
th:last-child,
td:last-child { padding-right: 0; }


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

.marginTop5     {margin-top:5px;}
.marginTop10    {margin-top:10px;}
.marginTop20    {margin-top:20px;}
.marginTop30    {margin-top:30px;}
.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;}

.paddingVert20 { padding: 20px 0; }
.noPadding { padding: 0; }
.noPaddingBottom { padding-bottom: 0; }

/* 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;
	font-size:90%;
	clear:both;
	padding: 0;
	}

footer a:link, footer a:visited {color:#CAC9C9; text-decoration: none;}
footer a:hover, footer a:active {color:#ffffff;	 text-decoration: none;}

footer .copyright {color:#CAC9C9; text-align:center; font-size:85%;}
footer #connect { width: 100%; }
footer i { font-size: 1.5em; margin: 0 3px; }

footer ul {list-style: none;}
footer li { position: relative; font-size: 1.2em; }
footer li a:hover, footer li a:active { color: #a2d1ad; }
footer li::before {
	content: '•';
	position: absolute;
	left: -15px;
	font-size: 1.6em;
	line-height: 0.9em;
	transition: all .2s;
	color: #a2d1ad;
}
footer input[type=text],
footer input[type=email] {
	width: 45%;
	border-radius: 5px;
	border: none;
	padding: 4px 20px;
	font-size: 1.2em;
	color: #1a1d1b;
	margin-right: 10px;
}

footer p { margin: 0; }

footer .container { position: relative; }
.logoWrap {
	position: absolute;
	top: 0;
	width: 260px;
	padding: 0 20px 30px 20px;
	text-align: center;
  z-index: 999999;
}
.logoWrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 95%;
	background: url('../images-index/bgWavebox.svg') no-repeat center top / contain;
	z-index: -1;
}
footer .logoWrap { top: unset; bottom: -40px; right: 0; height: calc(100% + 90px); padding: 20px; }
footer .logoWrap:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
footer .logo { width: 100%; height: 90%; margin-top: 10%; }

footer a:link .fab, footer a:visited .fab { color: #042e4a; font-size: 2em; background: #fff; border-radius: 50%; padding: 8px; width: 1em; transition: all .2s; }
footer a:hover .fab, footer a:active .fab { background: #a2d1ad; }

footer h5 { line-height: 1.2em; margin-bottom: 14px; }
footer button { position: relative; padding: 0; top: 2px; }

.hero { height: 170px; background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative; overflow: hidden; margin-bottom: 40px; margin-top: -80px; }
.hero video { position: absolute; width: 100%; height: 100%; min-width: 1340px; max-width: 2000px; }
@media (min-width:768px) { .hero { height: 280px; margin-top: -190px; } }
@media (min-width:2000px) { .hero video { left: calc(50vw - 1000px); } }
.index .hero { height: 753px; background-repeat: repeat; margin-bottom: 0; }
.index .hero::after { content: unset; }
.hero::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(17,119,189,0.75);
}
.hero .container { position: relative; z-index: 9; }
.hero h1 { margin-left: 20px; text-transform: uppercase; color: #fff; text-shadow: 0px 3px 3px rgba(0,0,0,0.5); }
.index .hero h1 { margin: 0 auto; }

.contactBar { position: relative; background: #042e4a; width: 100vw; }
.contactBar::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100vw;
	background: #042e4a url('../images-index/header.svg') no-repeat center bottom / 100%;
	-webkit-transform: scaleY(-1);
	        transform: scaleY(-1);
	z-index: 0;
}
.contactBar::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 60px;
	background: #053f64;
	z-index: 0;
}
.contactBar .container { position: relative; z-index: 10; }

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


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

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

/* Announcement
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@-webkit-keyframes pushdown {
  0% { max-height: 0; }
  100% { max-height: 600px; }
}
@keyframes pushdown {
  0% { max-height: 0; }
  100% { max-height: 600px; }
}
.announce {
  background: #fff;
  overflow: hidden;
  -webkit-animation-name: pushdown;
          animation-name: pushdown;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.announce .container { padding: 20px 0; }
.announce p { width: 100%; }

/* Custom Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hide { display:none; }
.colorWhite { color: #fff; }
.bgBlue { background-color: #053f64; }
.bgDarkBlue { background-color: #042e4a; }

.thumb::before, .phone::before, .mail::before { position: relative; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.thumb::before {
	content: '\f164';
	top: -3px;
	font-size: 0.8em;
	margin-right: 0.2em;
	color: #1177bd;
}
.phone::before, .mail::before { margin-right: .6em; }
.phone::before { content: '\f095'; }
.mail::before { content: '\f0e0'; }

.larger { font-size: 1.2em; }
.six>h2, .four>h2, .eight>h2 { margin-top: 0; }

.striped, .index .hero { background-color: #e2e2e2; background-image: url('../images-index/stripes.svg'); background-size: 7px; }
.striped.yellow { background-color: #a2d1ad; }
.striped {padding-top: 20px; padding-bottom: 20px; margin-top: 20px; margin-bottom: 20px;}

.arrow { position: relative; padding-left: 15px; }
.arrow::before {
	content: '';
	position: absolute;
	top: 6px;
	left: 2px;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #1177bd;
}

#link6>.four, #hist6>.four { background-size: cover; background-position: center center; height: 300px; max-width: 100vw; }
#link6>.four:nth-of-type(1) { background-image: url('../images-index/photos/Lighthouse_Museum_07.jpg'); }
#link6>.four:nth-of-type(2) { background-image: url('../images-index/photos/PensacolaLighthouse_11.jpg'); }
#link6>.four:nth-of-type(3) { background-image: url('../images-index/photos/4-25.jpg'); }
#link6>.four:nth-of-type(4) { background-image: url('../images-index/photos/historic.jpg'); }
#link6>.four:nth-of-type(5) { background-image: url('../images-index/photos/Explorer_Lighthouse_214.jpg'); }
#link6>.four:nth-of-type(6) { background-image: url('../images-index/photos/Experience_Family_Matt_476.jpg'); }

#hist6>.four { height: 200px; }
#hist6>.four:nth-of-type(1) { background-image: url('../images-index/photos/pr08468.jpg'); }
#hist6>.four:nth-of-type(2) { background-image: url('../images-index/photos/rc03339.jpg'); }
#hist6>.four:nth-of-type(3) { background-image: url('../images-index/photos/rc17085.jpg'); }
#hist6>.four:nth-of-type(4) { background-image: url('../images-index/photos/c018411.jpg'); }
#hist6>.four:nth-of-type(5) { background-image: url('../images-index/photos/rc05654.jpg'); }
#hist6>.four:nth-of-type(6) { background-image: url('../images-index/photos/rc11188.jpg'); }

.map { background: url('../images-index/gmap.jpg') no-repeat center center / cover; height: 300px; }

a.desat { -webkit-filter: saturate(0); filter: saturate(0); }
a.desat:hover { -webkit-filter: saturate(1); filter: saturate(1); }
.desat.smaller img { max-width: 60%; }

.waveBottom { position: relative; }


/* --- Find Your Stair  --- */

.lighthouseRight {
	position:relative;
	width:350px;
	float:right;
	height:1200px;
	background-image:url(../images-index/plates-lighthouse2.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.step { position:absolute; background-color:#053f64; width: 26px; height: 6px; }
.step:nth-child(22n+1) { left: 205px; }
.step:nth-child(22n+2), .step:nth-child(22n) { left: 209px; }
.step:nth-child(22n+3), .step:nth-child(22n+21) { left: 214px; }
.step:nth-child(22n+4), .step:nth-child(22n+20) { left: 218px; }
.step:nth-child(22n+5), .step:nth-child(22n+19) { left: 222px; }
.step:nth-child(22n+6), .step:nth-child(22n+18) { left: 226px; }
.step:nth-child(22n+7), .step:nth-child(22n+17) { left: 230px; }
.step:nth-child(22n+8), .step:nth-child(22n+16) { left: 234px; }
.step:nth-child(22n+9), .step:nth-child(22n+15) { left: 238px; }
.step:nth-child(22n+10), .step:nth-child(22n+14) { left: 242px; }
.step:nth-child(22n+11), .step:nth-child(22n+13) { left: 246px; }
.step:nth-child(22n+12) { left: 250px; }

.step.taken { background-color:#a2d1ad; }

.show {
	display:none;
	z-index:50;
}

.step:hover {
	background-color:#827366;
}

.stepTaken:hover {
	background-color:#827366;
}

.step:hover .show, .stepTaken:hover .show {
	display: block;
	width: 250px;
	min-height: 100px;
	background-color: #fff;
	position: relative;
	top: -135px;
	left: -340px;
	padding: 20px;
	z-index: 50;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;

	border: 1px solid #042e4a;
}

.logoGroup {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
          justify-content: center;
}
.logoGroup .logo {
  min-width: 100%;
  box-sizing: border-box;
  padding: 0 10px;
}

.logoGroup .logo img { max-height: 100px; }

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

	.mobileOnly, #mobileMenuTrigger {display:none;}



	@media only screen and (min-width: 768px) {
    header { height: 360px; overflow: hidden; }
    header .logo { padding: 10px; height: 245px; }
    footer img { max-width: 85%; }
    .larger { font-size: 1.5em; }
    footer .logoWrap { bottom: -54px; height: 260px; }
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 899px) {
    header .bg img { top: 0; width: 1700px; }
    header .logoWrap { left: 20px; }
    ul#mainMenu { font-size: .85em; }
    #hist6 .four { height: 240px; }
    .logoGroup .logo { -webkit-flex-basis: 50%; flex-basis: 50%; min-width: 50%; }
	}

	@media only screen and (max-width: 1024px) {
				#mobileMenuTrigger {display: block;}

}

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


		.hideMobile {display:none;}

		.mobileOnly {display:block;}


		.mobileCenter {text-align:center;}

		.wrapper {overflow:hidden;}

		ul.mainMenu {
			display:none;
			position: absolute;
			background:#005da4;
			width:90%;
			max-width:20em;
			left:0;
			top:0;
			font: 1.2em/normal sans-serif;
			margin:0 0 0 0;
			list-style:none;
			z-index:999;
			box-sizing:border-box;
			padding:40px 10px 20px 10px;
			border-bottom-right-radius: 6px;
			}

		.mainMenu li {
			float:none;
			margin:0;
			padding:0;
			}

		.mainMenu a {
			display:block;
			padding:8px 20px;
			transition:all .3s;
			}

		.mainMenu a:link, .mainMenu a:visited {color:#ffffff; background-color: transparent; text-decoration: none;}
		.mainMenu a:hover, .mainMenu a:active {color:#a2d1ad; background-color: transparent; text-decoration: none;}
		.submenu { display: none; }

    .index .hero { height: 50vh; background: url('/images/heros/VPExperience_LighthouseCouple_194.jpg') no-repeat center center / cover; }
    .hero h1 { font-size: 1.7em; text-align: center; }

    .desat img { max-width: 60%; }
    .desat.smaller img { max-width: 40%; }
    .logoGroup .logo { margin: 20px 0; }

    footer .logoWrap { position: relative; }
    footer .logo { width: 60%; }
    footer .contactBar::before, footer .contactBar::after { content: unset; }
	}

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


	}

	/* Desktop */
	@media only screen and (min-width: 900px) {
    #hist6 .four { height: 390px; }
    .logoGroup .logo {
      flex-basis: 16%;
      min-width: 14%;
    }
	}