/*
Theme Name: Bank of Marin
Theme URI: http://www.bankofmarin.com
Description: A custom theme
Author: Bank of Marin
Author URI: http://www.bankofmarin.com
Version: 7.0.3
*/

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
    margin:0;
    padding:0;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 0;
    padding:0;
}

dd {
    margin: 0;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    margin:0;
    padding:0;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* Maccollin 09-08-2016 */
.text ol { margin-left:25px; }
.text ul { margin-left:25px; }

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ==========================================================================
   WordPress Standards
   ========================================================================== */

.alignleft							{ float: left; margin:0 10px 0 0; }
.alignright							{ float: right; margin:0 0 0 10px; }
.aligncenter						{ display:block; margin:0 auto; text-align:center; }
.clear								{ clear: both; }
.small								{font-size: 11px;}
.bold								{font-weight: bold;}
.wp-caption-text, .gallery-caption	{text-align:center;}
.sticky								{}
.bypostauthor						{}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

*:focus, a, a:active, a:focus{
    outline: none; /* Works in Firefox, Chrome, IE8 and above */
 /*  _noFocusLine: expression(this.hideFocus=true); */ /* Fix for IE7 */
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Headers
   ========================================================================== */

h1 {
	font:51px/55px 'clavo', serif;
	font-weight:700;
}

h2 {
	font:32px/35px 'clavo', serif;
	font-weight:500;

}

h3 {
	font:32px/35px 'clavo', serif;
	font-weight:700;
}

h4 {
	font:24px/30px 'clavo', serif;
	font-weight:500;
}

h5 {
	font:16px/21px 'proxima-nova', sans-serif;
	font-weight:600;
	text-transform:uppercase;
}

h6 {
	font:16px/21px 'proxima-nova', sans-serif;
	font-weight:700;
}


.text h2 {
	color:#075934;

}


/* ==========================================================================
   Theme Structure
   ========================================================================== */

body {
	background:#fff;
	color:#404040;
	font:16px/21px 'proxima-nova', sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	/*flexbox for sticky footer*/
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: -webkit-flex;     /* NEW - Chrome */
  	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  	min-height: 100vh;
  	-webkit-flex-direction: column;
  	-ms-flex-direction: column;
  	flex-direction: column;
  	width:100%;
  	box-orient:vertical;
  	-webkit-box-orient:vertical;
}


.a11y-link {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.a11y-link:focus {
    clip: auto;
    height: auto;
    overflow: auto;
    position: absolute;
    width: auto;
}
.mobile-nav-close:focus {
	position: relative;
    font-size: 14px;
    padding: 6px;
    margin: 15px 15px 0;
}

.container-large {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.container {
	width:96%;
	max-width:1100px;
	margin:0 auto;
}

header {
	position:relative;
	zoom:1;
	z-index:5;
}

header li {
	float:left;
	list-style-type:none;
}

header .pre-header {
	padding:5px 0;
	/* background:rgba(255,255,255,0.75); */
	background-color:#FFF; 
	/* background-color:purple; */
	height:24px;
}

header .pre-header ul {
	float:right;
	font-size:13px;
	font-weight:600;
	margin-right: 30px;
}

header .pre-header li {
	margin:0 10px;
}

header .pre-header .search-form {
	float:right;
}

header .pre-header a {
	color:#404040;
	font-size:12px;
	text-transform:uppercase;
}

header .bar {
	background:#f1f1f1;
	padding:12px 0;

}

header .bar .inner {
	position:relative;
	zoom:1;
}

header .logo {
	float:left;
}

header .menu-main-menu-container {
	float:right;
	font-size:12px;
	font-weight:600;
	line-height:12px;
	margin:10px 0 0;
	text-transform:uppercase;
}

header .menu-main-menu-container a {
	color:#404040;

}

header .menu-main-menu-container li {
	margin:10px 20px;
}



header .secure-login {
	float:right;
	margin:15px 0 10px 20px;
}

header .secure-login i {
	margin-right:5px;
	/* color:#c1c1c1; */ 
    color:#333;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

header .secure-login a {
	padding:10px 20px;
	background:#f89928;
	color:#333;
	font-size:12px;
	font-weight:600;
	line-height:12px;
	margin:10px 0 0;
	text-transform:uppercase;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}

header .secure-login a:hover, header .secure-login.active a {
	background:#f89928;
}

header .secure-login a:hover i, header .secure-login.active a i {
	color:#333;
}

#content {
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  	-moz-box-flex: 1 0 auto;         /* OLD - Firefox 19- */
  	-webkit-flex: 1;          /* Chrome */
  	-ms-flex: 1 0 auto;       /* IE 10 */
  	flex: 1 0 auto;           /* NEW, Spec - Opera 12.1, Firefox 20+ */
  	display:block;
  	width:100%;
}

footer {
	background:#e2e2e2;
	padding:65px 0 50px;
}

footer .top {
	margin-bottom:70px;
}

footer .tag {
	float:left;
	color:#075934;
	font:26px/30px 'clavo', serif;
	font-weight:700;
	width:23%;
	padding-right:5%;
	border-right:1px solid #fff;
}

footer .tag .button {
	margin:20px 0;
}

footer .navigation {
	float:right;
	width:68%;
}

.footer-col {
	float:left;
	width:28%;
	margin-right:4%;
}

.footer-col.footer-col-services {
	width:25%;
}

.footer-col.footer-col-last {
	float:right;
	width:auto;
	margin-right:0;
}

.footer-col li {
	list-style-type:none;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
	}

.footer-col.footer-col-services ul {
	margin:22px 0 0;
}

.footer-col.footer-col-services li a {
	color:#404040;
}

.footer-col li a {
	color:#339933;
}

.footer-col li li {
	text-transform:none;
}

.footer-col li li a {
	color:#404040;
}

.copyright {
	float:left;
	color:#404040;
	font-size:12px;
	font-weight:600;
}

.copyright p {
	margin:10px 0 0;
}

.footer-logos {
	float:right;
	margin:5px 0 0;
}

.footer-logos li {
	list-style-type:none;
	float:left;
	margin-left:20px;
}

/* ==========================================================================
   Common Structure
   ========================================================================== */

.page-template-page-inside-php #content, .page-template-page-about-php #content {
	position:relative;
	zoom:1;
	top:-110px;
	z-index:1;
}

#hero {
	padding-top:110px;
	height:290px;
	position:relative;
	zoom:1;
	z-index:1;
	background-position:center center;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#hero .inner {
	display:table;
	width:100%;
	height:100%;
	text-align:center;
	position:relative;
}

#hero h1 {
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	font:51px/55px 'clavo', serif;
	font-weight:700;
}

#hero .caption {
	position:absolute;
	bottom:15px;
	right:0;
	font:14px 'clavo', serif;
	font-weight:700;
	color:#fff;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.69);
}

.page-content {
	padding:39px 0 67px;
}

.main {
	float:left;
	width:69%;
}

.main h1, #photo-contest-page h1 {
	color:#075934;
	font:32px/35px 'clavo', serif;
	font-weight:500;
}

.main h2 {
	color:#075934;
	font:24px/30px 'clavo', serif;
	font-weight:500;
	margin:30px 0 0;
}

