/* Colors

#3b3b3b - Body text
#003c71 - Dark Blue
#d96b17 - Orange
#595478 - Purple
#77c742 - Green

*/

/* ----------------------------------------------- */
/* All widths (XS through LG) */
/* ----------------------------------------------- */

/* State Indicator for use in JS */
.grid-size-indicator {
    position: absolute;
    top: -999em;
    left: -999em;
}
/* XS */
.grid-size-indicator { z-index: 1; }
/* SM */
@media (min-width: 768px) {
	.grid-size-indicator { z-index: 2; }
}
/* MD */
@media (min-width: 992px) {
	.grid-size-indicator { z-index: 3; }
}
/* LG */
@media (min-width: 1200px) {
	.grid-size-indicator { z-index: 4; }
}

.site-max-width {
	max-width:1170px;
}
iframe {
	border:0 none; /* frameborder=0 */
	overflow:hidden; /* scrolling=no */
	background-color:transparent; /* allowtransparency */	
	min-height:180px;
}
main {
	display:block;
}
a#jump-to-main:focus {
	position: static;
	display: block;
	text-align: center;
	background-color: #fff;
	width: 100%;
	height: auto;
	padding: 10px;
	margin: 0;
	overflow: visible;
	clip: auto;
	border-bottom: 1px solid #ccc;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:15px;
	color:#3b3b3b;
	line-height:1.5;
	background-color:#fff;
}
a,
a:active,
a:hover {
	color:#003c71;
}
a:focus,
a.site-logo:focus img,
button:focus,
input:focus,
textarea:focus,
select:focus,
*:focus,
.dropdown-toggle:focus {
    outline: -webkit-focus-ring-color auto 5px;
}
article a {
	text-decoration:underline;	
}
article a:hover {
	text-decoration:none;	
}
p,
ul,
ol {
    margin-bottom:1.5em;	
}
h1,h2,h3,h4,h5,h6 {
	margin-top:0;	
}
sup {
	top: -1em;
	font-size: 50%;
}
article h1 {
	font-family:'Raleway', 'Open Sans', 'Times New Roman', serif;
	font-style:normal;
	font-weight:700;
	font-size:2.8em; /* 42px */
	color:#003c71;
	border-bottom:4px solid #d2d4d7;
	line-height:1.1;
	margin-bottom:0.5357em;
	padding-bottom:7px;
}
article h2 {
	font-family:'Raleway', 'Open Sans', 'Times New Roman', serif;
	font-style:normal;
	font-weight:700;
	font-size:2em; /* 30px */
	color:#d96b17;
	line-height:1.2;
	margin-bottom:0.75em;
}
article h3 {
	font-family:'Raleway', 'Open Sans', 'Times New Roman', serif;
	font-style:normal;
	font-weight:700;
	font-size:1.533em; /* 23px */
	color:#595478;
	line-height:1.533;
	margin-bottom:0;
}
.text-bold-1 {
	font-weight:700;
	color:#003c71; /* blue */
}
.text-bold-2 {
	font-weight:700;
	color:#d96b17; /* Orange */
}
.text-bold-3 {
	font-weight:700;
	color:#028392; /* aqua */
}
small {
	font-size:1em; 
}
.text-footnote {
	color:#636363;
}
.text-18px {
	font-size:18px;	
}
article .pull-left {
	margin:0 20px 10px 0;
}
article .pull-right {
	margin:0 0 10px 20px;
}
/*.form-control {
	height:2.267em;
	padding:16px 8px;
	font-size:0.866em;
	border:1px solid #aaa;
	border-radius:0;
	box-shadow:inset 2px 2px 2px #eee;
}*/
.form-control {
    font-size: 16px;
	height:2.25em; /* 36px */
	border-radius: 0;
	border:1px solid #8F8F8F;
}

:-ms-input-placeholder {  
   color: #aaa;  
}
.placeholder {
  color: #aaa; /* For placeholder fallback */
}
.modal-title {
	font-size:1.25em;
	color:#333;
}
.modal-header button.close {
	color:333;
	opacity:1;
}
.modal-header button.close:hover {
	text-decoration: underline;
}
.modal-header button.close:focus {
	opacity:1;
}
.modal-footer button,
.modal-footer .btn + .btn {
	font-size:19px;
	font-weight:bold;
}
.modal-body {
	color:#333;
}


/* ----- Buttons ----- */

.btn {
    /* override */ 
	font-family: 'Raleway', 'Open Sans', Arial, sans-serif;
	padding:7px 16px;
	font-size:1em; /* 15px */
	text-transform: uppercase;
	border-radius:4px;
	font-weight:700;
	border:0 none;
	text-decoration:none !important;
}
.btn-sm {
	font-size:1em;
	padding:5px 12px;
}
.page-content .btn {
	margin-top:5px;
	margin-bottom:5px;	
}

