@import url(print.css) print;
/* Fonts ----------------------------------------------------*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(https://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');
}
@font-face {
    font-family: 'FontAwesome';
    src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
	font-family: 'fiserv';
	src:url('../fonts/fiserv80e180e1.html?2govi7');
	src:url('../fonts/fiservd41dd41d.html?#iefix2govi7') format('embedded-opentype'),
		url('../fonts/fiserv80e180e1.woff?2govi7') format('woff'),
		url('../fonts/fiserv80e180e1.ttf?2govi7') format('truetype'),
		url('../fonts/fiserv80e180e1.svg?2govi7#fiserv') format('svg');
	font-weight: normal;
	font-style: normal;
}
html,
body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: "Open Sans", helvetica, arial, sans-serif;
	color: #009900;
	background-color: #ececdd;
	position: relative;
}
body > * {
	opacity: 0;
    visibility: hidden;
	animation: loadPage;
	animation-duration: 0.75s;
	animation-fill-mode: forwards;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: cubic-bezier(0.56, 0.27, 0.07, 1.11);
}
#homenav {
    transform: translateY(20vh);
	animation: loadnav;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-delay: 1.25s;
	animation-iteration-count: 1;
	animation-timing-function: cubic-bezier(0.56, 0.27, 0.07, 1.11);
}
@keyframes loadnav {
	0% {
		transform: translateY(20vh);
        opacity: 0;
		visibility: hidden;
	}
	100% {
		transform: translateY(0vh);
        opacity: 1;
        visibility: visible;
	}
}
@keyframes loadPage {
	0% {
		opacity: 0;
        visibility: hidden;
	}
	100% {
		opacity: 1;
        visibility: visible;
	}
}
/* Content --------------------------------------------------*/
iframe {
	border: solid 1px #ccc;
}
iframe#atmlocator {
	border: none;
	margin: 0 auto;
	display: block;
}
embed {
    position: relative;
    z-index: 100;
}
h1, h2, h3, h4, h5, h6 {
    color: #009900;
    margin-bottom: 0.5em;
    position: relative;
    margin-top: 1.375em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
}
h1 {
    color: #009900;
    font-size: 3.5em;
    font-weight: 700;
    line-height: 1.125em;
}
h2 {
    font-size: 2.125em;
    font-weight: 400;
    color: #555;
}
h3 {
    font-size: 1.625em;
    font-weight: 600;
    color: #ab2b2c;
}
h4 {
    font-size: 1.125em;
    color: #ab2b2c;
}
h5 {
    font-size: 1em;
}
h6 {
    color: #ab2b2c;
    font-size: 0.875em;
    font-weight: 400;
}
p {
    font-size: 1.125em;
    line-height: 1.5em;
    color: #666;
    margin-top: 0.5em;
}
img[title=Checkmark] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: auto !important;
	width: auto !important;
}
a {
    text-decoration: none;
    transition: all 0.25s ease;
    color: #009900;
    font-weight: 600;
    cursor: pointer;
}
a:hover {
    color: #3300CC;
}
strong {
    
}
em {

}
sup {
	font-size: 0.5em !important;
	vertical-align: super;
}
ul, ol {
    list-style-type: none;
}
ol li {
	padding: 0;
}
li {
    padding: 0 0 0 1em;
    position: relative;
    margin: 1em 0;
}
li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    line-height: inherit;
    font-size: inherit;
}
ul {
    padding-left: 1.375em;
}
ul li {
    padding-left: 1.375em;
    font-size: 1em;
    text-align: left;
    line-height: 1.625em;
}
li > * {
	font-size: inherit;
	line-height: inherit;
}
ul li::before {
    content: "";
    width: 0.875em;
    height: 0.1875em;
    background-color: #f00204;
    top: 0.75em;
}
ul.List-Checkmark li::before {
	content: "\f00c";
	font-family: "FontAwesome";
	height: auto;
	background-color: transparent;
	width: auto;
	top: 0;
	font-size: 1.125em;
	color: #ab2b2c;
}
ul li ul li {
    padding-left: 1.125em;
}

ul li ul * {
    font-size: 1em;
}
ul li ul li::before {
    background-color: #7f7f73;
    width: 0.625em;
    height: 0.125em;
}
ol {
    counter-reset: ordered-list;
    padding-left: 1.375em;
}
ol li::before {
    counter-increment: ordered-list;
    content: counter(ordered-list) ". ";
    color: #ab2b2c;
    font-weight: 700;
    position: relative;
    display: inline-block;
}
ol li > *:first-child {
	display: inline;
}
.anchor {
    top: -120px;
    position: absolute;
}
.Disclaimer {
    font-size: 0.875em;
    color: #666;
}
.Tagline {
    font-size: 2em;
    font-style: italic;
    margin: 0;
}
.Tagline + h2 {
	margin-top: 0;
}
.Float-Left {
    float: left;
    margin: 0 1em 1em 0;
	position: relative;
    z-index: 100;
}
.Float-Right {
    float: right;
    margin: 0 0 1em 1em;
    position: relative;
    z-index: 100;
}