.main h3 {
	color:#075934;
	font:16px/21px 'proxima-nova', sans-serif;
	font-weight:600;
	margin:30px 0 0;
	text-transform:uppercase;
}

.main ul {
	margin:25px 0 35px;
}

.main ul ul {
	margin:0;
}

.main li {
	font-size:16px;
	line-height:20px;
	margin:16px 0 16px 20px;
}

.main li a {
	text-transform:uppercase;
}

.main a {
	font-weight:600;
}

.main .gray-box {
	display:table;
	width:100%;
	padding:5% 6%;
	margin:0 0 5% -6%;
	background:#efefef;
}

.main .gray-box .image {
	display:table-cell;
	vertical-align:middle;
	width:31%;
}

.main .gray-box .image img {
	width:100%;
}

.main .gray-box .text {
	display:table-cell;
	vertical-align:bottom;
	width:69%;
	padding-left:4%;
}

.main .gray-box .text h3 {
	font:24px/27px 'clavo', serif;
	font-weight:500;
	text-transform:none;
	margin:0 0 10px;
}

.main .gray-box .text h6 {
	width:auto;
	max-width:360px;
}

.main .gray-box .text p {
	margin:0 0 15px;
}

.one-half {
	width:50%;
}

.left-half {
	float:left;
}

.right-half {
	float:right;
}

/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar {
	width:23%;
	float:right;
}

.sidebar h3 {
	font:24px/27px 'clavo', serif;
	font-weight:700;
}

.related-links {
	margin-bottom:35px;
}

.sidebar-ad {
	border-top:9px solid #fecc67;
	margin-bottom:35px;
	position:relative;
}

.sidebar-ad.bg-image-ad .inner {
	position:absolute;
	bottom:35px;
	left:20px;
	padding-right:20px;
	color:#fff;
}

.sidebar-ad.bg-image-ad .inner.light h3 {
	color:#fff;
}

.sidebar-ad.bg-image-ad .inner.dark h3 {
	color:#333;
}

.sidebar-ad.bg-image-ad .inner h3 {
	font-size:26px;
	line-height:30px;
	margin-bottom:20px;
}

.sidebar-ad.icon-ad {
	border-top:none;
	background:#efefef;
	padding:35px 40px 20px 20px;
}

.sidebar-ad.icon-ad img {
	margin-bottom:10px;
}

.sidebar-ad.icon-ad a {
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
}

.thumbnail-ad {
	background:#efefef;
}

.thumbnail-ad .inner {
	padding:20px;
}

.thumbnail-ad .inner p {
	margin:10px 0 15px;
}

.sidebar-ad h3, .sidebar .related-links h3 {
	color:#075934;
}

.sidebar-ad.text-ad {
	background:#efefef;
	border-top:none;
	padding:25px 20px 25px 15px;
}

.sidebar-ad.text-ad h3 {
	padding-right:10px;
}

.sidebar-ad.text-ad p {
	margin:10px 0;
}

.sidebar-ad li {
	font-size:14px;
	line-height:14px;
	margin:16px 0 16px 20px;
}

.sidebar-ad li a {
	text-transform:uppercase;
}

.sidebar-ad a {
	font-weight:600;
}

.sidebar .related-links {
	background:#efefef;
	padding:45px 20px 35px;
}

.sidebar .related-links h3 {
	margin-bottom:20px;
}

.sidebar .related-links li {
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	margin:10px 0 10px 17px;
}

/* ==========================================================================
   Common Elements (Links, Buttons, Search Forms, etc)
   ========================================================================== */

a {
	/* color:#339933; */
	color:#075934;
	text-decoration: none;
	-webkit-transition:color 0.2s linear;
	-moz-transition:color 0.2s linear;
	-o-transition:color 0.2s linear;
	transition:color 0.2s linear;
}

a:hover {
	/* color:#075934; */
	color:#f89928;
	text-decoration: underline;
}
a.button:hover {
	text-decoration: none;
}
.alertmessage a:hover {
	color:#075934;
}

img {
	width:auto;
	max-width:100%;
	height:auto;
}

/* commented out by Mark MacCollin on 04/02/2020 */
/*
blockquote {
	color:#075934;
	font:32px/38px 'clavo', serif;
	font-weight:700;
	text-indent:-13px;
	margin:0;
}
*/

.button {
	background:#339933;
	color:#fff;
	display:inline-block;
	font:14px/14px 'proxima-nova', sans-serif;
	font-weight:600;
	padding:10px 25px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
	text-shadow: none !important;
}

.button:hover {
	background:#075934;
	color:#fff;
}

#breadcrumbs {
	color:#000;
	font-size:10px;
	font-weight:600;
	margin:15px 0 0;
}

#breadcrumbs a {
	color:#000;
}

hr {
	margin:30px 0;
	padding:0;
	height:1px;
	width:100%;
	border:none;
	background:#075934;
}

/* .search-form { */

/*background:#fff;
	border:1px solid #bcc7c4;*/


/* } */

.search-form #s {

	background:#fff;
	border:1px solid #bcc7c4;
	color:#333;
	font:13px 'proxima-nova', sans-serif;
	line-height:20px;
	width:57%;
	padding:0px 2px 0px 2px;
	height:20px;

}

.search-form .searchsubmit {
	background:none;
	border:none;
	float:right;
	width:10%;
	text-align:right;
	font-size:13px;
	color:#555555;
	display:inline-block;
	position:relative;
	top:4px;
	left:-15px;
}

.search-label {font-size:.8em; color:#404040; background:none; border:none; }

/* ==========================================================================
   Homepage
   ========================================================================== */

.home header .bar {
	background:rgba(255,255,255,0.85);
}

.home .pre-header {
	color:#555;
}

.home #content {
	position:relative;
	zoom:1;
	top:-110px;
	z-index:1;
}

.home-slider {
	position:relative;
	zoom:1;
}

.home-slider .slide {
	padding-top:155px;
	height:495px;
	color:#fff;
	font-size:18px;
	font-weight:600;
	line-height:23px;
	background-position:center top;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
		text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);	

}

.home-slider .inner {
	position:relative;
	height:100%;
}

.home-slider .slide.dark {
	color:#333;
	text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);	
}

.home-slider .slide.dark p {
	font-size: 1.1em;
	color:#333;
text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);	
}



.home-slider .slide-content {
	/* width:50%; */
	/* max-width:480px; */
	 max-width:1000px;
	margin-left:45px;
}

.home-slider .slide-content.center {
	width:60%;
	max-width:60%;
	text-align:center;
	margin:0 auto;
}

/* light text */
.home-slider .slide-content p {
	width:100%;
	margin:15px 0 20px;
	font-size: 1.1em;
	color:#FFF;
	text-shadow: 0px 1px 8px rgba(0, 0, 0, 1);	
}

.home-slider .slide-content.center p {
	margin:15px auto 20px;
}

.home-slider h2 {
	font:47px/50px 'clavo',serif;
	font-weight:700;
}

.home-slider .caption {
	position:absolute;
	bottom:15px;
	right:0;
	font:14px 'clavo', serif;
	font-weight:700;
	color:#fff;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.69);
}