/* Solid Orange Button */
.btn-primary {
	background-color:#d96b17;
	color:#fff;
	border:2px solid transparent;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:hover,
.btn-primary:active:focus {
	background-color:#fff;
  border:2px solid #d96b17;
	color:#003c71;
}
/* Solid Aqua Button */
.btn-primary-2,
.btn-primary-2:focus,
.btn-primary-2:active,
.btn-primary-2:active:focus {
	background-color:#028392;
	color:#fff;
	border:2px solid transparent;
	font-weight: 700;
}
.btn-primary-2:hover {
	background-color:#fff;
	color:#028392;
	border:2px solid #028392;
	font-weight: 700;
}
/* Solid Blue Button */
.btn-primary-3,
.btn-secondary {
	background-color:#003c71;
	color:#fff;
	border:2px solid transparent;
	font-weight: 700;
}
.btn-primary-3:hover,
.btn-primary-3:focus,
.btn-primary-3:active,
.btn-primary-3:active:focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active:focus {
	background-color:#fff;
	color:#2d6393;
	border:2px solid #2d6393;
	font-weight: 700;
}
/* Green Button */

.btn-default {
	background-color:#77C742;
	color:#003E70;
	border:2px solid transparent;
	font-weight: 700;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:focus {
	background-color:#fff;
	color:#003E70;
	border:2px solid #77C742;
	font-weight: 700;
}


/* ----- List styles ----- */

.page-content > ul,
.tab-pane > ul,
.page-content td > ul,
.page-content div > ul {
	padding-left: 1em;
	margin-top:1em;
}
.page-content > ul > li,
.tab-pane > ul > li,
.page-content td > ul > li,
.page-content div > ul > li {
	list-style-type:none;
	margin:0 0 .5em 0;
	padding-left:1.5em;
	text-indent:-1.1em;	
}
.page-content > ul > li:before,
.tab-pane > ul > li:before,
.page-content td > ul > li:before,
.page-content div > ul > li:before {
		content: '';
    display: inline-block;
    height: .8rem;
    width: .8rem;
    background-color: #d96b17;
    border-radius: 50%;
    position: relative;
    left: -0.7rem;
    top: -.1rem;
}
.page-content > ul > li li,
.tab-pane > ul > li li,
.page-content td > ul > li li,
.page-content div > ul > li li {
	padding-left:0;
	text-indent:0;		
}
/* Two Levels Deeps */
.page-content ul ul li,
.page-content ol ul li {
	list-style-type:disc;	
}
.page-content ul ol li {
	list-style-type:decimal;	
}
.page-content ol ol li {
	list-style-type:lower-alpha;	
}
/* Three Levels Deeps */
.page-content ol ol ul li,
.page-content ul ol ul li {
	list-style-type:disc;	
}
.page-content ul ul ul li,
.page-content ol ul ul li {
	list-style-type:circle;	
}
.page-content ul ol ol li,
.page-content ul ul ol li,
.page-content ol ul ol li {
	list-style-type:lower-alpha;	
}
.page-content ol ol ol li {
	list-style-type:lower-roman;	
}
ul.logo-list {
	text-align: center;
}
ul.logo-list li {
	display: inline-block;
	padding-left:1em;
}
ul.logo-list li:before {
	background-color:transparent !important;
}
/* Pipe separated lists */

ul.pipe-separated-list {
    list-style: none;
    padding:0;
    margin:0 0 .75rem -.75rem;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
		justify-content:flex-end;
}
ul.pipe-separated-list li {
    padding:0 .75rem;
    margin:0 0 .75rem 0;
    text-indent:0;
    border-right: 1px solid #fff;
}
ul.pipe-separated-list li:last-child {
    padding-right: 0;
    border-right: 0 none;
}
ul.pipe-separated-list li::before {
    display: none;
}

/* --------------- Tables --------------- */

.table caption {
	background-color:#003c71;
	color:#fff;
	font-size:1.2em;
	font-weight:700;
	padding:6px 8px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	text-align:left;	
}
.table > tbody > tr > th,
.table > thead > tr > th {
	background-color:#e4eaf1;
	color:#003c71;
	vertical-align:bottom;
}
.table > tbody > tr > th.subhead {
	background-color:#fff;
	border-bottom:3px solid #ddd;
}
.table > tbody > tr:first-child > td {
	border-top:0 none;
}
.table > tbody > tr > th[scope="row"] {
    background-color:#e6e6e6;
	font-weight: 700;
	border-color: #ebebeb;
    color:#003c71;
}
.table > tbody > tr > th[scope="colgroup"] {
	background-color:#e4eaf1;
	color:#003c71;
    font-weight:700;
}
.layout-table > tbody > tr > td {
	border-top:0 none;
	padding:10px;
}

/* --------------- Forms --------------- */

.form-table > tbody > tr > th,
.form-table > tbody > tr > td {
	border-top: 0 none;
}
.form-table table td {
	padding:0;
}
.form-table th {
	font-weight:400;	
}
.form-table label {
	font-weight:400;
	margin-bottom:0;
}
.ErrorLabel,
.EditingFormErrorLabel {
	font-weight:700;
	color:#C00;
}
.form-table .EditingFormControlNestedControl input {
	box-sizing:content-box;	
}
.FormPanel {
	margin-bottom:1.5em;	
}
.form-table .EditingFormControlNestedControl td {
    border:0 none;
	padding:2px 0;
}
.form-table .TextBoxField,
.ssn-input input,
.date-input input,
.date-time-input input,
.phone-input input,
.zip-input input,
.captcha-input input,
.TextAreaField,
.form-table input, 
.form-table textarea,
select,
.RadioButtonList input {
    border:1px solid #ccc;
}
.form-table .TextBoxField:focus,
.ssn-input input:focus,
.date-input input:focus,
.date-time-input input:focus,
.phone-input input:focus,
.zip-input input:focus,
.captcha-input input:focus,
.TextAreaField:focus,
.form-table input:focus, 
.form-table textarea:focus,
select:focus,
.RadioButtonList input:focus {
    border:1px solid #003c71;
}
.form-table input,
.form-table textarea {
	width:100%;	
}
.form-table .RadioButtonList input,
.form-table .CheckBoxListField input,
.form-table input.FormButton {
	width:auto;
	margin-right:5px;	
}
.form-table .RadioButtonList label {
	margin-right:10px;
}
.EditingFormControlNestedControl {
	display:inline;
	vertical-align:middle;
}
.phone-input {
    white-space:nowrap;
}
.phone-input input[maxlength="3"] {
	width:2em !important;	
}
.phone-input input[maxlength="4"] {
	width:2.6em !important;	
}
.captcha-input input {
	max-width:5em;	
}
.date-time-input input {
	max-width:10em;
}
.date-time-input .CalendarIcon {
	margin-left:10px;
	margin-top:-6px;
	cursor:pointer;	
}
.date-time-input .CalendarAction {
	display:none;
}
@media (max-width: 767px) {
	.state-input select,
	.DropDownField {
		width:100% !important;	
	}
}
.form-table .empty-cell {
	padding:0;	
}

/* forms in Bootstrap columns */

.online-form {
    padding:0 15px;
}
.online-form.form-horizontal {
    padding:0;
}
.online-form h2,
.online-form h3 {
    margin:0 -15px;
    
}
.online-form .row .form-group {
    /* so labels can run together */
    margin-left: -15px;
    margin-right: -15px;
}
.online-form label {
    font-weight:400;
    margin-bottom:0;
}
.online-form .form-group > label,
.online-form .form-group > legend {
	margin-bottom:10px;
    width:100%;
}
.online-form .row .form-group > label,
.online-form .row .form-group > legend {
    padding:3px 15px;
    background-color: #ebebeb;
    color:#003c71;
    font-size: 1em;
}
.online-form.form-horizontal .form-group label {
	padding:3px 15px;
    background-color: #ebebeb;
	color:#003c71;
	width:100%;
	margin-bottom: 10px;
}
@media (min-width: 768px) {
	.text-sm-right {
		text-align: right;
	}
	.online-form.form-horizontal .form-group label {
		padding: 0;
		background-color: transparent;
		line-height: 2.25em;
		width:auto;
		margin-bottom: 0;
	}
	.online-form.form-horizontal .label-left label {
		text-align: left;
	}
}
.online-form .row .form-group .EditingFormControlNestedControl {
    display: inline-block;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
.online-form .row .EditingFormControlNestedControl,
.online-form .row .inline-control .EditingFormControlNestedControl {
	display:inline;
	vertical-align:middle;
    padding-left:0;
    padding-right: 0;
}
.online-form .row .form-group .dollar-amount-input .EditingFormControlNestedControl {
    display: inline-block;
    width: calc(100% - 1em);
    padding-left:.25em;
}

@media (max-width: 767px) {
    .online-form.form-horizontal .form-group .EditingFormControlNestedControl {
        display: inline-block;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .online-form.form-horizontal .EditingFormControlNestedControl,
    .online-form.form-horizontal .inline-control .EditingFormControlNestedControl {
        display:inline;
        vertical-align:middle;
        padding-left:0;
        padding-right: 0;
    }
}

.online-form .EditingFormControlNestedControl td {
    border:0 none;
	padding:2px 0;
}
.online-form .RadioButtonList,
.online-form .CheckBoxListField {
    margin-bottom: 15px;
}
.online-form .RadioButtonList input,
.online-form .CheckBoxListField input,
.online-form input.FormButton {
    margin-right:10px;
    /* override .form-control styles */
    display: inline;
    width:auto;
    height:auto;
}
.online-form .RadioButtonList input {
	margin-top:0;
	margin-bottom:4px;
}
.online-form .RadioButtonList label {
	margin-right:10px;
}
.online-form .RadioButtonList label,
.online-form .CheckBoxListField label {
    display: inline;
}


/* --------------- Header Alert ---------------*/

.header-alert,
#header-alert {
	background-color:#ffcf01 ;
	color:#333;
	padding-top:15px;
	padding-bottom:10px;
	position:relative;
}
.header-alert:after,
#header-alert:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:5px;
	background-color: transparent;
	background-image: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.1)); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:         linear-gradient(to bottom, transparent, rgba(0,0,0,0.1)); /* Chrome 26, Firefox 16+, IE 10+, Opera */
}
.header-alert p,
#header-alert p {
	margin-bottom:10px;	
}
.header-alert .fa,
#header-alert .fa {
	font-size:3em;
	float:left;
	margin-top:2px;
	margin-right:20px;	
	color:#222;
}
.header-alert a,
#header-alert a {
	text-decoration:underline;	
}
.header-alert a:hover,
#header-alert a:hover {
	text-decoration:none;	
}

#header-alert .btn-close-alert {
	position:absolute;
	top:15px;
	right:5px;
	color:#000000;
	text-decoration:none;
    background-color: transparent;
    border: 0 none;
}
#header-alert .btn-close-alert:hover,
#header-alert .btn-close-alert:focus {
    color:#000000;
		outline:2px solid;
}

/* --------------- Header --------------- */

.site-logo {
    margin-top:40px;
    margin-bottom:40px;
}
.site-logo a,
.site-logo-md a {
    display: block;
    width:290px;
}
.site-logo #animation_container,
.site-logo-md #animation_container {
    width: 100% !important;
    height: 0 !important;
    padding-bottom: 32.98791%;
    position: relative;
}
.site-logo #animation_container canvas,
.site-logo-md #animation_container canvas,
.site-logo #dom_overlay_container,
.site-logo-md #dom_overlay_container {
    width:100% !important;
    height: 100% !important;
}