/* Icons ----------------------------------------------------*/
i {
    font-style: normal;
}
[class*="fa-"]::before {
    font-family: "FontAwesome";
    font-weight: 400;
}
[class*="fi-"] {
    margin-right: 1em;
}
[class*="fi-"] + [class*="fi-"] {
    margin-right: 0;
}
[class*="fi-"]::before {
    content: "";
    font-family: "fiserv";
    display: inline-block;
    font-size: 1.75em;
    font-weight: 400;
    color: #a2a2a1;
}
[class*="fi-"] span {
    display: none;
}
.fi-fdic::before {
    content: "\e601";
}
.fi-ehl::before {
    content: "\e600";
}
.fa-map-marker::before {
    content: "\f041";
}
.fa-phone::before {
    content: "\f095";
}
.fa-envelope::before {
    content: "\f0e0";
}
.fa-search::before {
    content: "\f002";
}
.fa-map-o::before {
    content: "\f278";
}
.fa-graduation-cap:before {
    content: "\f19d"
}
.fa-shield:before {
    content: "\f132"
}
.fa-percent:before {
    content: "\f295"
}
.fa-credit-card:before {
    content: "\f09d"
}
.fa-envelope-o:before {
    content: "\f003"
}
.fa-certificate:before {
    content: "\f0a3";
}
.fa-dollar:before {
    content: "\f155";
}
/* Forms and buttons ----------------------------------------*/
input, select, textarea {
	border: solid 1px #bbbc8a;
	background-color: #fff;
	padding: 0.5em 1em;
	margin: 0.375em 0;
	width: 100%;
	box-sizing: border-box;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	outline: none;
	line-height: 1em;
    -webkit-appearance: none;
    border-radius: 0;
    box-shadow: none;
}
.risk-form input[type=radio] {
	visibility: hidden;
	position: absolute;
	left: -100%;
}
.risk-form input[type=radio] + label {
	display: flex;
	cursor: pointer;
	transition: all 0.25s ease;
	margin-top: 0.5em;
	align-items: center;
}
.risk-form input[type=radio]:checked + label::before,
.risk-form input[type=radio] + label:hover::before {
	background-color: #ab2b2c;
}
.risk-form input[type=radio] + label:active::before {
	background-color: rgba(236,236,221,1);
}
.risk-form input[type=radio] + label::before {
	content: "";
	display: inline-block;
	width: 1em;
	min-width: 1em;
	height: 1em;
	border-radius: 1em;
	border: solid 1px #ab2b2c;
	margin-right: 1em;
	transition: inherit;
}
.risk-form li {
	line-height: 1.5em;
}
.Button1, .Button2 {
    font-weight: 700;
    margin-right: 1em;
    box-sizing: border-box;
    border: none;
    display: inline-block;
    text-transform: uppercase;
}
ul li .Button1, ul li .Button2 {
    display: inline;
}
.Button1:last-child, .Button2:last-child {
    margin-right: 0;
}
.Button1::after {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 1.66666em;
    font-weight: 400;
    height: 100%;
    line-height: 1em;
    vertical-align: top;
    padding-left: 0.25em;
}
.Button2 {
    background-color: #ab2b2c;
    padding: 0 0.375em 0 0.625em;
    color: #ececdd;
    position: relative;
    font-weight: 600;
    box-sizing: border-box;
    height: 2em;
    line-height: 2em;
}
.Button2:hover {
    background-color: #98988e;
    color: #ececdd;
}
.Button2:hover::after {
    border-left-color: #98988e;
}
.Button2::after {
    content: "";
    border: solid 1em;
    border-right: none;
    border-left: solid 0.75em;
    border-color: transparent transparent transparent #ab2b2c;
    box-sizing: border-box;
    width: 0;
    height: 0;
    position: absolute;
    transform: translateX(100%);
    right: 0;
    top: 0;
    transition: inherit;
}
/* Table Classes --------------------------------------------*/
.Table-Style,
.Table-Simple,
.Table-Product {
    /* border-collapse: collapse; */
    border-spacing: 0;
    display: table;
    margin-bottom: 3em;
    position: relative;
}
.Table-Style,
.Table-Product {
	border-bottom: solid 10px #666;
}
.Table-Style tbody,
.Table-Style thead,
.Table-Simple tbody,
.Table-Product tbody {
    display: table-row-group;
    background-color: rgba(255,255,255,0.0);
}
.Table-Style tr,
.Table-Simple tr,
.Table-Product tr {
    display: table-row;
    transition: all 0.5s ease;
}
.Table-Style th,
.Table-Style td,
.Table-Simple td,
.Table-Product td {
    display: table-cell;
    border-right: solid 1px #ccc;
    border-top: solid 1px #ccc;
    padding: 1em;
    vertical-align: top;
}
.Table-Product td:first-child {
    
}
.Table-Style th:first-child,
.Table-Style td:first-child,
.Table-Simple td:first-child,
.Table-Product td:first-child {
    border-left: solid 1px #ccc;
}
.Table-Style tr:last-child td,
.Table-Product tr:last-child td {
}
.Table-Simple tr:last-child td {
    border-bottom: solid 1px #ccc;
}
.Table-Style tr:hover,
.Table-Simple tr:hover,
.Table-Product tr:hover {
    background-color: rgba(127,127,115,0.1);
}
.Table-Style thead tr:hover,
.Table-Simple thead tr:hover,
.Table-Product thead tr:hover {
	background: none;
}
.Table-Style td > *:first-child,
.Table-Simple td > *:first-child,
.Table-Product td > *:first-child,
.Table-Style th > *:first-child,
.Table-Simple th > *:first-child,
.Table-Product th > *:first-child {
    padding-top: 0;
    margin-top: 0;
}
.Table-Style td > *:last-child,
.Table-Simple td > *:last-child,
.Table-Product td > *:last-child,
.Table-Style th > *:last-child,
.Table-Simple th > *:last-child,
.Table-Product th > *:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.Table-Style td > *:not(h3):not(h4),
.Table-Simple td > *:not(h3):not(h4),
.Table-Product td > *:not(h3):not(h4),
.Table-Style th > *:not(h3):not(h4),
.Table-Simple th > *:not(h3):not(h4),
.Table-Product th > *:not(h3):not(h4) {
	font-size: 1em;
}
.Table-Style th,
.Table-Product td:first-child {
    background-color: rgba(127,127,115,0.1);
    border-bottom: none;
}
.Table-Style th,
.Table-Product td:first-child,
.Table-Style th p,
.Table-Product td:first-child p {
    color: #333;
    font-weight: 600;
    font-size: 1.111111em;
}
.Table-Style th p,
.Table-Product td:first-child p {
	font-size: 1em;
}
.Table-Style caption,
.Table-Product th {
    background-color: rgba(187,188,138,0.35);
    border: solid 1px #bbbc8a;
    border-bottom: none;
    padding: 1em;
    font-size: 1.25em;
}
.Table-Product th {
    border-left: none;
}
.Table-Product tr:first-child th:first-child, .Table-Product tr:first-child th:first-child p {
    background: none;
    font-size: 1.11111em;
    text-align: left;
}
.Table-Product th:first-child p {
    /* font-size: 1em; */
}
.Table-Style caption p,
.Table-Product th p,
.Table-Style caption,
.Table-Product th {
    font-weight: 700;
    font-size: 1.444444em;
    color: #ab2b2c;
}
.Table-Style caption p,
.Table-Product th p {
    font-size: 1em;
}
.Table-Product th:first-child {
    background-color: transparent;
    border-top: none;
    color: rgba(0,0,0,0.7);
}
.Table-Product thead tr + tr th:first-child {
	background-color: rgba(187,188,138,0.35);
	border-top: solid 1px #bbbc8a;
}
.Table-Staff {
	border-collapse: collapse;
	width: 100%;
}
.Table-Staff td {
	padding: 1em;
	width: auto !important;
	box-sizing: border-box;
}
.Table-Staff td:first-child {
	white-space: nowrap;
	width: 33.333333% !important;
	font-weight: 700;
}
.Table-Staff tr:nth-child(2n + 1) {
	background-color: rgba(236,236,221,0.8);
	border: solid 1px #ccc;
}
.Table-Staff td > * {
	margin: 0;
	padding: 0;
}
/*--------- BeaverCreek -------------------*/
#bcmAdBackground {
    visibility:visible;
}
#bcmAdContent {
    visibility:visible;
}
/*--------- Expandables -------------------*/
.expandable {
	display:block;
	border-bottom: 1px solid #ccc;
	width:100%;
	box-sizing:border-box;
	overflow: hidden;
	margin-top: 1em;
}
.expandable.animate {
    transition: all 0.5s ease;
}
.expandable.expanded {
	height: auto;
}
.expandable::after {
    content: "";
    display: block;
    padding-top: 1em;
}
.expandable>*:first-child{
	display:block;
	width:100%;
	box-sizing:border-box;
	cursor:pointer;
	position:relative;
	margin:0;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	transition: color .25s ease-in-out;
	padding: 0.5em 1.125em 0.5em 0;
}