.menu-mobile-home-container {
	display:none;
	background:#075934;
	text-align:center;
	padding:8px 0;
}

.menu-mobile-home-container li {
	display:inline-block;
	padding:0 13px;
	font-size:14px;
	line-height:14px;
	text-transform:uppercase;
	border-left:2px solid #278e3d;
}

.menu-mobile-home-container li:first-child {
	border-left:none;
}

.menu-mobile-home-container a {
	color:#fff;
	font-weight:600;
}

.home-tabs {
	margin-top:50px;
}

.home-tabs .tabs-menu {
	font-size:0;
	line-height:0;
}

.home-tabs .tabs-menu li {
	display:inline-block;
	width:24%;
	background:#efefef;
	border-top:9px solid #efefef;
	font:21px/26px 'clavo', serif;
	font-weight:500;
	position:relative;
	margin:0 0.5%;
	padding:20px 0;
}

.home-tabs .tabs-menu li.r-tabs-state-active:after {
	content:'';
	background:url(images/active-tab.png) no-repeat 0 0;
	width:113px;
	height:17px;
	position:absolute;
	bottom:-15px;
	left:50%;
	margin-left:-56px;
}

.home-tabs .tabs-menu li a, .r-tabs .r-tabs-accordion-title a {
	color:#075934;
}

.home-tabs .tabs-menu li.r-tabs-state-active {
	border-color:#075934;
}

.home-tabs .tabs-menu li span {
	display:block;
	text-transform:uppercase;
	color:#339933;
	font:13px 'proxima-nova', sans-serif;
	font-weight:600;
	white-space:nowrap;
}

.r-tabs .r-tabs-accordion-title span {
	display:block;
	text-transform:uppercase;
	color:#339933;
	font:13px 'proxima-nova', sans-serif;
	font-weight:600;
	white-space:nowrap;
}

.home-tabs .tabs-menu li.small-business-tab a {
	background:url(images/icon-smallbiz.png) no-repeat 30px 0;
	display:block;
	padding:0 20px 0 95px;
}

.home-tabs .tabs-menu li.commercial-tab a {
	background:url(images/icon-commercial.png) no-repeat 30px 5px;
	display:block;
	padding:0 20px 0 105px;
}

.home-tabs .tabs-menu li.personal-tab a {
	background:url(images/icon-personal.png) no-repeat 30px 0;
	display:block;
	padding:0 20px 0 100px;
}


.home-tabs .tabs-menu li.investor-tab a {

	background:url(images/icon-investor.png) no-repeat 30px 5px;
	display:block;
	padding:0 1px 0 90px;

}

.home-tabs .tab-content {
	padding:50px 0;
}

.home-tabs .tab-content h2 {
	color:#075934;
	font:32px/35px 'clavo', serif;
	font-weight:500;
	margin-bottom:20px;
}

.home-tabs .tab-content h3,
.home-locations h3,
.home-bottom h3 {
	color:#075934;
	font:14px/19px 'proxima-nova', sans-serif;
	font-weight:600;
	text-transform:uppercase;
}

.home-tabs .tab-content h3.light-green {
	color:#339933;
}

.home-tabs .tab-content .image {
	float:left;
	width:30%;
	color:#404040;
	font:12px/16px 'clavo', serif;
	font-style:italic;
}

.home-tabs #small-business.tab-content .image {
	float:right;
	text-align:right;
}

.home-tabs .tab-content .img-holder {
	position:relative;
}

.home-tabs .tab-content .image img {
	margin-bottom:10px;
}

.home-tabs .tab-content .image strong, .home-bottom .image strong {
	text-transform:uppercase;
	font-size:13px;
	font-weight:700;
	font-style:normal;
	color:#339933;
}

.home-tabs .tab-content .text {
	width:65%;
	float:right;
}

.home-tabs #small-business.tab-content .text {
	float:left;
}

.home-tabs .tab-content p {
	margin:0 0 10px;
}

.home-tabs .tab-content .button {
	margin-top:15px;
}

.home-tabs .tab-content .quote-overlay {
	position:absolute;
	bottom:30px;
	left:0;
	width:93%;
	padding:3% 4% 4%;
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.8);
	color:#555555;
	font:16px/24px 'clavo', serif;
	text-indent:-5px;
}

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-tab i {
	display:none;
	-webkit-transition:transform 0.2s linear;
	-moz-transition:transform 0.2s linear;
	-o-transition:transform 0.2s linear;
	transition:transform 0.2s linear;
}

.r-tabs .r-tabs-panel {
    padding: 50px 0;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {


    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
        text-align:center;
        background:#efefef;
        font:18px/20px 'clavo', serif;
        font-weight:500;
        padding:15px 0;
        border-bottom:2px solid #fff;
    }

    .r-tabs .r-tabs-accordion-title i {
	    display:block;
	    margin-top:5px;
    }

    .r-tabs .r-tabs-state-active.r-tabs-accordion-title i {
	    -webkit-transform:rotate(-180deg);
	    -moz-transform:rotate(-180deg);
	    -o-transform:rotate(-180deg);
	    transform:rotate(-180deg);
    }
}

.home-tabs #small-business.tab-content .col {
	width:48%;
	float:left;
}

.home-tabs #small-business.tab-content .col:last-child {
	float:right;
}

.home-tabs #small-business.tab-content .col li {
	margin:8px 0 8px 20px;
}

.home-locations {
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

.home-locations .mobile-img {
	display:none;
	border-top:9px solid #fecc67;
	width:100%;
	height:auto;
}

.home-locations .inner {
	padding:60px 0;
}

.home-locations .text {
	width:45%;
	background:#fff;
	padding:30px;
	border-top:9px solid #fecc67;
}

.home-locations h2 {
	color:#075934;
	font:36px/40px 'clavo', serif;
	font-weight:700;
}

.home-locations .button, .home-bottom .button {
	margin:20px 0;
}

.home-locations .map-container {
	width:100%;
}

.home-locations .map-container .acf-map {
	height:180px;
}

.home-bottom {
	margin:50px auto;
}

.home-bottom .image {
	width:32%;
	float:right;
	text-align:right;
	color:#404040;
	font:12px/16px 'clavo', serif;
	font-style:italic;
}

.home-bottom .text {
	width:90%;
	float:left;
}

.home-bottom blockquote p {
	margin:0 0 15px;
}




/* Added by Maccollin on 04/26/2019 for Employee Spotlight box */

.home-spotlights .inner { }

.home-spotlights .text {
	background:#fff;
	padding:15px;
	margin:20px 20px 20px 20px;
}


.home-spotlights h2 {
	color:#075934;
	font:30px/36px 'clavo', serif;
	font-weight:700;
}

.home-spotlights .button, .home-bottom .button {
	margin:20px 0;
}

.home-spotlights .map-container {
	width:100%;
}

.home-spotlights .map-container .acf-map {
	height:180px;
}


.home-highlights .inner { }

.home-highlights .text {
	background:#fff;
	padding:15px;
	margin:20px 20px 20px 20px;
}


/* Added by Maccollin on 01/13/2025 for Highlight box */
.home-highlights h2 {
	color:#075934;
	font:30px/36px 'clavo', serif;
	font-weight:700;
}

.home-highlights .button, .home-bottom .button {
	margin:20px 0;
}

.home-highlights .map-container {
	width:100%;
}

.home-highlights .map-container .acf-map {
	height:180px;
}


.home-bottom {
	margin:20px auto;
}

.home-bottom .image {
	width:32%;
	float:right;
	text-align:right;
	color:#404040;
	font:12px/16px 'clavo', serif;
	font-style:italic;
}

.home-bottom .text {
	width:93.6%;
	float:left;
}

.home-bottom blockquote p {
	margin:0 0 15px;
}

/* -----------------  */

/* ==========================================================================
   About Page
   ========================================================================== */

.page-template-page-about header .bar {
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.85);
}