.top-nav a {
    color:#fff;
}
.top-nav a:hover {
	text-decoration: underline;
}
.top-nav a:focus,
.top-nav a:active {
	outline:2px solid #fff;
}
.top-nav .nav-link {
    padding:.1875rem .625rem;
}
/*.col.top-nav-col {
	display:inline-block;
	margin-right:2px;
}*/
/*.top-nav-col-buttons {
	display:inline-block;
}*/

.login-dropdown .dropdown-toggle::after {
	display: none;
}
.online-banking-button {
		min-width:130px;
	}
.online-banking-button .icon-svg {
    display: inline-block;
    width:1.5rem;
    height:1.5rem;
    margin-right:.5rem;
    position: relative;
    top:4px;
}
.online-banking-button .icon-svg svg {
    width:2rem;
    height:2rem;
    fill:#ffffff;
    vertical-align: top;
    position: relative;
    top:-2px;
		left:-7px;
}
.online-banking-button:hover .icon-svg svg,
.online-banking-button:active .icon-svg svg,
.online-banking-button:focus .icon-svg svg {
	fill:#003c71;
}

.open > .dropdown-toggle.btn-primary,
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:active  {
	background-color:#fff;
	color:#003c71;
	border-color:#eb7125;
}
#OnlineBankingDropDown {
    left: auto;
	padding: 2rem 1rem 0 1rem;
	width: 300px;
	color:#003c71;
}
#OnlineBankingButton,
.make-payment-button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding:5px 7px;
}
.make-payment-button {
	margin-left: 5px;
}

/* --------------- Header OLD --------------- */

/*header {
	background-color:#fff;	
}
.site-logo {
	max-width:356px;
	margin:10px auto;
	display:block;
}*/
main {
	display:block;
	background-color:#fff;	
}

/* ----- Social Media Icons ----- */

	#social-icons {
		list-style-type:none;
		padding:0;
		width:auto;
		height: 40px;
		margin-bottom:20px;
		margin-left:0;
	}
	#social-icons li {
		float: left;
		width:auto;
		height: 40px;
		margin-left:6px;
	}
#social-icons li:first-child {
		margin-left:0;
}
	#social-icons a {
		position:relative;
		display: block;
		width: 40px;
		height: 40px;
		line-height:1;
		text-indent:-99999px;
		border-radius:50%;
		-webkit-transition: box-shadow 0.3s;
    	transition: box-shadow 0.3s;
	}
	/*#social-icons .item-1 a { box-shadow: inset 0 0 0 18px #3a5795;	}
	#social-icons .item-2 a { box-shadow: inset 0 0 0 18px #55acee;	}
	#social-icons .item-3 a { box-shadow: inset 0 0 0 18px #0077b5;	}
	#social-icons .item-1 a:hover { box-shadow: inset 0 0 0 2px #3a5795; }
	#social-icons .item-2 a:hover { box-shadow: inset 0 0 0 2px #55acee; }
	#social-icons .item-3 a:hover { box-shadow: inset 0 0 0 2px #0077b5; }*/
	#social-icons .item-1 a { box-shadow: inset 0 0 0 18px #ffffff;	}
	#social-icons .item-2 a { box-shadow: inset 0 0 0 18px #ffffff;	}
	#social-icons .item-3 a { box-shadow: inset 0 0 0 18px #ffffff;	}
	#social-icons .item-4 a { box-shadow: inset 0 0 0 18px #ffffff;	}
	#social-icons .item-5 a { box-shadow: inset 0 0 0 18px #ffffff;	}
	#social-icons li.svg-icon a { box-shadow: inset 0 0 0 18px #ffffff; }
	#social-icons .item-1 a:hover { box-shadow: inset 0 0 0 2px #ffffff; }
	#social-icons .item-2 a:hover { box-shadow: inset 0 0 0 2px #ffffff; }
	#social-icons .item-3 a:hover { box-shadow: inset 0 0 0 2px #ffffff; }
	#social-icons .item-4 a:hover { box-shadow: inset 0 0 0 2px #ffffff; }
	#social-icons .item-5 a:hover { box-shadow: inset 0 0 0 2px #ffffff; }
	#social-icons li.svg-icon a:hover { box-shadow: inset 0 0 0 2px #ffffff; }
	
#social-icons li.svg-icon a {
	text-indent:initial;
	width:40px;
	height:40px;
}
#social-icons li.svg-icon svg {
	width:27px;
	height:27px;
	margin-left:7px;
	margin-top:7px;
}

	#social-icons a:before {
		font-family: 'FontAwesome';
		font-size:26px;
		font-weight:400;
		display:block;
		width:40px;
		height:40px;
		padding:7px;
		text-align:center;
		position:absolute;
		top:0;
		left:0;
		text-indent:0;
		color:#2b2b2b;
		-webkit-transition: color 0.3s;
    	transition: color 0.3s;
	}
	#social-icons .item-1 a:before {
		content:"\f09a"; /* Font Awesome fa-facebook */
		text-align:center;
	}
	#social-icons .item-2 a:before {
		content:"\f099"; /* Font Awesome fa-twitter */
	}
	#social-icons .item-3 a:before {
		content:"\f0e1"; /* Font Awesome fa-linkedin */
		text-align:center;
		left:2px;
	}
	#social-icons .item-4 a:before {
		content:"\f16d"; /* Font Awesome fa-instagram */
	}
	#social-icons .item-5 a:before {
		content:"\f167"; /* Font Awesome fa-youtube */
	}
	/*#social-icons .item-1 a:hover:before { color:#3a5795; }
	#social-icons .item-2 a:hover:before { color:#55acee; }
	#social-icons .item-3 a:hover:before { color:#0077b5; }*/
	#social-icons .item-1 a:hover:before { color:#ffffff; }
	#social-icons .item-2 a:hover:before { color:#ffffff; }
	#social-icons .item-3 a:hover:before { color:#ffffff; }
	#social-icons .item-4 a:hover:before { color:#ffffff; }
	#social-icons .item-5 a:hover:before { color:#ffffff; }
	#social-icons li.svg-icon:hover svg { fill:#ffffff; }
	
.mobile-imgs {
	display:inline;
	float:right;
}

/* ----- Site Search ----- */

.site-search {
	width: 100%;
	max-width:400px;
	margin:0 auto 24px auto;
}
.site-search .searchBox {
	width: 100%;
	padding: 6px 10px 7px 0;
	overflow:hidden;
	border:1px solid #aaa;
	border-radius:4px;
}
.site-search .searchBox .searchTextBox {
  font-size:1.2em; 
	border: 0 none;
	outline: 0 none;
	padding:1px 10px 0 10px;
	margin: 0;
	background: transparent;
	display: block;
	float: left;
	width: calc(100% - 21px);
	line-height:20px;
}
.site-search .searchBox .searchButton {
    display:block;
	float: right;
    height: 21px;
    width: 21px;
}

/* --------------- Banking Login --------------- */

#online-banking .ob-container {
	margin-top:25px;
	margin-bottom:15px;
	float:right;
	display:inline-flex;
}
#online-banking .ob-container a {
	text-decoration:underline;
}
#online-banking .ob-container a:hover {
	text-decoration:none;
}
#online-banking h2 {
	font-family:'Raleway', 'Open Sans', Arial, sans-serif;
	font-style:normal;
	font-weight:700;
	font-size:1.8667em; /* 28px */
	color:#d96b17;
	display: inline-block;
	text-align: right;
	position:relative;
	top:4px;
	right:5px;
}
#online-banking .ob-field {
	margin-right:5px;
}
#online-banking .ob-field input {
	padding:6px 10px;
	border:1px solid #aaa;
	border-radius: 4px;
	margin-bottom: 7px;
}
#online-banking .ob-field p {
	font-size:10px;
	color:#003c71;
}
#online-banking .btn {
	text-align: center;
	margin-bottom:8px;
	width:100%;
}
#online-banking .ob-links {
	width:100%;
	padding-left: 12px;
	margin-top:0;
	text-align: right;
}
#online-banking .ob-links a,
#online-banking .ob-text {
	color:#003c71;
	font-size: .7em;
}
#online-banking .ob-text {
	font-style:italic;
}
#online-banking.interior {
	width:100%;
	display:block;
	position:relative;
	right:0;
	top:0;
	margin-bottom:20px;
	padding:20px 10px;
}