.expandable.expanded>*:first-child{
	position:relative;
	height:auto;
	white-space:normal;
}
.expandable>*:first-child::after {
	content: "\f107";
	position:absolute;
	top: 0;
	right: 0px;
	font-family: 'FontAwesome';
	font-size: 1.75em;
	font-weight:bold;
	overflow:hidden;
	pointer-events: none;
	transition: all .2s ease-in-out;
}
.expandable.expanded>*:first-child::after {
	transform: rotate(180deg);
}
/* Structure ------------------------------------------------*/
header, section, footer {
    width: 100%;
}
header::after, section::after, footer::after, .clearfix::after {
    content: "";
    display: block;
    /* visibility: hidden; */
    width: 0;
    height: 0;
    clear: both;
}
header > div, section > div, footer > div, .inner-content, nav#primary > div, nav#homenav > ul {
    max-width: 1280px;
    width: 93.75%;
    margin: 0 auto;
}
header {
    
position: relative;
    
z-index: 8;
}
header > div {
    
}
.subsection:last-child {
	display: flex;
	/* justify-content: center; */
	/* align-items: center; */
	height: 100vh;
	padding: 0;
	border-bottom: solid 10px;
	box-sizing: border-box;
}
.subsection:last-child > div {
    width: auto;
    text-align: center;
}
.subsection {
    border-top: solid 10px #666;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,250,0.75) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.9) 0%,rgba(255,255,250,0.75) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,250,0.75) 100%);
    padding: 3.33333% 0;
    flex-grow: 1;
}