.page-template-page-about header .pre-header {
	color:#555;
}

#about-page .main h2 {
	font-size:32px;
	font-weight:500;
	line-height:35px;
}

#about-page .main h2:first-child {
	margin-top:0;
}

#about-page .main h3 {
	margin:20px 0 0;
}

#about-page .page-content {
	padding-bottom:36px;
}
#about-page .featured-subpages {
	margin-bottom:0;
}


/* ==========================================================================
   Inside Page
   ========================================================================== */

.page-template-page-inside header .bar {
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.85);
}

.page-template-page-inside header .pre-header {
	color:#555;
}

#inside-page .main h2 {
	margin-top:0;
	font-size:32px;
	line-height:35px;
}

.featured-subpages {
	margin:30px 0;
}

.featured-subpage,
.featured-subpage-run {
	float:left;
	width:48%;
	background:#efefef;
	margin-bottom:25px;
	position:relative;
	padding:30px 50px 25px;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
	border: none;
	display: block;
}

.featured-subpage-alt {
	float:right;
}

.featured-subpage h3,
.featured-subpage-run h3 {
	background:url(images/bom-icon.png) no-repeat center top;
	font:32px/35px 'clavo', serif;
	font-weight:600;
	text-transform:none;
	margin:0;
	padding-top:60px;
}

.featured-subpage i,
.featured-subpage-run i {
	color:#329f40;
}

.featured-subpage .overlay,
.featured-subpage-run .overlay {
	display:block;
	opacity: 0;
	background-color:#329f40;
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:35px;
	text-align:center;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	transition: opacity 0.66s;
}
.featured-subpage:hover .overlay,
.featured-subpage-run:hover .overlay,
.featured-subpage:focus .overlay,
.featured-subpage-run:focus .overlay {
	display: block;
	opacity: 1;
	transition: opacity 0.66s;
}

.featured-subpage .overlay h4,
.featured-subpage-run .overlay h4 {
	font:24px/30px 'clavo', serif;
	font-weight:600;
}

.featured-subpage .overlay a,
.featured-subpage-run .overlay a {
	color:#fff;
}
.featured-subpage .overlay i,
.featured-subpage-run .overlay i {
	color:#fff;
}

.featured-subpage:hover,
.featured-subpage-run:hover,
.featured-subpage .overlay:hover,
.featured-subpage-run .overlay:hover {
	text-decoration: none;
}

.featured-subpage p {
	padding-bottom:30px;
}

.featured-subpage-run p {
	padding-bottom:30px;
}

.featured-subpage .overlay p {
	padding-bottom:0;
}

.featured-subpage-run .overlay p {
	padding-bottom:0;
}

.featured-subpage .plus {
	position:absolute;
	bottom:25px;
	left:50%;
	margin-left:-6px;
}

.featured-subpage-run .plus {
	position:absolute;
	bottom:25px;
	left:50%;
	margin-left:-6px;
}

#inside-page .gray-box .image {
	display:block;
	float:right;
	width:52%;
	font:13px/17px 'proxima-nova', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	color:#329f40;
	text-align:right;
}

#inside-page .gray-box .image img {
	width:100%;
	height:auto;
	margin-bottom:7px;
}

#inside-page .gray-box .image span {
	font-size:12px;
	color:#3d4543;
	text-transform:none;
}

#inside-page .gray-box .text {
	display:block;
	float:left;
	width:42%;
	padding-left:0;
}

#inside-page .gray-box .text h3 {
	font:14px/20px 'proxima-nova', sans-serif;
	font-weight:600;
	margin-bottom:0;
	text-transform:uppercase;
}

#inside-page .gray-box .text h3.light-green {
	color:#329f40;
}

#inside-page .gray-box .text .button {
	margin:15px 0 0;
}

/* ==========================================================================
   Industry
   ========================================================================== */

#industry-page .featured-image {
	margin:20px 0 30px;
}

#industry-page .gray-box {
	margin-top:20px;
}

/* ==========================================================================
   Bios
   ========================================================================== */

#bios .grid {
	margin:30px 0;
}

#bios .grid .item {
	width:30%;
	float:left;
	margin-bottom:70px;
}

#bios .grid .item.middle-item {
	margin-left:5%;
	margin-right:5%;
}

#bios .main .grid .item h2 {
	font:14px/18px 'proxima-nova', sans-serif;
	font-weight:600;
	text-transform:uppercase;
	margin:20px 0 10px;
}

#bio-detail .main h1 {
	font: 24px/29px 'clavo', serif;
	font-weight:500;
	margin-bottom:10px;
}

#bio-detail .main h2 {
	color: #075934;
    font: 32px/35px 'clavo', serif;
    font-weight: 500;
    margin:0 0 25px;
}

/* ==========================================================================
   Testimonials
   ========================================================================== */

#testimonials-page h1 {
	margin-bottom:30px;
}

#testimonials-page h3 {
	margin-top:15px;
}

.testimonial {
	margin-bottom:35px;
}

.testimonial .image {
	width:32%;
	float:right;
}

.testimonial .text {
	font:16px/24px 'clavo', serif;
	width:64.5%;
	float:left;
	text-align:right;
}

.testimonial h2 {
	margin:0 0 10px;
}

.testimonial p {
	margin:10px 0;
}

.testimonial-alt {
	width:100%;
	padding:5% 6%;
	margin:0 0 5% -6%;
	background:#efefef;
}

.testimonial-alt .image {
	float:left;
}

.testimonial-alt .text {
	float:right;
	text-align:left;
}

/* ==========================================================================
   Photo Contest
   ========================================================================== */

#photo-contest-page h2 {
	color:#075934;
	font:24px/30px 'clavo', serif;
	font-weight:500;
	margin:30px 0 0;
}

#photo-contest-page ul {
	margin:25px 0 35px;
}

#photo-contest-page ul ul {
	margin:0;
}

#photo-contest-page li {
	font-size:15px;
	line-height:15px;
	margin:16px 0 16px 20px;
}

#photo-contest-page li a {
	font-weight:600;
}

#photo-contest-page .grid  {
	margin-top:30px;
}

#photo-contest-page .grid .photo {
	width:23.5%;
	float:left;
	margin-bottom:40px;
}

#photo-contest-page .grid .photo img {
	width:100%;
	height:auto;
}