/* floating labels */

.floating-label-input {
	position: relative;
}
/*#online-banking .floating-label-input {
	margin-top:15px;
}*/
/* floating labels */

.floating-label-input {
    position: relative;
}
.floating-label-input label {
	color:#767676;
    position: absolute;
    top:8px;
    left:14px;
    transition: all 0.3s;
    z-index: 1;
    cursor:text;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
}
.floating-label-input label.active {
	font-size:12px;
	color:#012148;
	top:-.75rem;
	left:14px;
    background-color:#fff;
    text-transform:uppercase;
    padding:0 7px;
	border-radius: .125rem;
	box-shadow: 0 -2px 2px 0 rgba(0,0,0,0.1);
    cursor: default;
}


/* --------------- Homepage Columns --------------- */
	
#home-columns h2 {
	font-family:'Raleway', 'Open Sans', Arial, sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:2.267em; /* 34px */
	color:#003c71;
	line-height:1.1;
	margin-bottom:0.662em;
}
.homepage-row-2 {
    background-color:#e6e6e6;	
}
.home-col-2 {
	background-color:#dad8d9;	
	padding-bottom:20px;
}
.fb-widget {
	margin:20px auto;
}
.home-news,
.home-links {
	margin-top:25px;
	margin-bottom:30px;	
}
.home-rates {
	margin-bottom:30px;
}

/* --------------- Home News & News Page --------------- */

.home-news .media,
.news-page-content .media {
	margin-top:0;
}
.home-news,
.news-page-content {
	padding-right:16px;
}
.home-news img,
.news-page-content img {
	width:84px;
	margin-top:2px;
	margin-bottom:20px;	
}

.home-news h3,
.news-page-content h3.media-heading {
	font-size:1.2em; /* 18px */
	font-weight:700;
}
.news-page-content h3.media-heading {
	font-family:Arial, Helvetica, serif;
}
.news-page-content h3.media-heading a {
	text-decoration:none;
}
.news-page-content h3.media-heading a:hover {
	text-decoration:underline;
}
.home-news .btn {
	width:100%;	
}
.title-bug {
	text-transform:uppercase;
	margin-bottom:1em;
	font-size:1.2em;
}
.title-bug a {
	text-decoration:none;	
	display:none;
}
.title-bug a:hover {
	text-decoration:underline;	
}
article h1.news-title {
	display:none;
	font-size:2.667em;
	margin-bottom:0.5625em;
}

/* --------------- Home Rates --------------- */

.home-rate-table > tbody > tr > th {
	font-size:1.133em;
	border-top:0 none;
	color:#003c71;
}
.home-rate-table > tbody > tr:nth-child(2) > td {
	border-top:0 none;
}
.home-rate-table .rate-name,
.home-rate-table .rate-header {
	padding-left:0;	
}
.home-rate-table .rate-number,
.home-rate-table .rate-header-detail {
	padding-right:0;
	text-align:right;
	white-space:nowrap;
}
.home-rates .btn {
	width:100%;	
}
.table.table-condensed.home-rate-table > tbody > tr > th[scope="row"] {
  font-size:15px;
}

/* --------------- Home Rate Bar --------------- */

.rate-bar {
    color:#003c71;
		margin-top:25px;
		text-align: center;
}
.rate-bar p {
    margin-bottom:0;	
}
.rate-bar .rb-col > a:not(.btn) {
    color:#fff;
    display: block;
    width:100%;
}
.rate-bar .rb-col > a:hover,
.rate-bar .rb-col > a:focus {
    text-decoration: none;
}
.rate-bar a:hover h3 {
	text-decoration: underline;
}
.rate-bar .rb-col {
	padding-top:15px;
	padding-bottom:15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position:relative;
}
.rate-bar table {
	line-height:1;
	margin:0 auto;
}
.rate-bar h3,
.rb-number,
.rb-percent,
.rb-apr-apy {
    font-weight: 700;
}
.rate-bar h3 {
  font-family: 'Raleway', 'Open Sans', Arial, sans-serif;  
	font-size:1.2em;
	text-transform: uppercase;
    text-align:center;
	margin-bottom:0;
}
.rb-description {
	text-align: center;
}
.rb-number {
	font-size:2.933em;
	text-align:right;
	padding-right:.25rem;
}
.rb-percent {
	font-size:1.8667em;
	text-align:left;
	vertical-align:bottom;
}
.rb-apr-apy {
	font-size: .8em;
	text-align:left;
	vertical-align:top;
}
.rate-bar p.disclaimer {
    text-align:center;
    color:#3b3b3b;
}
.home-rates-btn {
	margin-top:15px;
}

/* --------------- Home Quick Links Bar --------------- */

.home-quick-links {
	background:#eb7125;
	padding:0;
}
.home-quick-links-col {
	padding-left:0;
	padding-right:0;	
	text-align:center;
}
.logo-table {
	width:100%;
	height:50px; /* For vertical alignment */
}
.logo-table td {
	padding:20px 0;	
	text-align:center;
	width:50%;
}
.logo-table img {
	width:100%;
	height:auto;
}
.home-quick-links-col ul {
	list-style: none;
	padding:30px 15px 5px;
	margin-bottom:0;
}
.home-quick-links-col li {
	display: inline-block;
	padding-right:70px;
}
.home-quick-links-col li:last-child {
	padding-right:0;
}
.home-quick-links-col img {
	/*max-width:50%;
	margin:0 auto;*/
	/*max-width: 50%;*/
	height: auto;
	width: 55px;
	margin: 0 auto 5px;
}
.home-quick-links-col a {
	display: block;
	text-transform: uppercase;
	color:#fff;
	font-weight:700;
	font-size:20px;
	padding:0 10px;
}
.home-quick-links-col a:focus {
	outline:2px solid #003c71;
}
/*.home-quick-links-col img.img1 {
	max-width:105px;
}
.home-quick-links-col img.img2 {
	max-width:110px;
}
.home-quick-links-col img.img3 {
	max-width:130px;
}
.home-quick-links-col img.img4 {
	max-width:130px;
}
.home-quick-links-col img.img5 {
	max-width:130px;
}
.home-quick-links-col img.img6 {
	max-width:105px;
}*/



/* --------------- Quick Links --------------- */

#quick-links {
	margin-top:25px;
}
#quick-links ul {
	list-style-type: none;
	overflow:hidden;
	padding:0px 12px 6px 0px;
}
#quick-links li {
	height:26px;
	width:759px;
	float:left;
	padding-bottom:35px;
}
#quick-links a {
	display:block;
	/*height:26px;
	width:396px;*/
	text-decoration:none;
	float:left;
	/*padding-left:5px;
	padding-right:5px;*/
	/*background: url(../images/quick-links-sprite_lg.png) no-repeat scroll left 0;*/
	font-size:1.2em;
}
#quick-links a:hover {
	text-decoration: underline;
}
/*#quick-links li.item1 a {
    background-position: 2px 3px;
		background-size:30px;
}
#quick-links li.item1 a:hover {
    background-position: 2px -235px;
}
#quick-links li.item2 a {
		background-position: 2px -20px;
		background-size:30px;
}
#quick-links li.item2 a:hover {
    background-position: 2px -258px;
}
#quick-links li.item3 a {
		background-position: 0 -50px;
		background-size:35px;
		height:25px;
}
#quick-links li.item3 a:hover {
    background-position: 0 -330px;
}
#quick-links li.item4 a {
		background-position: 2px -75px;
		background-size:35px;
}
#quick-links li.item4 a:hover {
    background-position: 2px -352px;
}
#quick-links li.item5 a {
		background-position: 0 -99px;
		background-size:35px;
}
#quick-links li.item5 a:hover {
    background-position: 0 -376px;
}
#quick-links li.item6 a {
		background-position: 2px -123px;
		background-size:35px;
}
#quick-links li.item6 a:hover {
    background-position: 2px -401px;
}
#quick-links li.item7 a {
		background-position: 0 -145px;
		background-size:35px;
}
#quick-links li.item7 a:hover {
    background-position: 0 -423px;
}
#quick-links li.item8 a {
		background-position: 0 -192px;
		background-size:40px;
		height:22px;
}
#quick-links li.item8 a:hover {
    background-position: 0 -509px;
}
#quick-links li.item9 a {
		background-position: 2px -177px;
		background-size:33px;
}
#quick-links li.item9 a:hover {
    background-position: 2px -439px;
}
#quick-links li.item10 a {
		background-position: 0 -215px;
		background-size:35px;
}
#quick-links li.item10 a:hover {
    background-position: 0 -492px;
}
#quick-links li.item11 a {
		background-position: 4px -242px;
		background-size:35px;
}
#quick-links li.item11 a:hover {
    background-position: 4px -520px;
}
#quick-links li.item12 a {
		background-position: 0 -554px;
		background-size:35px;
}
#quick-links li.item12 a:hover {
    background-position: 0 -583px;
}
/*

/* --------------- Child Page --------------- */