.subsection > div > *:first-child {
    margin-top: 0;
    padding-top: 0;
}
.subsection > div > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.subsection-image {
    padding: 8.333333% 0;
    background-image: url(../images/subsection-image.jpg);
    background-size: cover;
    background-position: 50% 50%;
    border-right: none;
    position: relative;
    color: #333;
    transition: all 0.5s ease;
}
.home .subsection-image {
    background-attachment: fixed;
}
.subsection-image:first-of-type::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 170px;
    z-index: 2;
}
.subsection-image h2, .subsection-image p {
    color: #555;
}
.subsection-image h2 {
    display: inline-block;
    margin: 0;
}
.subsection-image p {
    font-size: 1em;
    margin: 0.5em 0;
    line-height: 1.714285em;
}
.subsection-image p.Tagline, .subsection-image td:first-child p.Tagline {
    font-size: 2em;
    margin: 0;
}
.subsection-image h3 {
    color: #ab2b2c;
    font-size: 1.125em;
    font-weight: 600;
    margin-bottom: 0;
}
.subsection-image p + h3 {
	margin-top: 2em;
}
.subsection-image td:first-child h2::before, .subsection-image td:first-child h2::after {
    content: "";
    display: block;
    position: absolute;
    height: 3px;
    background-color: #7f7f73;
    top: 50%;
}
.subsection-image h2::before {
    width: 20%;
    left: -25%;
}
.subsection-image h2::after {
    width: 12%;
    right: -17%;
}
.subsection-image > div {
    position: relative;
    z-index: 3;
}
.subsection-image::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    visibility: visible;
    background-image: url(../images/star-backgroundf9e3f9e3.svg?v=1.1);
    background-size: cover;
    background-position: 50% 50%;
    background-color: rgba(250,250,240,0.25);
    z-index: 2;
}
.subsection-image:first-of-type::after {
    background-position: 50% calc(50% + 34px);
}
.subsection-image table,
.subsection-image table tbody,
.subsection-imagetable td {
    display: block;
}
.subsection-image table tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.subsection-image table td {
    width: 50%;
    display: block;
}
.subsection-image table td:first-child {
    width: 40%;
    position: relative;
    text-align: right;
}
.subsection-image:first-of-type table td:first-child {
    /* text-align: left; */
}
.subsection-image table td:first-child p {
    font-size: 1.125em;
}
.subsection-image table td:first-child > * {
    position: relative;
    z-index: 2;
}
.subsection-image table td:first-child > *:first-child {
    margin-top: 0;
    padding-top: 0;
}
.subsection-image table td:first-child > h1 {
	margin-bottom: 0.375em;
}
.subsection-image table td:first-child > *:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.subsection-image table td:first-child::after {
    content: "";
    display: block;
    width: 130%;
    height: 130%;
    top: -10%;
    right: -20%;
    position: absolute;
    background-color: rgba(255,255,250,0.85);
    filter: blur(48px);
    z-index: 1;
}
@supports (-ms-ime-align:auto) {
    .subsection-image table td:first-child::after {
        content: none;
    }
    .subsection-image table td:first-child * {
        text-shadow: 0px 0px 20px #ececdd !important;
    }
}
.subsection-image:first-of-type table td:first-child::after {
    background-color: rgba(255,255,250,0.5);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .subsection-image table td:first-child {
        text-shadow: 0px 0px 20px #ececdd;
    }
    .subsection-image table td:first-child::after {
        content: none;
    }
}
.subsection + * {
	border-top: solid 10px #ab2b2c;
}
/* Quicklinks ---------------------------------------------------------------*/
.quicklinks {
	border-top: solid 16px #ab2b2c;
	padding: 5% 0 5% 0;
	position: relative;
	color: #009900;
	text-align: center;
	background: linear-gradient(315deg, transparent 75%, #fcfcfb 0)-35px 0,
    linear-gradient(45deg, transparent 75%, #fcfcfb 0)-35px 0,
    linear-gradient(135deg, #f8f8f8 50%, transparent 0) 0 0,
    linear-gradient(45deg, #fafaf9 50%, #fdfdfc 0) 0 0 magenta;
	background-size: 70px 70px;
	z-index: 3;
}
.quicklinks p, .quicklinks h2 {
	color: #7f7f73;
}
.quicklinks h2 {
	margin-bottom: 1.875em;
	margin-top: 0;
}
.quicklinks > div > *:first-child {
    padding-top: 0;
    margin-top: 0;
}
.quicklinks > div > *:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.quicklinks > div {
    position: relative;
    z-index: 2;
    /* max-width: 1024px; */
}
.quicklinks table,
.quicklinks tbody {
	width: 100%;
}
.quicklinks table,
.quicklinks tbody,
.quicklinks td {
    display: block;
}
.quicklinks table td {
	width: 16.666666%;
}
.quicklinks tr {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.quicklinks td a {
    font-size: 0.875em;
    color: #98988e;
    font-weight: 600;
    display: block;
}
.quicklinks td a:hover {
	color: #ab2b2c;
}
.quicklinks td a::before {
    display: block;
    font-size: 4.142857em;
    font-weight: 400;
    margin-bottom: 0.344827em;
    transition: inherit;
}
.quicklinks td a:hover::before {
	transform: translateY(-0.125em);
	color: #ab2b2c;
}
.quicklinks::before {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    margin-left: -20px;
    left: 50%;
    top: 0;
    border: solid 20px;
    border-color: #ab2b2c transparent transparent transparent;
}
.quicklinks::after {
    width: 100%;
    height: 62.5%;
    visibility: visible;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%);
    z-index: 1;
}
.promo {
    
}
footer {
    border-top: solid 10px #666;
    padding: 3.125% 0;
    position: relative;
    background: linear-gradient(315deg, transparent 75%, #efefe5 0)-35px 0,
    linear-gradient(45deg, transparent 75%, #efefe5 0)-35px 0,
    linear-gradient(135deg, #e8e8df 50%, transparent 0) 0 0,
    linear-gradient(45deg, #ebebe2 50%, #f2f2e8 0) 0 0 magenta;
    background-size: 70px 70px;
}
footer::after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    visibility: visible;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}
footer > div {
    z-index: 2;
    position: relative;
}
footer > div div {
    display: flex;
    justify-content: space-between;
}

footer > div div:first-child a, footer > div div:first-child label {
    font-size: 1.5em;
    position: relative;
    padding-right: 2em;
    margin-bottom: 1em;
}
footer > div div:first-child label {
	padding-right: 0;
}
footer > div div:first-child a {
	white-space: nowrap;
}
footer > div div input {
	width: 5em;
	padding: 0;
	background: none;
	margin: 0;
	height: 1em;
	color: #666;
	font-weight: 600;
	border: none;
}
footer > div div input::-webkit-input-placeholder {
   color: #666;
}

footer > div div input:-moz-placeholder { /* Firefox 18- */
   color: #666;
   opacity: 1;
}

footer > div div input::-moz-placeholder {  /* Firefox 19+ */
   color: #666;
   opacity: 1;
}

footer > div div input:-ms-input-placeholder {  
   color: #666;
}

footer > div div label:hover input::-webkit-input-placeholder {
   color: #ab2b2c;
}

footer > div div label:hover input:-moz-placeholder { /* Firefox 18- */
   color: #ab2b2c;
}

footer > div div label:hover input::-moz-placeholder {  /* Firefox 19+ */
   color: #ab2b2c;
}

footer > div div label:hover input:-ms-input-placeholder {  
   color: #ab2b2c;
}
footer > div div a span, footer > div div label span {
    font-size: 0.583333em;
    display: block;
    margin-top: 0.125em;
    font-weight: 400;
    /* float: left; */
}
footer > div div label {
	position: relative;
	display: block;
}
footer > div div label span::after {
	content: "";
	display: block;
	position: absolute;
	background-color: rgba(255,255,255,0.65);
	width: 100%;
	height: 100%;
	left: -1.5em;
	top: -1em;
	z-index: -1;
	padding: 1em 1.5em;
	transition: all 0.25s ease;
	opacity: 0;
}
footer > div div label input:focus + span::after {
	opacity: 1;
}
footer > div div:first-child a::before, footer > div div:first-child label::before {
    height: 100%;
    padding-right: 0.5em;
    font-size: 1.5em;
    color: #d7b365;
    transition: all 0.25s ease;
    float: left;
    transform: translate3d(0,0,0);
    text-align: center;
}
footer > div div:first-child a:hover, footer > div div:first-child a:hover::before, footer > div div:first-child label:hover::before {
    color: #ab2b2c;
}
footer > div div:first-child a:hover::before, footer > div div:first-child label:hover::before {
    transform: translateY(-0.125em);
}
footer a {
    color: #666;
}
footer ul {
    display: flex;
    justify-content: center;
    padding: 1.979166% 0 3.125% 0;
    margin: 0;
}
footer ul li {
	padding-left: 0;
}
footer ul li::before {
    content: none;
    padding: 0;
    margin: 0;
}
footer ul li a {
    padding: 0 1em;
    font-weight: 400;
    font-size: 1.125em;
}
footer > div div:last-child {
    justify-content: center;
    flex-wrap: wrap;
}
footer > div div:last-child p {
    text-align: center;
    width: 100%;
    font-size: 0.875em;
    margin-top: 0;
    color: #a2a2a1;
}
/* Go to Top ------------------------------------------------*/
#gototop {
    position: fixed;
    right: -8.5em;
    bottom: 10vh;
    z-index: 3;
    padding: 0.75em 0.75em 0.75em 0em;
    background-color: #ab2b2c;
    color: #fff;
    font-family: "Open Sans", helvetica, arial, sans-serif;
    vertical-align: top;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.35);
}
#gototop::before {
    padding: 0.75em;
    font-weight: 400;
    vertical-align: top;
}
#gototop:hover {
    background-color: #98988e;
}
#gototop.gototopactive {
    right: -5.5em;
}
#gototop.gototopactive:hover {
    right: 0;
}
/* Primary Nav ----------------------------------------------*/
.home nav#primary {
    transform: translateY(-135px);
}
.home nav#primary.scroll {
    transform: translateY(0px);
}
nav#primary {
    position: fixed;
    display: flex;
    width: 100%;
    height: 135px;
    margin: 0;
    top: 0;
    z-index: 101;
    transition: all 0.5s ease;
    background-image: -moz-linear-gradient(top,  rgba(236,236,221,1) 7%,rgba(245,237,198,0) 100%);
    background-image: -webkit-linear-gradient(top,  rgba(236,236,221,1) 7%,rgba(245,237,198,0) 100%);
    background-image: linear-gradient(to bottom,  rgba(236,236,221,1) 7%,rgba(245,237,198,0) 100%);
    background-repeat: no-repeat;
}
body.speedbump nav#primary {
	background: none;
}
@media screen and (min-width: 1024px){
	body:not(.home) nav#primary + * {
		padding-top: calc(8.333333% + 68px);
	}
}
body:not(.home) nav#primary + * {
	border-top: none;
}
nav#primary > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
body.speedbump nav#primary > div {
	/* justify-content: center; */
}
nav#primary > div > * {
    display: block;
}
nav#primary #logo img {
    width: 256px;
    transition: all 0.5s ease;
}
@media only screen and (min-width: 1024px) {

    .home nav#utility > a > img {
        transform: translateX(-100%);
        opacity: 0;
        transition: all 0.625s 1s cubic-bezier(0.56, 0.27, 0.07, 1.11);
    }
    .home.load nav#utility > a > img {
        transform: translateX(0%);
        opacity: 1;
    }
}
@keyframes slideLogo {
  0%{
      transform: translateX(-100%);
      opacity: 0;
  }
  100%{
      transform: translateX(0%);
      opacity: 1;
  }
}
nav#primary ul {
    padding: 0;
    align-content: center;
    justify-content: center;
}
nav#primary > div > ul {
    display: flex;
    justify-content: flex-start;
    position: relative;
    margin: 0;
    height: 100%;
}
body.speedbump nav#primary > div > ul {
	display: none;
}
nav#primary ul li {
    position: static;
    padding: 0;
    margin: 0;
}
nav#primary ul li::before {
    content: none;
}
nav#primary > div > ul > li {
    transition: all 0.5s ease;
    height: 100px;
    margin-top: 18px;
}
nav#primary > div > ul > li ul li {
	padding-bottom: 0.75em;
	font-size: 0.875em;
	line-height: 1.25em;
}
nav#primary > div > ul > li ul li a {
	font-weight: 400;
	width: 100%;
	display: block;
}
nav#primary > div > ul > li h2 {
    padding: 0.5em 2.5em;
    font-size: 1em;
    cursor: pointer;
    color: #555;
    line-height: 1.25em;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    box-sizing: border-box;
    transition: all 0.25s ease;
}
nav#primary > div > ul > li h3 {
    font-size: 1em;
    font-weight: 700;
    color: #ab2b2c;
    margin-bottom: 0.75em;
}
nav#primary > div > ul > li h2 span {
    font-size: 1.25em;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}