#photo-contest-page .grid .photo-mid-left {
	margin-right: 1%;
	margin-left: 2%;
}

#photo-contest-page .grid .photo-mid {
	margin-right: 2%;
	margin-left: 1%;
}

/* ==========================================================================
   Calculators (Note: This is not the cleanest due to the choice of external platform)
   ========================================================================== */

 #calculators-page form {
	 font:16px/24px 'proxima-nova',sans-serif;
 }
 #calculators-page form .answer {
	 color:#075934;
	 font:32px/36px 'clavo', serif;
	 font-weight:700;
 }

#calculators-page .TextInput {
	padding:5px;
	margin:0 5px;
	font:14px 'proxima-nova',sans-serif;
}

#calculators-page input[type="radio"] {
	margin:0 5px 0 20px;
}

 #calculators-page #COMPUTE {
	 background:#339933;
	 border:none;
	 -webkit-border-radius:3px;
	 -moz-border-radius:3px;
	 border-radius:3px;
	 color:#fff;
	 font:12px 'proxima-nova',sans-serif;
	 font-weight:700;
	 padding:5px 20px;
	 height:auto;
	 text-transform:uppercase;
 }

 #calculators-page FIELDSET {
	 padding:0;
 }

 #calculators-page .cAmortContainer, #calculators-page .DetailTable {
	 border-top:1px solid #075934;
	 border-bottom:1px solid #075934;
	 margin-bottom:30px;
 }

#calculators-page .cAmortTable TD, #calculators-page .cAmortTable TH {
	font:16px/24px 'proxima-nova', sans-serif;
}

#calculators-page .cAmortHeader TD, #calculators-page .cAmortHeader TH {
	background:none;
	font-weight:700;
	border-top:none;
	border-bottom:none;
	text-align:right;
}

#calculators-page .cAmortTitleFont, #calculators-page .DetailTable legend b {
	color:#075934;
	font-weight:600;
	text-transform:uppercase;
	padding-top:10px;
	display:block;
}

#calculators-page .cTableWrapper {
	margin-bottom:10px;
}

#calculators-page .cAmortLineE TD, #calculators-page .cAmortLineE TH {
	background:none;
}

#calculators-page .cAmortLineO TD, #calculators-page .cAmortLineO TH {
	background:#eaeaea;
}

#calculators-page .cAmortLineTotals TD, #calculators-page .cAmortLineTotals TH {
	border-top:none;
	font-weight:700;
	color:inherit;
}

#calculators-page .SubDetailTable th, #calculators-page .SubDetailTable td, #calculators-page .DetailTable th, #calculators-page .DetailTable td {
	padding-left:0;
	padding-right:0;
}

#calculators-page .SubDetailTable {
	margin-bottom:10px;
}

#calculators-page .DetailTable p {
	margin:0;
	padding:5px;
}

#calculators-page .cTimeValue form .DetailTable .SubDetailTable tr:first-child th {
	font-weight:700;
}

#calculators-page .cTimeValue form .DetailTable .SubDetailTable tr:first-child p.Center {
	text-align:right;
}

#calculators-page .DetailTable .SubDetailTable tr:nth-child(even) {
	background: #eaeaea;
}

#calculators-page #tvcHF01 .Summary {
	margin-bottom:70px;
}

#calculators-page form .DetailContainer {
	overflow-x:scroll;
}


/* ==========================================================================
   Branches
   ========================================================================== */

p.bank-hours {
	margin:20px 0 10px;
}

.holiday-reveal {
	cursor:pointer;
	line-height:16px;
}

.holiday-reveal .arrow {
	color:#737b79;
	display:inline-block;
	margin-left:10px;
	-moz-transition: -moz-transform .3s linear;
    -webkit-transition: -webkit-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear;
}

.holiday-reveal .arrow i {
	display:inline-block;
	vertical-align:top;
	margin-top:-1px;
}

.holiday-reveal.toggle .arrow {
    -moz-transform: rotate(-90deg);
     -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.holiday-schedule {
	display:none;
}

.main .holiday-schedule h2 {
	margin-top:15px;
}

.holiday-grid {
	display:table;
	width:120%;
}

.holiday-grid .row {
	display:table-row;
}

.holiday-grid .row div {
	display:table-cell;  white-space:nowrap; margin-right:20px;
}

.holiday-notes { 
	width:120%; 
}

.holiday-grid .row .name, .holiday-grid .row .hours {
	font-weight:700;
}

.branch-officers {
	border-top:1px solid #075934;
	margin-top:30px;
}

.branch-officer {
	width:48%;
	float:left;
	margin:30px 2% 0 0;
}

.branch-officer .image {
	width:35%;
	margin-right:5%;
	float:left;
}

.branch-officer .info {
	width:60%;
	float:left;
}

.main .branch-officer .info h3 {
	margin-top:10px;
}

.main .branch-officer .info h4 {
	font:16px 'proxima-nova', sans-serif;
	font-weight:400;
	margin:5px 0;
}

.branch-location {
	border-top:1px solid #075934;
	margin-top:30px;
}

.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

.acf-map .gm-style .gm-style-iw p {
	margin:0;
	font-weight:400;
	line-height:18px;
}

.acf-map .gm-style .gm-style-iw p strong {
	color:#075934;
}

/* ==========================================================================
   Upcoming Events
   ========================================================================== */

#calendar-page .main h2 {
	margin-top:10px;
}

#calendar-page .main h3 {
	color:#404040;
	font-size:16px;
	font-weight:700;
	margin:0;
	text-transform:none;
}

#calendar-page .event {
	margin:20px 0;
	padding:20px 0 35px;
	border-bottom:1px solid #075934;
}

#calendar-page .event:last-child {
	border-bottom:none;
}

#calendar-page .event p {
	margin-bottom:0;
}

/* ==========================================================================
   Contact
   ========================================================================== */

#contact-page .branch-locations {
	border-bottom:1px solid #d7d7d7;
	margin-top:60px;
}

#contact-page .branch-locations h2 {
	font-weight:700;
	margin-bottom:25px;
}

#contact-page .main .branch-locations h3 {
	margin:0;
	padding:15px 0;
	border-top:1px solid #d7d7d7;
	color:#339933;
	font-size:14px;
	font-weight:600;
	position:relative;
	cursor:pointer;
}

#contact-page .main .branch-locations h3 i {
	position:absolute;
	right:18px;
	top:50%;
	margin-top:-8px;
	font-size:18px;
	color:#737b79;
	-webkit-transition:transform 0.2s linear;
	-moz-transition:transform 0.2s linear;
	-o-transition:transform 0.2s linear;
	transition:transform 0.2s linear;
}

#contact-page .main .branch-locations h3.active i {
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	transform: rotate(-180deg);
}

/* #contact-page .main .branch-locations div {
	display:none;
} */

#contact-page .main .branch-locations ul {
	margin:0;
}

#contact-page .main .branch-locations li {
	margin-left:0;
	list-style-type:none;
}

#contact-page .main .branch-locations a {
	font-size:16px;
	font-weight:700;
	text-transform:none;
}

#contact-page .atms {
	margin:70px 0 60px;
}

#contact-page .lower h2, #contact-page .atms h2 {
	margin-top:0px;
}