.page-content {
	padding-top:30px;
	padding-bottom:10px;	
	border-top: 9px solid #028392;
  box-shadow: 0 0 7px rgba(0,0,0,0.1);
	border-radius: 4px;
}
.sidebar {
	background-color:#f2f5f8;
	padding-top:20px;
	padding-bottom:10px;	
}
.child-nav h2 {
	font-family:'Raleway', 'Open Sans', Arial, sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:2.267em; /* 34px */
	color:#fff;
	background-color:#028392;
	padding: 5px 10px 7px 10px;
	line-height:1.2;
	margin-bottom:0.353em;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.child-nav {
	margin-bottom:20px;	
}
.child-nav ul {
	padding:0;
	margin:0;
	list-style-type:none;	
}
.child-nav a {
	display:block;
	font-size:1.2em;
	color:#333;
	padding:5px 10px 7px 10px;
	border-top:1px solid #fff;
	border-bottom:1px solid #d9e2ec;
}
.child-nav li:first-child a {
	border-top:0 none;
}
.child-nav li:last-child a {
	border-bottom:0 none;
}
.child-nav a:active,
.child-nav a:focus,
.child-nav a:hover {
	text-decoration:none;
	background-color:#fff;
}

/* --------------- Content Tabs  ---------------*/

/* Tabs */
.page-content ul#content-tabs,
.page-content ul.tabs {
	margin:0 0 1.5em 0;
	list-style:none;
	padding:0;
	width:100%;
	float:left;
	border-bottom:4px solid #003c71;
}
.page-content ul#content-tabs li,
.page-content ul.tabs li {
	list-style-type:none;
	margin:0 5px 0 0;
	padding:0;
	background-color: transparent;
	display:block;
	float:left;
	text-indent:0;
}
.page-content ul#content-tabs li:before,
.page-content ul.tabs li:before {
	content:"";
	display:none;
	margin:0;
}
.page-content #content-tabs a,
.page-content .tabs a {
	color:#003c71;
	text-decoration:none;
	font-size:1.067em;
	font-weight:700;
	display:inline-block;
	background-color:#e1eef9;
	padding:10px 16px 8px 16px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	white-space:nowrap;
}
.page-content #content-tabs a:hover,
.page-content #content-tabs a.CMSListMenuLinkHighlighted,
.page-content .tabs a:hover,
.page-content .tabs .active a {
	background-color:#003c71;
	color:#fff;
}
/* Container */
.page-content .tab-content-container {
	clear:left;
	width:100%;
	padding:0;
	margin-bottom:1.5em;
}
.page-content .tab-content-container .tab-content {
	width:100%;
	overflow:hidden;
}

/* --------------- Search Page ---------------*/

.SearchDialog {
    margin-bottom:30px;
}
.SearchDialog td {
    padding: 0 5px 5px 0;
}
.search-result-block {
	margin-bottom:1.5em;	
}
.search-result-title a {
	font-weight:700;
	text-decoration:none;
}
.search-result-title a:hover {
	text-decoration:underline;	
}
.page-content .SearchResults h2 {
	font-size: 1.25em;
	margin-bottom: 0;
}

/*.search-results-details {
	font-size:.867em;
	color:#777;
}*/
.site-search-relevance {
	width: 50px;
	border: solid 1px #777;
	margin-top: 5px;
	margin-right: 6px;
	float: left;
}
.site-search-relevance div {
	height:4px;
	background-color:#777;
}
.search-result-block .highlight {
	background-color:#FF9;	
}
.site-search-create-date {
	display:block;	
}
/*.SearchResults .pager {
   width:100%;
	overflow:hidden;
	padding:10px 0 0 0;
	border-top: 1px solid #ddd;
	margin-bottom:30px;
}
.SearchResults .pager a,
.SearchResults .pager strong {
	color:#003c71;
	background-color:#fff;
	border:1px solid #003c71;
	font-size:0.933em; 
	font-weight:700;
	padding:7px 12px 8px 12px !important;
	text-decoration:none;
	line-height:1;
	display:block;
	float:left;	
	margin:0 4px 6px 0;
}
.SearchResults .pager a:hover,
.SearchResults .pager strong {
    color: #fff;
	background-color:#003c71;
	border:1px solid transparent;
	font-weight:700;
}*/

/* pagination */

.SearchResults .pager {
    width:100%;
	overflow:hidden;
	padding:10px 0 0 0;
	border-top: 1px solid #ddd;
	margin-bottom:30px;
    text-align: left;
}
.SearchResults .pager a,
.SearchResults .pager strong {
    display:inline-block;
    background-color:#fff;
	color:#003c71;
	font-weight:700;
    text-decoration:none;
	padding:8px 12px !important;
	line-height:1;
	margin:0 0 6px 0;
	border:1px solid #003c71;
    border-radius: 3px;
}
.SearchResults .pager a:hover,
.SearchResults .pager a:focus {
    color: #fff;
	background-color:#003c71;
}
.SearchResults .pager strong {
    color: #fff;
	background-color:#003c71;
	font-weight:700;
	/*border:2px solid #e18f13;*/
    cursor: default;
}
.result-number {
	float:right;
	font-size:1em; 
	font-weight:700;
}
/*
.result-number {
	float:right;
	font-size:0.867em; 
	font-weight:700;
}
*/

/* --------------- Vlog --------------- */

.vlog a {
	text-decoration:none;
}
.vlog-details h2 {
	text-decoration: none;
}
.vlog-details h2:hover {
	text-decoration:underline;
}
.vlog-details p {
	cursor: default;
}

/* --------------- Footer --------------- */

footer {
	background-color:#2b2b2b;
	color:#fff;
	padding-top:35px;
	padding-bottom:10px;
}
footer a,
footer a:active,
footer a:focus {
	color:#fff;
	text-decoration:underline;
}
footer a:hover {
	color:#fff;
	text-decoration:none;
}
footer strong {
	color:#ffe293;
}
.ehl-logo {
	width:58px;	
}
.footer-logos ul {
	list-style-type: none;
}
.footer-logos li {
	display: inline-block;
	margin-right:15px;
}
.footer-logos img {
	/*vertical-align: super;*/
	vertical-align: middle;
	border-style: none;
}
.footer-text-2 {
	text-align: right;
	float:right;
}
.footer-text-2 p {
	width:60%;
	float:right;
}
ul.footer-text {
	list-style-type: none;
	padding-left:0;
}
.accessibility-disclaimer {
	text-align: center;
	width:78%;
	margin:0 auto;
}
.app-logos {
	text-align:left !important;
}
.app-logos ul {
	padding-left:0;
}


/* ----------------------------------------------- */
/* XS Only */
/* ----------------------------------------------- */

@media (max-width: 450px) {
	#online-banking .ob-container {
		display: block;
		width:90% !important;
		margin:0 auto;
	}
	.mobile-imgs {
		float:left;
		margin-bottom:20px;
	}
	.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
			white-space:unset;
	}
}
@media (min-width: 451px) and (max-width:767px)  {
		
		.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
			white-space:unset;
		}
}