nav#primary > div > ul > li > div {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    right: 0;
    top: 118px;
    width: 115%;
    transition: all 0.5s ease;
    background: -moz-linear-gradient(top,  rgba(255,255,250,0.95) 0%, rgba(236,236,221,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,250,0.95) 0%,rgba(236,236,221,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,250,0.95) 0%,rgba(236,236,221,1) 100%);
    z-index: 1;
}
nav#primary > div > ul > li > div div {
    margin-top: -310px;
    min-width: 10em;
	transition: all 0.5s cubic-bezier(0.56, 0.27, 0.07, 1.11);
    padding: 1em 2em 2em 2em;
    position: relative;
    flex-grow: 1;
    border-bottom: solid 5px rgba(0,104,55, 0.8);
}
nav#primary > div > ul > li > div div::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1px;
    height: calc(100% - 2em);
background: -moz-linear-gradient(top,  rgba(102,102,102,0) 0%, rgba(204,204,204,1) 100%);
background: -webkit-linear-gradient(top,  rgba(102,102,102,0) 0%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom,  rgba(102,102,102,0) 0%,rgba(204,204,204,1) 100%);
}
nav#primary > div > ul > li > div div:first-child::before {
    content: none;
}
@media only screen and (min-width:1024px){
    nav#primary.scroll {
        background-color: rgba(236,236,221,0.95);
        box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
        height: 100px;
        background-image: -moz-linear-gradient(top,  rgba(236,236,221,1) 7%,rgba(245,237,198,0) 100%);
        background-image: -webkit-linear-gradient(top,  rgba(236,236,221,1) 7%,rgba(245,237,198,0) 100%);
        background-image: linear-gradient(to bottom,  rgba(236,236,221,1) 7%,rgba(245,237,198,0) 100%);
    }
    nav#primary.scroll #logo img {
        width: 200px;
    }
    nav#primary.scroll > div > ul > li > div {
        top: 100%;
        border-top: none;
    }
    nav#primary.scroll > div > ul > li {
        margin-top: 0;
    }
    nav#primary > div > ul > li h2 {
        position: relative;
        overflow: hidden;
    }
    nav#primary > div > ul > li h2::after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: solid 25px;
        border-bottom: solid 18.75px;
        border-top: none;
        border-color: transparent transparent rgba(255,255,250,0.95) transparent;
        transition: all 0.5s ease;
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -25px;
        opacity: 0;
        transition: all 0.5s ease;
    }
    nav#primary > div > ul > li:hover h2 {
        color: #ab2b2c;
    }
    nav#primary > div > ul > li:hover h2::after {
        opacity: 1;
        bottom: 0;
    }
    nav#primary > div > ul > li:hover > div div {
        margin-top: 0;
    }
}
nav#primary #menuopen, nav#primary #loginopen {
    display: none;
    font-size: 1.375em;
    color: #ab2b2c;
    font-weight: 700;
}
nav#primary #loginopen {
	/* font-size: 1.625em; */
}
nav#primary #menuopen:hover, nav#primary #loginopen:hover {
	color: #98988e;
}
nav#primary #menuopen::before {
	padding-right: 0.25em;
}
/* Nav Homenav ----------------------------------------------------*/
nav#homenav {
    bottom: 0;
    width: 100%;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.625) 37.5%,rgba(255,255,255,1) 87.5%,rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.625) 37.5%,rgba(255,255,255,1) 87.5%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.625) 37.5%,rgba(255,255,255,1) 87.5%,rgba(255,255,255,1) 100%);
    z-index: 3;
    order: 3;
    margin-top: -512px;
    position: relative;
}
nav#homenav > ul {
	display: flex;
	padding: 0;
}

nav#homenav > ul > li {
	width: 25%;
	padding: 1% 0 0 0;
	margin: 0;
	/* overflow: hidden; */
	height: 368px;
	margin-top: 25px;
}
nav#homenav > ul > li::after {
    content: "";
    display: block;
    position: absolute;
    box-sizing: border-box;
    margin-left: -30px;
    left: 50%;
    bottom: 0;
    border: solid 30px;
    border-color: transparent transparent rgba(236,236,221,1) transparent;
    border-top: none;
    transform: translateY(100%);
    transition: all 0.5s ease;
}
nav#homenav > ul > li:hover::after {
	transform: translateY(0);
}
nav#homenav > ul > li > h2 svg {
	content: "";
	border-radius: 50%;
	width: 130px;
	height: 130px;
	background: none;
	border: solid 3px #bbbc8a;
	box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35);
	margin-bottom: 1.5em;
	fill: #94948a;
	background-color: #fff;
	transition: all 1s ease;
}
nav#homenav > ul > li:hover > h2 svg {
	fill: #ab2b2c;
}
nav#homenav > ul > li::before {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 70%;
	bottom: 0;
	top: auto;
	left: 0;
	background: -moz-linear-gradient(top,  rgba(100,75,120,0) 0%, rgba(121,116,116,1) 78%, rgba(127,127,115,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(100,75,120,0) 0%,rgba(121,116,116,1) 78%,rgba(127,127,115,1) 100%);
	background: linear-gradient(to bottom,  rgba(100,75,120,0) 0%,rgba(121,116,116,1) 78%,rgba(127,127,115,1) 100%);
}
nav#homenav > ul > li:first-child::before {
	content: none;
}
nav#homenav > ul > li > h2 {
	font-size: 1.5em;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	position: absolute;
	transition: all 0.625s cubic-bezier(0.56, 0.27, 0.07, 1.11);
	margin: 0;
	color: #7f7f73;
	bottom: 2.5em;
}
nav#homenav > ul > li > h2 span {
	font-size: 1.333333333333333em;
	font-weight: 600;
	text-transform: uppercase;
}
nav#homenav > ul > li > div {
	padding: 2em 2em 3em 2em;
	min-height: 100%;
	position: relative;
	border-top: solid 10px #7f7f73;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.2) 100%);
	transform: translateY(100%);
	box-sizing: border-box;
	transition: all 0.625s cubic-bezier(0.56, 0.27, 0.07, 1.11), max-height 0.25s 0.125s linear;
	max-height: 200px;
	overflow: hidden;
}
nav#homenav > ul > li:hover > h2 {
	transform: translateY(125%);
}
nav#homenav > ul > li:hover > div {
	transform: translateY(-33%);
	max-height: 150%;
}
nav#homenav > ul > li > div h3 {
	font-size: 1.125em;
	font-weight: 700;
	margin-bottom: 0.5em;
	border-bottom: solid 1px rgba(102,102,102,0.4);
	padding-bottom: 0.5em;
	color: #ab2b2c;
}
nav#homenav > ul > li > div > div:first-child h3 {
	margin-top: 0;
}
nav#homenav > ul > li > div ul {
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
nav#homenav > ul > li > div ul li {
	font-size: 0.875em;
	margin: 0.25em 0;
	padding: 0;
}
nav#homenav > ul > li > div ul li::before {
	content: none;
}
/* Utility Nav ----------------------------------------------------*/
nav#utility {
	display: flex;
	justify-content: space-between;
}
nav#utility > a {
	padding-top: 25px;
}
nav#utility ul {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 0 10px 0;
}
nav#utility ul li {
	margin: 0;
}
nav#utility ul li::before {
	content: none;
}
nav#utility ul li a {
	color: #666;
}
nav#utility ul li a:hover, nav#utility label:hover, nav#utility label:hover input {
	color: #ab2b2c;
}
nav#utility ul li a::before, nav#utility label::before {
	padding-right: 0.5em;
	padding-left: 1em;
}
nav#utility label {
	display: flex;
	align-items: baseline;
}
nav#utility label span:last-child {
	display: none;
}
nav#utility label input {
	width: 8em;
	background-color: transparent;
	padding: 0;
	margin: 0;
	outline: none;
	font-weight: 600;
	color: #666;
	padding: 0.5em 0.5em 0.5em 0;
	order: 2;
	transition: all 0.25s ease;
	box-sizing: content-box;
	height: 1em;
	border: none;
}
nav#utility label input + span {
	padding: 0.5em 0.5em 0.5em 1em;
	transition: all 0.25s ease;
	line-height: 1em;
	height: 1em;
}
nav#utility label input + span::before {
	line-height: 1em;
	height: 1em;
}
nav#utility label input:focus {
	background-color: rgba(255,255,255,0.875);
}
nav#utility label input:focus + span {
	background-color: rgba(255,255,255,0.875);
}
nav#utility label input::-webkit-input-placeholder {
   color: #666;
}