#contact-page .lower a, #contact-page .atms a {
	font-size:14px;
	text-transform:uppercase;
}

#contact-page .lower p {
	margin-top:10px;
}

/* ==========================================================================
   Log In Dropdown
   ========================================================================== */

.login-dropdown {
	width:300px;
	max-width:100%;
	display:none;
	position:absolute;
	right:0;
	top:62px;
	background:#fff;
	font-size:11px;
	font-weight:600;
	text-align:left;
}

.login-dropdown h5 {
	color:#555;
	cursor:pointer;
	font-size:11px;
	font-weight:600;
	text-transform:uppercase;
}

.login-dropdown h5 i {
	float:right;
	font-size:14px;
	line-height:18px;
	-webkit-transition:transform 0.2s linear;
	-moz-transition:transform 0.2s linear;
	-o-transition:transform 0.2s linear;
	transition:transform 0.2s linear;
}

.login-dropdown h5.collapsed i {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}

.login-dropdown .login-type {
	padding:10px;
	border-bottom:1px solid #d7d7d7;
}

header .login-dropdown li {
	border-bottom:1px solid #d7d7d7;
	display:block;
	float:none;
	list-style-type:none;
}

.login-dropdown li:last-child {
	border-bottom:none;
}

.login-dropdown li a {
	display:block;
	text-transform:uppercase;
	color:#555555;
	padding:10px;
}

.login-dropdown li a:hover {
	color:#339933;
}

.login-dropdown li a i {
	float:right;
	color:#339933;
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	line-height:18px;
}

.login-dropdown .button {
	font-size:11px;
	font-weight:600;
	display:block;
	margin:10px;
	padding:10px 0;
	text-align:center;
}

.login-dropdown #_buttonContinue {
	background:#339933;
	border:none;
	color:#fff;
	font:12px 'Montserrat', sans-serif;
	font-weight:700;
	height:30px;
	padding:0 10px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-appearance:none;
 position:relative; left:24px;
}

.login-dropdown #_buttonContinue:hover {
	background:#075934;
}

.login-dropdown input[type=text] {
	height:27px;
	line-height:27px;
	width:135px;
	padding:0 10px;
}

.login-dropdown #_textBoxCompanyId {
	margin-bottom:10px;
}

.login-dropdown .login-uid { position:relative; left:24px; }



/* ==========================================================================
   Log Out
   ========================================================================== */

#logout-page .gray-box {
	margin-top:50px;
}

#logout-page .gray-box {
	display:block;
}

#logout-page .gray-box .image {
	float:right;
	display:block;
	width:50%;
}

#logout-page .gray-box .text {
	float:left;
	display:block;
	width:37%;
	padding:0;
}

#logout-page h2 {
	color: #075934;
    font: 26px/30px 'clavo', serif;
    font-weight: 700;
    margin:0 0 15px;
}

/* ==========================================================================
   Search Results
   ========================================================================== */

.search-result {
	border-bottom:1px solid #ebebeb;
	padding-bottom:25px;
}

/* ==========================================================================
   Mobile Menu
   ========================================================================== */

.mobile-menu-toggle {
	display:none;
	position:absolute;
	left:20px;
	top:5px;
	background:#fff;
	border:1px solid #bcc7c4;
	color:#404040;
	cursor:pointer;
	font-size:24px;
	padding:5px 10px;
}

.mobile-search {
	width:202px;
	margin:15px auto;
}

.mobile-search .search-form {
	border:none;
	width:100%;
	height:30px;
}

.mobile-search .search-form #s-mobile {
	border:1px solid #d9d9d9;
	height:28px;
	line-height:28px;
	-webkit-appearance:none;
	border-radius:0;
	width:135px;
	padding:0 10px;
}

.mobile-search .search-form .searchsubmit {
	color:#fff;
	background:#339933;
	font:14px/30px 'proxima-nova', sans-serif;
	font-weight:600;
	height:30px;
	line-height:28px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-appearance:none;
	width:40px;
	text-align:center;
	top: auto;
	left: auto;
}

.mobile-inner {
	margin:0 10px;
}

#mobile-menu .secure-login {
	padding:15px;
	margin:0 10px;
	display:block;
	color:#075934;
	font-weight:700;
}

#mobile-menu .secure-login i {
	color:#404040;
	margin-right:10px;
}

#mobile-menu .app-callout {
	background:#075934;
	text-align:center;
}

#mobile-menu .app-callout a {
	color:#fecc67;
	font:16px 'clavo', serif;
	font-weight:600;
	text-transform:none;
}

#mobile-menu .app-callout a span {
	background:#339933;
	color:#fff;
	padding:5px;
	font:12px 'proxima-nova', sans-serif;
	font-weight:600;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-left:10px;
}

#mobile-menu .mobile-lower {
	background:#e7e5e5;
	border-bottom:9px solid #075934;
	margin-bottom:24px;
}

#mobile-menu .mobile-lower ul {
	margin:0 10px;
}

#mobile-menu li {
	border-top:1px solid #d7d7d7;
}

#mobile-menu.pushy .button {
	color:#fff;
	font-size:11px;
	width:202px;
	padding:10px 0;
	text-align:center;
	margin:0 auto 25px;
}
/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */

/* Menu Appearance */

.pushy{
    position: fixed;
    width: 245px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #fff;
    font-size: 11px;
    font-weight: 600;
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

.pushy a{
    display: block;
    color: #404040;
    padding: 15px;
    text-decoration: none;
    text-transform:uppercase;
}

.pushy a:hover {
	color:#075934;
}

/* Menu Movement */

.pushy-left{
    -webkit-transform: translate3d(-245px,0,0);
    -moz-transform: translate3d(-245px,0,0);
    -ms-transform: translate3d(-245px,0,0);
    -o-transform: translate3d(-245px,0,0);
    transform: translate3d(-245px,0,0);
	display: none;
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-box-shadow: -10px 0 6px 10px rgba(0, 0, 0, .7);
    -moz-box-shadow: -10px 0 6px 10px rgba(0, 0, 0, .7);
    box-shadow: -10px 0 6px 10px rgba(0, 0, 0, .7);
	display: block;
}

.container-push, .push-push{
    -webkit-transform: translate3d(245px,0,0);
    -moz-transform: translate3d(245px,0,0);
    -ms-transform: translate3d(245px,0,0);
    -o-transform: translate3d(245px,0,0);
    transform: translate3d(245px,0,0);
}

/* Menu Transitions */

.pushy, #wrapper, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

/* Site Overlay */

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0,0,0,0.5);
    -webkit-animation: fade 500ms;
    -moz-animation: fade 500ms;
    -o-animation: fade 500ms;
    animation: fade 500ms;
}

.pushy-active {
	overflow:hidden;
}

@keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/* ==========================================================================
   Slideshow
   ========================================================================== */

/* New accessible slick core styling - see: https://accessible360.github.io/accessible-slick/ */

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/* New accessible slick theme styling - see: https://accessible360.github.io/accessible-slick/ */