@media (max-width: 767px) {
	.site-logo {
		margin:15px auto 0;
	}
	.site-logo a {
		margin:0 auto;
	}
	.col.top-nav-col {
		display: block;
		text-align:center;
		margin-right:0;
		margin-bottom:10px;
	}
	.login-dropdown.dropdown {
		float:none;
		display: inline-block;
	}
	#OnlineBankingDropDown {
		left:0;
	}
	#online-banking {
		background:#e6e6e6;
		margin-right:-15px;
		margin-left:-15px;
	}
	#online-banking h2 {
		text-align: center;
		margin-top:15px;
	}
	#online-banking .ob-container {
		float:none;
		width:100%;
		padding-left: 10px;
		padding-right: 10px;
		margin-top:10px;
	}
	#online-banking .ob-field,
	#online-banking .ob-container input,
	#online-banking .btn {
		width:100%;
	}
	.top-nav-col-buttons {
		text-align: center;
		margin-bottom:15px;
	}
	.make-payment {
		display: inline-block;
	}
	.content-wrapper {
    background-color: #e6e6e6;
	}
	.home-rates-btn {
		width:100%;
	}
	.page-content {
		border-top:none;
	}
	.form-table input, .form-table textarea {
    width: 90%;
	}
	.home-quick-links-col ul {
		padding:25px 15px;
		margin-bottom:0;
	}
	.home-quick-links-col li {
		padding-right:0;
		width:100%;
	}
	.home-quick-links-col li:last-child {
    padding-right: 0;
	}
	.atm-locator,
	.find-car {
		margin-top:20px;
	}
	.modal-dialog {
		width:90%;
		margin:0 auto;
	}
	/*.home-quick-links-col img.img1 {
		max-width:100px;
	}
	.home-quick-links-col img.img2 {
		max-width:100px;
	}
	.home-quick-links-col img.img3 {
		max-width:120px;
	}
	.home-quick-links-col img.img4 {
		max-width:120px;
	}
	.home-quick-links-col img.img5 {
		max-width:120px;
	}
	.home-quick-links-col img.img6 {
		max-width:95px;
	}*/
	
	
}

@media (min-width: 992px) and (max-width: 1024px) {
	.top-nav {
		margin-right:0;
	}
	.online-banking-button {
		min-width: 130px;
	}
	.form-table input, .form-table textarea {
    width: 98%;
	}
	
}

@media (min-width: 992px) and (max-width: 1100px) {
	.top-nav {
		padding-left:0 !important;
		padding-right:10px !important;
		margin-left:-50px;
	}
	.top-nav li {
		padding:0 0 0 14px !important;
	}
	.form-table input, .form-table textarea {
    width: 98%;
	}
	
}

/* ----------------------------------------------- */
/* SM Only */
/* ----------------------------------------------- */

@media (max-width: 991px) {
	
	.col-main-nav {
		padding-left:0;
		padding-right:0;
	}
	.footer-text-2 {
		text-align:left;
		float:none;
		width:60%;
	}
	.footer-logos ul {
		padding-left:0;
	}
	.accessibility-disclaimer {
		text-align: left;
		padding-left:15px;
		padding-right:15px;
		width:100%;
	}

}

@media (min-width: 768px) and (max-width: 991px) {
	.content-wrapper {
		padding:30px;
	}
	
	.top-nav {
		float:none;
	}
	.top-nav-row {
		margin-top:-175px;
	}
	.site-logo a {
		margin:0 auto;
	}
	.site-logo {
		position: relative;
		top:25px;
	}
	
	.form-table input, .form-table textarea {
    width: 98%;
	}
	#quick-links a {
		font-size:1.0em;
		padding-top:2px;
	}
	.home-quick-links-col li {
		padding-right:0;
		width:40%;
		margin-bottom:15px;
	}
	
}


/* ----------------------------------------------- */
/* SM and wider */
/* ----------------------------------------------- */

@media (min-width: 768px) {
	
	header {
        position: relative;
        z-index:998;
    }
    .header-row-1 {
        background-color:#003c71;
        color:#fff;
        padding:.4375rem 0;
				height:50px;
    }
    .header-row-2 {
        background-color: #ffffff;
    }
    .login-dropdown.dropdown {
			float:left;
		}
	.container {
		width:auto;
	}
	.content-wrapper {
		background-color:#e6e6e6;
	}
	
	/* ----- Main Navigation ----- */
	.main-nav {
		padding-right:0;
		padding-left:0;
	}
	
	/* ----- Site Search ----- */
	
	.site-search {
		float:right;
		margin-bottom:0;
		max-width:230px;	
	}
	.SearchDialog input,
	.SearchDialog select {
		padding: 3px 5px;
		overflow: hidden;
		border: 1px solid #aaa;
		border-radius: 4px;
	}
	.SearchDialog .ContentButton {
		border:none !important;
		padding:7px 16px !important;
	}
	
	
	/* --------------- Top Nav --------------- */
	.top-nav-container {
		background:#003c71;
		height:50px;
	}
	.top-nav {
		float:left;
		padding-left:25px;
		padding-right:25px;
		margin-top:7px;
	}
	.top-nav ul {
		list-style-type:none;
		margin:0 0 8px 0;
		padding:0;
		text-align:center;
		font-size:1.125em;
	}
	.top-nav li {
		display: inline;
		padding:0 4px 0 9px;
		border-left:1px solid #fff;
	}
	.top-nav > ul > li:first-child {
        padding-left:0;
        border-left:0 none;
    }
	/*.top-nav li:first-child {
		padding-left:0px;
	}*/
	.top-nav a {
		color:#fff;
	}
	
	
	/* --------------- Homepage Columns --------------- */
	
	.home-news .btn {
		width:auto;	
	}
	.home-rates {
		margin-top:25px;	
	}
	
	
}


/* ----------------------------------------------- */
/* MD and wider */
/* ----------------------------------------------- */

@media (min-width: 992px) {
	
		.col-main-nav {
        min-height: 6.25rem;
				float:right;
    }
    .site-logo {
        position: absolute;
        top:-.4375rem;
        left:15px;
        margin:0;
        /*width:33.33%;
        max-width:22.5rem;*/
			 	width:100%;
        max-width:80%;
        padding:2.625rem 2.1875rem;
        filter: drop-shadow(0 0 7px rgba(0,0,0,0.25));
        z-index: 999;
    }
    .site-logo::before {
        content:'';
        position: absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        background-color:#fff;
        clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 50% 100%, 0% 90%);
        z-index: -1;
    }
    .site-logo a {
        width:100%;
    }
	.header-row-2 {
        background-color: #fff;
    }
	
	
	/* --------------- Homepage Columns --------------- */
	
	#home-columns h2 {
		font-size:1.8em; /* 27px */	
	}
	.home-col-2 {
		padding-left:30px;
		padding-right:30px;
	}
	.home-col-3 {
		padding-left:30px;	
	}

	
	/* --------------- Child Page --------------- */
	.content-wrapper {
		padding-top:15px;
		padding-right:15px;
	}
	.page-content {
		background:#f1f1f1;
		padding:30px 30px 15px 30px;
		margin-bottom:30px;
		min-height:600px;
	}
	.sidebar {
		background-color:transparent;
		padding-top:0;
		padding-bottom:0;
		position:relative;
		z-index:1;
	}
	.child-nav {
		background-color:#f1f1f1;
		padding:0;
		border-radius:4px;
	}
	.child-nav a {
		border-top:1px solid #f4f7f9;
		border-bottom:1px solid #cdd8e5;
	}
	.child-nav a:active,
	.child-nav a:focus,
	.child-nav a:hover {
		background-color:#f2f5f8;
	}
	
	/* --------------- Footer --------------- */
	
	.logo-table td {
		width:auto;
	}
	
	.footer-logos {
		text-align:right;	
	}
	
}


/* ----------------------------------------------- */
/* LG and wider */
/* ----------------------------------------------- */