nav#utility label input:-moz-placeholder { /* Firefox 18- */
   color: #666;
   opacity: 1;
}

nav#utility label input::-moz-placeholder {  /* Firefox 19+ */
   color: #666;
   opacity: 1;
}

nav#utility label input:-ms-input-placeholder {  
   color: #666;
}

nav#utility label:hover input::-webkit-input-placeholder {
   color: #ab2b2c;
}

nav#utility label:hover input:-moz-placeholder { /* Firefox 18- */
   color: #ab2b2c;
}

nav#utility label:hover input::-moz-placeholder {  /* Firefox 19+ */
   color: #ab2b2c;
}

nav#utility label:hover input:-ms-input-placeholder {  
   color: #ab2b2c;
}
/* Site Notice ---------------------------------------------*/
#notice {
	background-color: #ab2b2c;
	font-size:14px;
	overflow:hidden;
	height: 0px;
	transition: all 0.75s ease;
	overflow:hidden;
	color: #fff;
	position: fixed;
	z-index: 4;
	width: 100%;
	bottom: 0;
}
#notice.active {
	height: 75px;
}
#notice > div, #notice > div > div {
	height: 100%;
}
#notice > div > div > table {
    margin: 0 auto;
    width: 93.75%;
    max-width: 1280px;
    height: 100%;
}
#notice table tr td {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}
#notice table tr td p {
	text-align: center;
	flex-grow: 2;
	color: #fff;
	margin: 0;
}
#notice table tr td a {
	color: #fff;
}
.noticecloser {
	order: 3;
	margin-left: 1em;
	cursor: pointer;
}
.noticecloser::before, .noticeclosersession::before {
	content: "X";
	display: block;
	font-weight: 700;
	font-size: 1.5em;
	transition: all 0.25s ease;
}
.noticecloser:hover::before, .noticeclosersession:hover::before, #notice table tr td a:hover {
	color: #98988e;
}
.noticeclosersession::before {
	content: "\2013";
}
.noticeclosersession {
	order: 2;
	cursor: pointer;
}
#notice table tr {
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
}
#notice table, #notice table tbody {
	width: 100%;
	height: 100%;
	display: block;
}
#noticeHtml table td {

}
#noticeHtml p {

}
#noticeHtml {

}
#notice.active #noticeHtml {

}

#noticeHtml a {
	text-decoration:none;
	color: #000;
}
#noticeHtml a:hover {
	color: rgba(255,255,255,.75);
}
#noticeHtml td.rev {

}

#noticecloser, #noticeclosersession {
	height: 100%;
	float: right;
	width: 30px;
	cursor:pointer;
}
#noticecloser:before{
	content:"x";
	font-size:24px;
	font-weight:bold;
	line-height: 65px;
}
#noticeclosersession:before{
	content:"\2013";
	font-size:24px;
	font-weight:bold;
	line-height: 65px;
}
/* Login and top menu ----------------------------------------------------*/
#home-top {
	position: absolute;
	z-index: 3;
	height: 0px;
}
#home-top::before {
	content: "";
	background: -moz-linear-gradient(top,  rgba(187,188,138,1) 7%, rgba(187,188,138,0.9) 16%, rgba(187,188,138,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(187,188,138,1) 7%,rgba(187,188,138,0.9) 16%,rgba(187,188,138,0) 100%);
	background: linear-gradient(to bottom,  rgba(187,188,138,1) 7%,rgba(187,188,138,0.9) 16%,rgba(187,188,138,0) 100%);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 170px;
	z-index: 1;
	pointer-events: none;
}
#home-top > * {
	z-index: 2;
	position: relative;
	height: 0px;
}
#login {
	max-width: 25%;
	padding: 5.625% 0 0 0;
	box-sizing: border-box;
}
#login h3 {

margin: 1.25em 0 0.5em 0;

color: #666;