@charset "UTF-8";@font-face{font-family:slick;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg");font-weight:400;font-style:normal}.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}.slick-next,.slick-prev{position:absolute;top:50%;display:block;padding:0;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;border:none;transform:translate(0,-50%)}.slick-next:focus .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-next:hover .slick-next-icon,.slick-next:hover .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-prev:focus .slick-prev-icon,.slick-prev:hover .slick-next-icon,.slick-prev:hover .slick-prev-icon{opacity:1}.slick-next:focus,.slick-prev:focus{top:calc(50% - 1px)}.slick-next:focus .slick-next-icon,.slick-next:focus .slick-prev-icon,.slick-prev:focus .slick-next-icon,.slick-prev:focus .slick-prev-icon{color:orange;font-size:28px;margin-left:-2px}.slick-next.slick-disabled,.slick-prev.slick-disabled{cursor:default}.slick-next.slick-disabled .slick-next-icon,.slick-next.slick-disabled .slick-prev-icon,.slick-prev.slick-disabled .slick-next-icon,.slick-prev.slick-disabled .slick-prev-icon{opacity:.25}.slick-next .slick-next-icon,.slick-next .slick-prev-icon,.slick-prev .slick-next-icon,.slick-prev .slick-prev-icon{display:block;color:#000;opacity:.75;font-family:slick;font-size:24px;line-height:1}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev .slick-prev-icon:before{content:"←"}[dir=rtl] .slick-prev .slick-prev-icon:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next .slick-next-icon:before{content:"→"}[dir=rtl] .slick-next .slick-next-icon:before{content:"←"}.slick-slider{margin-bottom:30px}.slick-slider.slick-dotted{margin-bottom:60px}.slick-dots{position:absolute;bottom:-30px;display:block;padding:0;margin:0;width:100%;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li button{display:block;height:20px;width:20px;margin-top:-4px;margin-left:-4px;line-height:0;font-size:0;color:transparent;border:0;background:0 0;cursor:pointer}.slick-dots li button:focus .slick-dot-icon,.slick-dots li button:hover .slick-dot-icon{opacity:1}.slick-dots li button:focus .slick-dot-icon:before{color:orange}.slick-dots li button .slick-dot-icon{color:#000;opacity:.25}.slick-dots li button .slick-dot-icon:before{position:absolute;top:0;left:0;content:"•";font-family:slick;font-size:12px;line-height:1;text-align:center;transition:all .05s linear}.slick-dots li.slick-active button:focus .slick-dot-icon{color:orange;opacity:1}.slick-dots li.slick-active button .slick-dot-icon{color:#000;opacity:1}.slick-dots li.slick-active button .slick-dot-icon:before{margin-top:-3px;margin-left:-2px;font-size:18px}.slick-sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.slick-autoplay-toggle-button{position:absolute;left:5px;bottom:-32px;z-index:10;opacity:.75;background:0 0;border:0;cursor:pointer;color:#000}.slick-autoplay-toggle-button:focus,.slick-autoplay-toggle-button:hover{opacity:1}.slick-autoplay-toggle-button:focus{color:orange}.slick-autoplay-toggle-button .slick-pause-icon:before{content:"⏸";width:20px;height:20px;font-family:slick;font-size:18px;font-weight:400;line-height:20px;text-align:center}.slick-autoplay-toggle-button .slick-play-icon:before{content:"▶";width:20px;height:20px;font-family:slick;font-size:18px;font-weight:400;line-height:20px;text-align:center}

.slick-dot-icon {
	display: none;
}

button.slick-autoplay-toggle-button {
    position: absolute;
    z-index: 10;
    bottom: 20px;
    left: 20px;
}


/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -10px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev
{
    left: -25px;
}

.slick-next
{
    right: -25px;
}

/* Dots */
.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: 17px;

    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 16px;
    height: 16px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 16px;
    height: 16px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 1px solid #000;
    outline: none;
    background: #d6d9d9;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}

.slick-dots li.slick-active button {
	background:#339933;
}

/* ==========================================================================
   Responsive Embeds
   ========================================================================== */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ==========================================================================
   fancyBox
   ========================================================================== */

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	border:5px solid #5c5c5c;
	background: #fff;
	color: #404040;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 46px;
	margin-top: -23px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background:url(images/arrow-prev.png) no-repeat 0 0;
}