@media (min-width: 1200px) {
	
	.online-banking-button {
		min-width:150px;
	}
	.header-row-2 {
  	background-color: #fff;
  }
	.top-nav {
		padding-left:0;
	}
	.login-dropdown.dropdown {
		margin-left:30px;
	}
	.container {
		width:100%;
	}
	#home-columns h2 {
		font-size:2.267em; /* 34px */
	}
	
	.atm-locator {
		padding-left:20px;
		padding-right:20px;	
	}
	.home-quick-links-col li {
		padding-right:70px;
	}
	
}

@media (min-width: 1680px) {

    .header-row-2 {
        background-color: #fff;
    }
		.online-banking-button {
			min-width:175px;
		}
	
}

/* ----------------------------------------------- */
/* MEGA MENU */
/* ----------------------------------------------- */

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}
/* End Yamm!3 */

/* Some basic styling */

.main-nav-row {
	background:#003c71;
}
.navbar {
  border: 0 none;
  border-radius:0;
  margin-bottom: 0;
  min-height: 0;
  /*margin-left:-15px;
  margin-right:-15px;*/
}
.navbar-header > button {
		display:block;
		width:100%;
		background-color: transparent;
		border:0 none;
		margin:0;
		padding: 0;
	}
#MegaMenu {
	white-space:nowrap;
}
#MegaMenu .dropdown-menu {
	white-space:normal;
}
ul.dropdown-menu,
ul.dropdown-menu li.mm-column ul {
	padding:0;	
}
ul.dropdown-menu ul {
	list-style-type:none;	
}
.nav li li a,
.nav li li a:focus,
.nav li li a:active {
	padding-top:7px;
	padding-bottom:7px;
	display:block;
}
#MegaMenu .mm-buttons {
	margin-top:10px;
}
#MegaMenu .btn,
#MegaMenu .btn:focus,
#MegaMenu .btn:active {
	margin-bottom:10px;
	font-size:1em;
}
#MegaMenu .mm-column > a {
  font-size:1.2em; /* 18px */
	font-weight:700;
	border-bottom:2px solid #003c71;
	margin-bottom:0.5em;
	cursor:default;
}
#MegaMenu .mm-column > a:hover {
	text-decoration: none;
}
.mm-links a {
	color:#003c71;
}

@media (min-width: 768px) and (max-width: 991px) {
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #333;
		white-space: nowrap;
	}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
			float: none!important;
			/*margin: 7.5px -15px;*/
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

/* XS Only */

@media (max-width: 767px) {
	

	
}


@media (max-width: 991px) {
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		margin-left:0 !important;
	}
	.navbar-default .navbar-brand {
		color:#fff;
		font-weight: 700;
		text-transform: uppercase;
	}
	.navbar-default {
		background-color: #fff;
		border-color: transparent;
		border-top:1px solid #fff;
		cursor:pointer;
	}
	.navbar-header {
		background-color: #003c71;
	}
	.navbar-header[aria-expanded="true"] {
		background-color: #003c71;
	}
	.navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color:#fff;
	}
	.navbar-default .navbar-toggle {
		border:0 none;
		padding:9px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #003c71;
		height:3px;
		width:24px;
	}
	.navbar-default .navbar-header[aria-expanded="true"] .navbar-toggle .icon-bar {
		background-color: #2d6393;
	}
	.navbar-toggle .icon-bar + .icon-bar {
		margin-top:3px;
	}
	ul#MegaMenu {
		background:#fff;
		margin-top:0;
		margin-bottom:0;
	}
	#MegaMenu > li {
		border-bottom:1px solid #e4eaf1;	
	}
	#MegaMenu > li:hover {
		background-color: #e4eaf1;
	}
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		color:#003c71;
	}
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:focus {
		background-color:#003c71;
		color:#fff;
	}
	.navbar-default .navbar-nav > .open > a:hover {
		background-color:#2d6393;
		color:#fff;
	}
	.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
		color:#fff;
	}
	.yamm .yamm-content {
		background-color:#f2f5f8;
		padding:10px 15px;	
	}
	.yamm .yamm-content .mm-links li a {
		border-bottom:1px solid #d9e2ec;	
		padding-left:8px;
		padding-right:8px;
	}
	.yamm .yamm-content .mm-links li.last a {
		border-bottom:0 none;
	}
	.yamm .yamm-content .mm-links li a:hover {
		text-decoration:none;
		background-color:#fff;
	}
	
}

/* SM and wider */
@media (min-width: 992px) {	
	
	/* Center items in main nav bar */
	/* Better than using .center-block because no width needs to be assigned to ul.nav */
	.navbar-default .container-fluid,
	.navbar-collapse {
		padding-left:0;
		padding-right:0;	
	}
	/*#MegaMenu {
	    width:100%;	
	}*/
	ul#MegaMenu {
		float:right;
	}
	header .navbar .nav,
	header .navbar .nav > li {
		float:none;
		display:inline-block;
		vertical-align: top;
	}
	header .navbar .nav > li {
		/*width:20%;	*/
	}
	header .navbar-collapse {
		text-align:center;
	}
	header .dropdown-menu {
		text-align: left;
	}
	/* End center styles */
	
	.nav .caret {
		display:none;	
	}
	.navbar-default {
		background-color:transparent;
		border-color: transparent;
	}
	#MegaMenu {
		padding-top:10px;
	}
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:focus {
		font-family:'Raleway', 'Open Sans', Arial, sans-serif;
		font-weight:700;
		text-transform:uppercase;
		margin-right:6px;
		background-color:transparent;
		color:#003c71;
		line-height:1em; 
		letter-spacing: 1px;
	}
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li.item-current > a {
		background-color:#2d6393;
		border-radius:4px;
		color:#fff;
		position:relative;
	}
	.navbar-default .navbar-nav > .open > a:before,
	.navbar-default .navbar-nav > .open > a:hover:before,
	.navbar-default .navbar-nav > .open > a:focus:before,
	.navbar-default .navbar-nav > li > a:hover:before,
	.navbar-default .navbar-nav > li.item-current > a:before {
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:0; 
		height:0; 
		z-index:1; 
	}
	
	/* Specify dropdown widths */
	.menu-1 .dropdown-menu {
		width:42em;
	}
	.menu-2 .dropdown-menu {
		/*width:auto;*/
	}
	.menu-3 .dropdown-menu {
		width:45em;
	}
	.menu-4 .dropdown-menu {
		width:25em;
	}
	.menu-5 .dropdown-menu {
		width:17em;
		right:0;
	}
	.menu-6 .dropdown-menu {
		width:20em;
		right:0;
	}

	
	#MegaMenu .dropdown-menu {
		box-shadow:0 7px 7px rgba(0, 0, 0, 0.15);
		border-radius:4px;
		border:0 none;
		border-top-left-radius:0;
		border-top-right-radius:0;
	}
	
	/* Align drop down to individual tabs */
	#MegaMenu .dropdown {
	    position:relative;	
	}
	/* Align drop down to whole nav bar */
	/*#MegaMenu .dropdown.menu-2 {
	    position:static;	
	}*/
	
	#MegaMenu .dropdown.menu-3 .dropdown-menu {
		left:auto;
		right:0;
	}
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > li > a:focus {
		font-size:1.23em; 
		padding-left:20px;
		padding-right:20px;
	}
	
}

/* MD and wider */
@media (min-width: 992px) {
	
	.navbar-default {
		margin-left:0;
	  margin-right:0;
	}
	#MegaMenu {
		position:relative;
	}
	
	/* Specify dropdown widths */
	/*.menu-3 .dropdown-menu {
		width:70em;
	}*/
	
}

@media (min-width: 768px) and (max-width:991px) {
	
	.navbar > .container-fluid {
		margin-right: auto;
		margin-left: auto;
		padding-right: 0;
		padding-left: 0;
	}

}

/* LG and wider */
@media (min-width: 1200px) {
	
}


/* Carousel Fade used for homepage banner ads */

/*
Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
CSS from:       http://codepen.io/transportedman/pen/NPWRGq
and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
Inspired from:  http://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.5s;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
Need to override the 3.3 new styles for modern browsers & apply opacity
*/

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner>.item.next,
    .carousel-fade .carousel-inner>.item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner>.item.prev,
    .carousel-fade .carousel-inner>.item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner>.item.next.left,
    .carousel-fade .carousel-inner>.item.prev.right,
    .carousel-fade .carousel-inner>.item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* ----------------------------------------------- */