font-size: 1.5em;
}
#login ul {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
#login ul li {
	padding: 0;
	font-size: 1.125em;
	padding-right: 1em;
	margin: 0;
}
#login ul li a {
	font-weight: 700;
}
#login ul li a::before {
	font-size: 1.333333em;
	padding-right: 0.25em;
}
#login ul li::before {
	content: none;
}
#login input,
#login label,
#login #oblinks2 {
	display: none;
}
#login.personal label, #login.business label {
	display: flex;
}
#login.personal #username, #login.personal #password, #login.personal #oblinks1 {
	display: block;
}
#login.personal #AccessIDVisible, #login.personal #oblinks2 {
	display: none;
}
#login.business #AccessIDVisible, #login.business #oblinks2 {
	display: block;
}
#login.personal #oblinks1,
#login.personal #oblinks2 {
    width: 100%;
}
#login.business #username, #login.business #password, #login.business #oblinks1 {
	display: none;
}
button[type=submit] {
	background-color: #fcfdfc;
	padding: 0;
	margin: 0.375em 0;
	display: flex;
	align-items: center;
	padding: 0 0.875em;
	cursor: pointer;
	border: solid 1px #bbbc8a;
	border-left: none;
}
button[type=submit]::before {
	color: rgba(102,102,102,0.4);
	font-size: 1.375em;
	transition: all 0.25s ease;
}
button[type=submit]:hover::before {
	color: #ab2b2c;
}
#login form {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
#login input[type=submit] {
	display: none;
}
#password, #AccessIDVisible {
	width: 75%;
	flex-grow: 1;
	border-right: none;
}
/* forms ----------------------------------------------------*/
.quicklinks form {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	align-items: stretch;
	justify-content: center;
	max-width: 480px;
}
.quicklinks form h2 {
	margin-bottom: 0.875em;
}
.quicklinks form label {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	flex-grow: 1;
	margin: 0.375em 0;
}
.quicklinks form label + label {
	width: calc(100% - 6em);
}
.quicklinks form label + button {
	background-color: #ececdd;
	margin: 0.375em 0;
	padding: 0 0.875em;
	border: solid 1px #bbbc8a;
	border-left: none;
}
.quicklinks form label + button:hover::before {
	color: rgba(102,102,102,0.4);
}
.quicklinks form label + button::before {
	font-size: 1.375em;
	color: #ab2b2c;
	transition: all 0.25s ease;
}
.quicklinks form label + button span {
	display: none;
}
.quicklinks form label span {
	display: none;
}
.quicklinks form input {
	background-color: #ececdd;
	color: #555;
	margin: 0;
}
.quicklinks form label + label input {
	border-right: none;
}
.quicklinks form > a {
	margin-top: 1em;
}
.quicklinks input::-webkit-input-placeholder {
   color: #555;
}

.quicklinks input:-moz-placeholder { /* Firefox 18- */
   color: #555;
   opacity: 1;
}