.fancybox-next span {
	right: 10px;
	background:url(images/arrow-next.png) no-repeat 0 0;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 16px/24px "proxima-nova",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close {
		background-image: url('images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	.fancybox-prev span {
		background-image:url('images/arrow-prev-retina.png');
		background-size:27px 46px;
	}

	.fancybox-next span {
		background-image:url('images/arrow-next-retina.png');
		background-size:27px 46px;
	}

	#fancybox-loading div {
		background-image: url('images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* iPad */
@media only screen and (min-width: 600px) and (max-width: 1020px) {

	header .menu-main-menu-container {
		display:none;
	}

	header .bar {
		text-align:center;
	}

	.mobile-menu-toggle {
		display:block;
		left:5px;
	}

	header .logo {
		float:none;
		display:inline-block;
		width:180px;
		height:auto;
	}

	header .secure-login {
		position:absolute;
		margin:0;
		top:10px;
		right:0;
	}

	.login-dropdown {
		top:54px;
	}

	.home-slider .slide-content {
		margin-left:15px;
		max-width:500px;
	}

	.home-tabs .tabs-menu li.small-business-tab a,
	.home-tabs .tabs-menu li.commercial-tab a,
	.home-tabs .tabs-menu li.personal-tab a,
	.home-tabs .tabs-menu li.investor-tab a {
		padding:0 10px;
		background:none;
	}

    .main {
	    width:100%;
	    float:none;
    }

    .sidebar {
	    display:none;
    }

    .featured-subpage {
	    padding:30px 20px;
    }

    .featured-subpage .overlay {
	    padding:20px;
	    font-size:14px;
	    line-height:18px;
    }


	    .featured-subpage-run {
	    padding:30px 20px;
    }

    .featured-subpage-run .overlay {
	    padding:20px;
	    font-size:14px;
	    line-height:18px;
    }

}


.running { width:1050px; margin-left:auto; margin-right:auto; }

/* iPhone */
@media only screen and (max-width: 599px) and (min-width: 0) {

.image1 { width:400px; margin-left:auto; margin-right:auto; }
.running { max-width:500px; float:left; padding-left:10px;}


	.container {
		width:100%;
	}

	.pre-header,
	.menu-main-menu-container,
	#breadcrumbs {
		display:none;
	}

	header .bar {
		text-align:center;
	}


	.mobile-menu-toggle {
		display:block;
	}

	header .logo {
		float:none;
		display:inline-block;
		width:180px;
		height:auto;
	}

	header .secure-login {
		display:none;
	}

	.slick-slider {
		margin-bottom:0;
	}

	.home-slider .slide {
		height:200px;
	}

	.home-slider .slide-content,
	.home-slider .slide-content.center {
		width:80%;
		text-align:center;
		max-width:80%;
		margin:0 auto;
	}

	.home-slider h2 {
		font-size:26px;
		line-height:29px;
		margin-bottom:25px;
	}

	.home-slider p,
	.home-slider .caption,
	.home-slider .slick-dots,
	.home-tabs .tab-content .image {
		display:none !important;
font-size:16px;
	}

	.menu-mobile-home-container {
		display:block;
	}

	.home-tabs {
		margin-top:0;
	}

	.home-tabs .tab-content h2 {
		font-size:26px;
		line-height:29px;
	}

	.home-tabs .tab-content .text,
	.home-tabs #small-business.tab-content .text {
		width:90%;
		float:none;
		margin:0 auto;
	}

	.home-tabs #small-business.tab-content .text .col {
		float:none;
		width:auto;
	}

	.home-tabs #small-business.tab-content .text .col:last-child {
		float:none;
		margin-top:20px;
	}

	.home-locations {
		background:none !important;
	}

	.home-locations .mobile-img {
		display:block;
		margin-bottom:30px;
	}

	.home-locations .inner {
		padding:0;
	}

	.home-locations .text {
		width:90%;
		padding:0 5%;
		border-top:none;
	}

	.home-bottom {
		background:#efefef;
		padding:35px 0;
		margin:30px auto 5px;
	}

	.home-bottom .inner {
		width:90%;
		margin:0 auto;
	}

	.home-bottom .image,
	.home-bottom .text {
		float:none;
		width:auto;
	}


	#hero {
		height:250px;
	}

	#hero h1 {
		font-size:26px;
		line-height:29px;
	}

	#hero .caption {
		width:100%;
		text-align:center;
	}

	.main,
	.sidebar {
		float:none;
		width:auto;
	}

	.main {
		width:90%;
		margin:0 auto;
	}

	.sidebar-ad {
		display:none;
	}

	.main .full_width,
	.main .one_half,
	.main .one_third,
	.main .two_third,
	.main .one_fourth,
	.main .three_fourth,
	.main .one_fifth,
	.main .two_fifth,
	.main .three_fifth,
	.main .four_fifth,
	.main .one_sixth,
	.main .five_sixth {
		margin-bottom:0;
	}

	.main .one_third ul {
		margin:0;
	}

	.main .gray-box .image,
	.main .gray-box .text {
		display:block;
		width:auto;
		padding:0;
	}

	.main .gray-box .image {
		margin-bottom:15px;
	}

	.one-half {
		width:auto;
	}

	.left-half, .right-half {
		float:none;
	}

	.related-links {
		margin-bottom:5px;
	}

	#about-page .main h2 {
		font-size:24px;
		line-height:29px;
	}

	#inside-page .main, #about-page .main {
		width:100%;
	}

	#inside-page .intro, #about-page .intro {
		width:90%;
		margin:0 auto;
	}

	.page-content {
		padding-bottom:0;
	}

	.featured-subpages {
		margin:30px 0 0;
	}



	.featured-subpage,
	.featured-subpage-alt {
		float:none;
		width:auto;
		margin-bottom:5px;
	}

	.featured-subpage .overlay {
		padding:25px 15px;
	}


		.featured-subpage-run {
		float:none;
		width:auto;
		margin-bottom:5px;
	}

	.featured-subpage-run .overlay {
		padding:25px 15px;
	}

	#inside-page .main .gray-box {
		margin-bottom:5px;
	}

	#inside-page .gray-box .text,
	#inside-page .gray-box .image {
		width:auto;
		max-width:90%;
		margin:0 auto;
		float:none;
	}

	#inside-page .gray-box .image {
		margin-bottom:20px;
	}

	.testimonial {
		padding-top:35px;
		padding-bottom:35px;
		margin-bottom:0;
	}

	.testimonial .image,
	.testimonial .text,
	.testimonial-alt .image,
	.testimonial-alt .text {
		float:none;
		width:auto;
		text-align:left;
	}

	.holiday-grid .row {
		display:block;
		text-align:center;
		margin:10px auto;
	}

	.holiday-grid .row div {
		display:block;
	}

	.branch-officer,
	.branch-officer .image,
	.branch-officer .text {
		float:none;
		width:auto;
		margin-right:0;
	}

	.branch-officer {
		margin:30px auto;
	}

	.branch-officer .image {
		max-width:150px;
	}

	#bios .grid .item, #bios .grid .item.middle-item {
		float:left;
		width:48%;
		margin:0 1% 25px;
	}

	#photo-contest-page h1 {
		font-size:26px;
		line-height:29px;
	}

	#photo-contest-page .inner {
		width:90%;
		margin:0 auto;
	}

	#photo-contest-page .grid .photo,
	#photo-contest-page .grid .photo-mid,
	#photo-contest-page .grid .photo-mid-left {
		float:none;
		width:auto;
		margin:0 auto 30px;
	}

	#logout-page .gray-box {
		margin-bottom:5px;
	}

	#logout-page .gray-box .image,
	#logout-page .gray-box .text {
		width:auto;
		float:none;
	}

	footer {
		padding-top:0;
	}

	footer .container {
		width:100%;
	}

	footer .top {
		margin-bottom:20px;
	}

	footer .navigation {
		float:none;
		width:auto;
		max-width:90%;
		margin:0 auto;
		padding-top:20px;
	}

	footer .tag {
		float:none;
		width:auto;
		border-bottom:5px solid #fff;
		border-right:none;
		padding:20px;
		color:#fff;
		background:#075934;
	}

	.footer-col,
	.footer-col.footer-col-services,
	.footer-col.footer-col-last {
		float:none;
		width:auto;
		margin:20px auto;
	}

	.footer-col.footer-col-services {
		margin:0 0 50px 10px;
	}

	.footer-col {
		margin-bottom:50px;
	}

	.footer-col ul,
	.footer-col .match-ul {
		margin-left:10px;
	}
	.footer-col .match-ul .live_support {
		font-size:14px;
		line-height:14px;
		margin:15px 0;
	}

	.footer-col ul ul {
		margin-left:0;
	}

	.footer-col li {
		font-size:14px;
		line-height:14px;
		margin:15px 0;
	}

	.copyright,
	.footer-logos {
		width:auto;
		float:none;
		margin:0 auto;
		text-align:center;
		max-width:94%;
	}

	.footer-logos {
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		margin-bottom:20px;
	}

	.footer-logos li {
		float:none;
		display:inline-block;
		margin:20px 5px;
		width:auto;
	}

	/* commented out by Mark MacCollin on 04/02/2020 */
/*
	blockquote {
		font:26px/29px 'clavo', serif;
		font-weight:700;
		text-indent:-10px;
	}
	*/
}

img.img-fr{
  float: right;
  margin: 20px 0px 20px 20px;
}

.green-text{
  color: #225939;
  padding-top: 40px;
  display: block;
}


.green-text2{
  color: #225939;
  display: block;
}

.small-white{
  font-size:18px!important;
  color: #4e924d!important;
  line-height:22px!important;
  font-family: 'proxima-nova', sans-serif!important;
  text-shadow: none!important;
}

.green-box a{
   color: #fff!important;
}

@media (max-width: 992px){
.page-id-4806 .vb-inner-slogan {
    background: transparent!important;
}
}

@media(max-width: 479px){
img.img-fr{
  float: none;
  margin: 0 auto;
  display: block;
}
}