/* CAROUSEL */
/* ----------------------------------------------- */

#carousel-homepage {
    width:100%;
    /*height:0;
    padding-bottom:22.4%;
    background-color:#f1f1f1;*/
}
ul.carousel-inner {
	border-top:2px solid #f1f1f1;
	list-style: none;
	padding:0;
	margin:0;
	width:100%;
    height:0;
    padding-bottom:22.4%;
    background-color:#f1f1f1;
}
#carousel-homepage .carousel-inner .item,
#banner-ad-page .item {
    width:100%;
    height:0;
    padding-bottom:22.4%;
    background-color:#f1f1f1;
	background-repeat:no-repeat;
	background-position:right top;
	background-size:cover;
}
#carousel-homepage .carousel-inner > .active,
#carousel-homepage .carousel-inner > .next,
#carousel-homepage .carousel-inner > .prev {
	padding-bottom:22.4%;
}

/* Clickable transparent overlay to make the entire
banner clickable in the absence of a button */
.pass-through {
    position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:0;
	padding-bottom:22.4%;
	z-index:11;
	background-color:transparent;
}

/* Trick to restart CSS Animation */
.left.active .animated,
.right.active .animated,
.next .animated,
.prev .animated {
	-webkit-animation: nonexistent;
	animation: nonexistent;
}

/* Carousel Indicators */

.carousel-indicators {
	/*margin:0 15px;
	width: auto;*/
	display: -ms-flexbox;
  	display: flex;
	-ms-flex-pack: end;
  	justify-content: flex-end;
	text-align: right;
	left: 0;
	right: 0;
	bottom: 12px;
	position:static;
	margin: 0;
	width:100%;
	padding: 5px 15px;
	background-color: #003c71;

}
.carousel-indicators li {
	width:26px;
	height:26px;
	line-height: 1;
	text-indent: 0;
	margin:0;
	position: static;
	background-color: transparent;
	opacity: 1;
	border-radius: 0;
	border:0 none;
	display: list-item;
}
.carousel-indicators li.active {
	background-color:transparent;
	width:26px;
	height:26px;
}
.carousel-indicators li::before,
.carousel-indicators li::after {
	display: none;
}
.carousel-indicators button {
	width:20px;
	height:20px;
	padding:0;
	margin:3px;
	background-color:transparent;
	color:#eb7125;
	border: 2px solid #fff;
	border-radius: 10px;
	box-shadow:0 0 3px rgba(0,0,0,0.3);
	cursor: pointer;
	position: relative;
}
.carousel-indicators button:focus {
	outline:0 none;
	box-shadow: 0 0 0 3px #eb7125;
}
.carousel-indicators li.active button {
	background-color:#eb7125;
}
.carousel-indicators li.togglePausePlay {
	width:calc(4rem + 6px);
}
.carousel-indicators li.togglePausePlay button {
	width:4rem;
	background-color: #fff;
}
/*.carousel-indicators li.togglePausePlay button::after,
.carousel-indicators li.togglePausePlay button[aria-label="Pause"]::after*/
.carousel-indicators li.togglePausePlay button span {
	content:'';
	display:block;
	width:12px;
	height: 12px;
	background: url(../images/play-pause-sprite.png) no-repeat 0 0 transparent;
	background-size: 12px 24px;
	position: absolute;
	top:2px;
	left:1.175rem;
}
.carousel-indicators li.togglePausePlay button[aria-label="Play"] span,
.carousel-indicators li.togglePausePlay button[aria-label="Play"]::after {
	background-position: 0 -12px;
}

/* --------------- Carousel Captions --------------- */

.carousel-caption {
	font-size:24px;
    font-size:4vw;
	padding-top:0.555em;
	padding-bottom:45px; /* To clear the banner nav */
	text-shadow:none;
	cursor:default;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;
}
.caption-top {
	top:0;
	bottom:auto;
}
.caption-bottom {
	bottom:0;
}
.carousel-caption :last-child {
    margin-bottom:0;
}
.caption-left {
	left:3%;
	right:37%;
	text-align:left;
}
.caption-center {
	left:3%;
	right:3%;
}
.caption-right {
	left:37%;
	right:3%;
	text-align:right;
}
.text-shadow {
	text-shadow: 2px 2px 2px rgba(0,0,0,0.35);
}
.carousel-caption h2 {
    font-family:'Raleway', 'Open Sans', 'Times New Roman', serif;
	font-style:normal;
	font-weight:700;
	font-size: 100%;
	margin-top:0;
	margin-bottom:.2em;
}
.carousel-caption h3 {
	font-size: 70%;
	font-weight:400;
	margin-top:0;
	margin-bottom:0.25em;
    line-height: 1.2;
}
.carousel-caption .details-text {
	font-size:50%;
}
.carousel-caption .details-text a {
    color:inherit;
	text-decoration:underline;
}
.carousel-caption .details-text a:hover {
	text-decoration:none;
}
.carousel-caption ul {
	list-style-position:inside;
}
.carousel-caption .btn-primary,
.carousel-caption .btn-primary:focus,
.carousel-caption .btn-primary:active {
	font-size:32%;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
    padding:0.444em 1.333em 0.555em 1.333em;
    border-radius: .4375em;
}
.carousel-caption .btn-light,
.carousel-caption .btn-light:focus,
.carousel-caption .btn-light:active {
	background-color:#fff;
	color:#003c71;
    transition: box-shadow 0.3s;
}
.carousel-caption .btn-light:hover {
	color:#003c71;
    box-shadow: 0 0 4px rgba(255,255,255,1);
}
.carousel-caption .btn-dark,
.carousel-caption .btn-dark:focus,
.carousel-caption .btn-dark:active {
	background-color:#003c71;
	color:#fff;
    transition: box-shadow 0.3s;
}
.carousel-caption .btn-dark:hover {
	background-color: #2d6393;
	color:#fff;
    box-shadow: 0 0 4px rgba(255,255,255,1);
}

/* --------------- Banner Ad Page --------------- */

#banner-ad-page .item {
    position:relative;
	overflow:hidden;
}

/* ----------------------------------------------- */
/* SM and wider */
/* ----------------------------------------------- */

@media (min-width: 768px) {
	.carousel-caption {
		font-size: 30px; /* Fallback if vw unit is not supported */
        font-size:4vw;
	}

	.carousel-indicators {
		/*margin:0 15px;*/
		width: auto;
		display: -ms-flexbox;
		  display: flex;
		-ms-flex-pack: end;
		  justify-content: flex-end;
		text-align: right;
		left: 0;
		right: 0;
		bottom: 12px;
		position:static;
		padding: 4px;
		background-color: #003c71;
	}
}

/* ----------------------------------------------- */
/* MD and wider */
/* ----------------------------------------------- */

@media (min-width: 992px) {
	.carousel-caption {
		font-size: 40px; /* Fallback */
        font-size:4vw;
	}
}

/* ----------------------------------------------- */
/* LG and wider */
/* ----------------------------------------------- */

@media (min-width: 1200px) {
	.carousel-caption {
		font-size: 48px; /* Fallback */
        font-size:4vw;
	}
}


/* ----------------------------------------------- */
/* Customize jQuery Dialog */
/* ----------------------------------------------- */

.ui-dialog {
	margin-left:15px;
	margin-right:15px;
	max-width:650px;
}

.ui-widget-header {
	background-color: #d96b17;
	border: 0 none;
	color: #fff;
	font-size:1.2em;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #d96b17;
  border: 0 none;
  color: #fff;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background-color: #2d6393;
	border: 0 none;
	font-weight: normal;
	color: #fff;
}

.ui-widget-content {
	border: 1px solid #ccc;
}
.ui-button-text {
	font-weight:700;
}
.ui-button-text-only .ui-button-text {
	padding: 6px 15px 7px 15px;
}
.ui-dialog .ui-dialog-content {
	padding-top:1.5em;	
}