.quicklinks input::-moz-placeholder {  /* Firefox 19+ */
   color: #555;
   opacity: 1;
}
.quicklinks input:-ms-input-placeholder {  
   color: #555;
}
/* Style Select ----------------------------------------------------*/
.select-style {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	position: relative;
	font-size: 1.375em;
	margin-bottom: 16px;
	width: 100%;
	white-space: nowrap;
}
.select-style select {
	display: none;
}
.select-style a {
	cursor: pointer;
	display: flex;
	align-items: center;
	font-style: italic;
	color: #ab2b2c;
	font-weight: 400;
}
.select-style a > * {
	order: 1;
}
.select-style a:hover {
	color: #98988e;
}
.select-style > * {
	margin: 0;
	padding: 0;
}
.select-style p {
	font-size: 1em;
	padding-right: 0.5em;
}
.select-style a.active + ul {
	max-height: 10.375em;
}
.select-style > a::before {
	content: none;
}
.select-style > a::after {
	content: "\f107";
	font-family: "FontAwesome";
    font-weight: 400;
	order: 2;
	padding-left: 0.375em;
	font-weight: 400;
	font-style: normal;
	font-size: 1.25em;
}
.select-style ul {
	max-height: 0px;
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0;
	top: 1.75em;
	background-color: #fcfdfc;
	z-index: 2;
	transition: all 0.25s ease;
	transition-delay: 0.25s;
}
.select-style ul li::before {
	content: none;
}
#login .select-style ul li{
	padding: 0.75em 1em;
	margin: 0;
	font-size: 1rem;
	border-bottom: solid 1px #98988e;
	cursor: pointer;
	transition: all 0.25s ease;
	color: #ab2b2c;
	width: 100%;
}
#login .select-style ul li a {
	font-style: normal;
	color: #ab2b2c;
	font-weight: 400;
}
#login .select-style ul li a:hover {
	color: #98988e
}
#login .select-style ul li:hover {
	color: #98988e;
}
#login .select-style ul li:last-child {
	border-bottom: solid 5px #98988e;
}
/* Responsive Queries ---------------------------------------*/
@media only screen and (max-width:1340px){
	.select-style, 	#login h3 {
		font-size: 1.25em;
	}
}
@media only screen and (max-width:1280px){
	.subsection-image::after {
		background-image: url(../images/star-background-stretch.svg);
	}
    /* Online Banking ----------------------------------------------------*/
    #login {
    	padding-top: 2.5%;
    }

	#login ul li {
		font-size: 1em;
	}
	.subsection-image table td:last-child {
		position: relative;
	}
}
@media only screen and (max-width:1024px){
	/* Tables ----------------------------------------------------*/
	.Table-Staff {
		width: 100% !important;
	}
	.anchor {
		top: -0.75em;
	}
	/* Login and top menu ----------------------------------------------------*/
	#home-top {
		height: auto;
		position: relative;
		overflow: hidden;
		background: linear-gradient(315deg, transparent 75%, #efefe5 0)-35px 0,
		linear-gradient(45deg, transparent 75%, #efefe5 0)-35px 0,
		linear-gradient(135deg, #e8e8df 50%, transparent 0) 0 0,
		linear-gradient(45deg, #ebebe2 50%, #f2f2e8 0) 0 0 magenta;
		background-size: 70px 70px;
		height: 0;
		transition: all 0.5s ease;
		z-index: 1;
	}
	body.home.openob #home-top {
		height: 325px;
	}
	#home-top::before {
		height: 100%;
		opacity: 0.75;
	}
	#home-top::after {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 10px;
		background-color: #666;
		visibility: visible;
		z-index: 3;
	}
    #login {
    	max-width: 50%;
    	margin: 0 auto;
    	padding: 5% 0;
    	padding-bottom: calc(5% + 10px);
    }
	.select-style {
		justify-content: center;
	}
	#login form {
		justify-content: center;
	}
	#home-top > * {
		height: auto;
	}
	nav#utility {
		display: none;
	}
	/* Home Nav ----------------------------------------------------*/
	nav#homenav { 
		margin: 0;
		border-top: solid 10px #666;
		background: none;
	}
	nav#homenav > ul {
		flex-wrap: wrap;
		width: 100%;
	}
	nav#homenav > ul > li {
		height: auto;
		width: 50%;
		overflow: hidden;
		margin: 0;
		border-top: solid 1px #ccc;
		box-sizing: border-box;
		padding: 0;
		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.625) 37.5%,rgba(255,255,255,1) 87.5%,rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.625) 37.5%,rgba(255,255,255,1) 87.5%,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.625) 37.5%,rgba(255,255,255,1) 87.5%,rgba(255,255,255,1) 100%);
	}
	nav#homenav > ul > li:nth-child(2n) {
		border-left: solid 1px #ccc;
	}
	nav#homenav > ul > li > h2 {
		bottom: auto;
		align-items: center;
		height: 100%;
	}
	nav#homenav > ul > li:first-child, nav#homenav > ul > li:first-child + li{
		border-top: none;
	}
	nav#homenav > ul > li::before {
		content: none;
	}
	nav#homenav > ul > li > div {
		border-top: none;
		max-height: none;
	}
	nav#homenav > ul > li:hover > div {
		transform: translateY(0%);
	}
    nav#primary > div > ul > li h2 {
        height: auto;
    }
    /* Primary Nav ----------------------------------------------*/
    nav#primary {
        position: relative;
        height: auto;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
        z-index: 2;
        display: block;
    }
    .home nav#primary {
    	transform: translateY(0px);
    }
    nav#primary > div {
        flex-wrap: wrap;
        width: 100%;
        position: relative;
    }
    nav#primary > div > * {
		margin-right: 1.25em;
	}
	nav#primary #logo img {
		width: 200px;
		margin: 1em 0;
		height: 58px;
	}
    nav#primary > div > *:first-child {
		margin-left: 3.125%;
		margin-right: 3.125%;
		flex-grow: 1;
		}
    nav#primary #menuopen,  body.home nav#primary #loginopen {
        display: block;
    }
    nav#primary > div > ul {
        /* top: 100%; */
        /* left: 0; */
        flex-direction: column;
        overflow: hidden;
        width: 100%;
        height: auto;
        /* position: absolute; */
        background-color: #fffffa;
        z-index: 5;
    }
    nav#primary > div > ul > li {
        margin-top: -5em;
        border-top: solid 1px rgba(0,0,0,0.1);
        height: auto;
    }
    nav#primary > div > ul > li h2 {
		padding: 1em 3.125%;
		flex-direction: row;
		justify-content: flex-start;
		font-size: 1.25em;
	}
	nav#primary > div > ul > li h2 span {
		padding-right: 0.375em;
		font-size: 1em;
	}
    .opennav nav#primary > div > ul > li {
        margin-top: 0;
    }
    nav#primary > div > ul > li > div {
        position: static;
        width: 100%;
    }
    nav#primary > div > ul > li > div div {
    	min-width: 0;
    }
    .opennav nav#primary > div > ul > li.active > div div {
        margin-top: 0;
    }
    /* Structure ------------------------------------------------*/
    .subsection-image table tr {
    	flex-direction: column;
    }
    .subsection-image table td, .subsection-image table td:first-child {
    	width: 100%;
    	padding-top: 1em;
    }
    .subsection-image table td:first-child {
    	text-align: left;
    	padding-top: 0;
    }
    .subsection-image h2::before, .subsection-image h2::after {
    	content: none;
    }
	.subsection-image::after {
		background-image: none;
		background-color: rgba(245, 245, 235, 0.9);
	}
	.subsection-image table td:first-child::after {
		content: none;
	}
	.subsection-image h2::before,
	.subsection-image h2::after,
	.subsection-image td:first-child h2::before,
	.subsection-image td:first-child h2::after {
		content: none;
	}
    /* Footer ----------------------------------------------------*/
    footer > div div:first-child {
    	flex-wrap: wrap;
    	max-width: 480px;
    	margin: 0 auto;
    }
    footer > div div:first-child a {
		box-sizing: border-box;
	}
	footer > div div:first-child a:nth-child(2n + 1) {
		/* flex-grow: 2; */
		/* width: 50%; */
	}
}
@media only screen and (max-width:768px){
	/* Forms ----------------------------------------------------*/
	.quicklinks form {
		padding-bottom: 2em !important;
	}
	/* Structure ----------------------------------------------------*/
	.subsection {
		padding: 5% 0;
	}
	/* Tables ----------------------------------------------------*/
	.Table-Staff td {
		display: block;
	}
	.Table-Staff td:first-child {
		width: 100% !important;
		border-bottom: none;
		padding-bottom: 0;
	}
	.Table-Staff td:first-child ~ td {
		padding-top: 0.5em;
	}
    /* Primary Nav ----------------------------------------------*/
    nav#primary > div > ul > li > div {
        flex-direction: column;
    }
    nav#primary > div > ul > li > div div {
        border-bottom: none;
        padding: 0;
        margin-top: -500px;
        background: inherit;
    }
    nav#primary > div > ul > li > div div::before {
        content: none;
    }
    nav#primary > div > ul > li > div h3, nav#primary > div > ul > li > div div ul li {
        padding: 0.5em 3.125%;
        box-sizing: border-box;
    }
    nav#primary > div > ul > li > div div ul li {
        border-top: solid 1px rgba(0,0,0,0.1);
    }
    nav#primary > div > ul > li > div div:not(:last-child) ul li:last-child {
        border-bottom: solid 1px rgba(0,0,0,0.1);
    }
    /* Quicklinks --------------------------------------------------*/
	.quicklinks {
	}
    .quicklinks table tr {
        flex-wrap: wrap;
    }
    .quicklinks table td {
        width: 33.333333%;
        padding-bottom: 2em;
        box-sizing: border-box;
    }
	/* Footer ----------------------------------------------------*/
	footer {
		padding-top: 5%;
	}
	footer ul {
		flex-wrap: wrap;
		max-width: 480px;
    	margin: 0 auto;
	}

}
@media only screen and (max-width:640px){
    [class*="Float-"] {
        float: none;
        margin-right: 0;
        margin-left: 0;
    }
	/* Online Banking ----------------------------------------------------*/
	#login {
		max-width: none;
	}

	#login h3 {
		width: 100%;
		text-align: center;
	}
	#login ul {
		justify-content: center;
	}
    /* Tables -------------------------------------------------------*/
    .Table-Product,
    .Table-Product tbody,
    .Table-Product tr,
    .Table-Product td,
    .Table-Simple td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
    .Table-Product thead {
        display: none;
    }
    .Table-Product td::before {
        content:attr(data-title);
        display: block;
        padding-bottom: 0.5em;
        color: #ab2b2c;
        font-weight: 700;
    }
    .Table-Product td:first-child {
        border-bottom: none;
    }
    .Table-Product td:first-child::before {
        content: none;
    }
    .Table-Product td,
    .Table-Simple td {
        border-left: solid 1px #ccc;
    }
    .Table-Simple tr:last-child td {
    	border-bottom: none;
    }
    .Table-Simple tr:last-child td:last-child {
    	border-bottom: solid 1px #ccc;
    }
}
@media only screen and (max-width:480px) {
    /* content ----------------------------------------------------*/
    h1 {
        font-size: 2.5em;
    }

    h2, .tagline {
        font-size: 1.875em;
    }

    h3 {
        font-size: 1.5em;
    }
    /* Homenav ----------------------------------------------------*/
    nav#homenav {
    }
    nav#homenav > ul > li, nav#homenav > ul > li:first-child + li {
        width: 100%;
        border-top: solid 5px #666;
    }
    nav#homenav > ul > li:nth-child(2n) {
        border-left: none;
    }
    nav#primary #logo img {
		width: 128px;
		height: 37px;
	}
    /* Quicklinks --------------------------------------------------*/
    .quicklinks table td {
        width: 50%;
    }

    .quicklinks {
        padding: 8.333333% 0;
    }
    /* Footer ----------------------------------------------------*/
    footer > div div:first-child, footer ul, footer > div div:first-child label {
        flex-direction: column;
        align-items: center;
    }
    footer > div div:first-child a, footer > div div input {
        text-align: center;
        padding-right: 0;
    }
    footer > div div:first-child a::before, footer > div div:first-child label::before {
        float: none;
    }
}