/* Traditional Bank RESET */

html {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	line-height: 1.6em;
	color: #414141;
}

p {
	max-width: 100%;
}

.mod-page-wrap-topper {
	background: #ededed;
}

.mod-page-wrap {
	background: #ededed;
}

.h1style,
h1 {
	font-size: 4em;
	line-height: 1.2em;
	color: #414141;
}

.h2style {
	font-size: 3em;
	line-height: 1.2em;
	color: #414141;
}

.h3style {
	font-size: 2.25em;
	line-height: 1.2em;
	color: #414141;
}

p {
	font-size: 1em;
	line-height: 1.4em;
	color: #414141;
}

p a {
	color: #414141;
}
p a:hover {
    color: blue;
}

li {
	font-size: 1em;
	line-height: 1.2em;
	color: #414141;
}

li p {
	font-size: 1em;
	line-height: 1.2em;
}

ul li::before,
ul li:before {
	background: #226fb5;
}

ul ul li {
	font-size: 1em;
}

ul li {
    display: block;
    max-width: 33em;
}

.defaultCTA {
	font-size: 1em;
	letter-spacing: .1em;
	line-height: 1.2em;
	color: #fff;
	background: #226fb5;
	border: 2px solid #226fb5;
}

.defaultCTA:hover,
.defaultCTA:focus {
	color: #226fb5;
	background: #fff;
}

.defaultCTA::after,
.defaultCTA:after {
	font-size: 1em;
	line-height: 1.2em;
	color: #000;
}

.defaultCTA:hover::after,
.defaultCTA:hover:after,
.defaultCTA:focus::after,
.defaultCTA:focus:after {
	color: #226fb5;
}

.mod-page-moduleWrap:nth-child(odd) {
	background: none;
}

.mod-page-moduleWrap:nth-child(even) {
	background: none;
}


/* NAVIGATION */

.mod-navigation {
	background: #fff;
}

.mod-navigation-link {
	font-size: .8em;
	line-height: 1.2em;
	color: #414141;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-navigation-link:hover,
.mod-navigation-link:focus,
.mod-navigation-section:hover .mod-navigation-link,
.mod-navigation-section:focus .mod-navigation-link {
	color: #fff;
	background: #002469;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-navigation-children {
	background: #002469;
}

.mod-navigation-children .mod-navigation-link {
	font-size: .9em;
	line-height: 1.2em;
	color: #fff;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-small-navigation-wrap {
	background: #ededed;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-small-navigation-link {
	color: #5b5b5b;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-small-navigation-login {
	color: #fff;
	background: #226fb5;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-small-navigation-login::before,
.mod-small-navigation-login:before {
	font-size: 1em;
	line-height: 1.2em;
	color: #000;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-navigation-icon::before,
.mod-navigation-icon:before,
.mod-navigation-icon::after,
.mod-navigation-icon:after {
	border-color: #bfbfbf;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-navigation-login-link {
	font-size: .75em;
	line-height: 1.5em;
	color: #fff;
	background: linear-gradient(to right, #226fb5 0%, #96cdff 51%, #fff 100%);
	border: 2px solid #226fb5;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	 -ms-transition: all .5s ease-in-out;
	background-position:0 100%;
	background-size: 300% 100%;
    cursor:pointer;
    width: 126px;
    height: 59px;
}

.mod-navigation-login-link:hover,
.mod-navigation-login-link:focus {
	color: #226fb5;
	border: 2px solid #226fb5;
	background: linear-gradient(to right, #fff 0% , #f1f8ff 51%, #bcdfff 100%);
	background-position:100% 0;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	 -ms-transition: all .5s ease-in-out;

}

.mod-navigation-login-link::before,
.mod-navigation-login-link:before {
	color: #000;
	transition: all.5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	 -ms-transition: all .5s ease-in-out;
}

.mod-navigation-login-link:hover::before,
.mod-navigation-login-link:hover:before,
.mod-navigation-login-link:focus::before,
.mod-navigation-login-link:focus:before {
	color: #226fb5;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	 -ms-transition: all .5s ease-in-out;
}
/* GRADIENT ANIMATION TEST

.mod-navigation-login-link {
    color: #000;
  border-left: solid 1px #000;
  padding: 8px 12px;
  font-weight: 700;
  text-decoration: none;
  background-size: 0% 100%;
  background-image: linear-gradient(black, black);
  background-repeat: no-repeat;
  transition: all 0.5s linear;
  color: #000;
}

.mod-navigation-login-link:hover,
.mod-navigation-login-link:focus {
    background-size: 100% 100%;
  color: #ececec;
  transition: all 0.5s cubic-bezier(0.000, 0.000, 0.230, 1);
}
*/

.mod-navigation-group {
	padding: 0em;
}

.mod-navigation-children .mod-navigation-link {
	width: 16em;
	text-align: -webkit-center;
	padding: 2em;
}

.mod-navigation-children .mod-navigation-link:hover,
.mod-navigation-children .mod-navigation-link:focus {
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

/* HERO */

.mod-hero-content-wrap {
	background: #00266c;
	background: rgba(0, 38, 108, .84);
}

.mod-hero-headline {
	font-size: 3em;
	line-height: 1em;
	color: #fff;
}

.mod-hero-subline {
	font-size: 1.2em;
	line-height: 1.3em;
	color: #fff;
}

.mod-hero-button {
	font-size: .8em;
	line-height: 1.2em;
	color: #fff;
	border: 2px solid #006fbb;
}

.mod-hero-button:hover,
.mod-hero-button:focus
{
    color: #fff;
}

.mod-hero-button::after,
.mod-hero-button:after {
	font-size: 1em;
	line-height: 1.2em;
	color: #000;
}

.mod-hero-slide-indicator {
	color: #fff;
	border: 2px solid #fff;
}

.mod-hero-slide-indicator.active {
	background: #fff;
}

.mod-content-image-banner {
	background: #001f59;
	height: 17em;
	transition: .5s ease;
	 -webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-content-image-banner:hover {
	background: #175690;
	height: 18em;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-content-image-banner .h1style,
.mod-content-image-headline,
.mod-content-image-banner h1 {
	font-size: 4em;
	line-height: 1.2em;
	color: #fff;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-banner-subhead {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #fff;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-hero-button {
	background: #006fbb;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-hero-rotator-slide-link:hover>.mod-hero-content-wrap {
	background: rgba(0, 28, 79, 0.84);
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-hero-rotator-slide-link:hover .mod-hero-button {
	background: #007ced;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}


/* TILES */

.mod-tile-wrap-outer {
	background: #ededed;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-tile-headline {
	font-size: 2.1em;
	line-height: 1em;
	color: #414141;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-tile-body {
	font-size: .9em;
	line-height: 1.78em;
	color: #414141;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-tile-button {
	font-size: .8em;
	line-height: 1.2em;
	color: #fff;
	background: #226fb5;
	border: 2px solid #226fb5;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-tile-button::after,
.mod-tile-button:after {
	font-size: 1em;
	line-height: 1.2em;
	color: #000;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-tile:hover .mod-tile-button,
.mod-tile:focus .mod-tile-button {
	color: #001236;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-tile:hover .mod-tile-button::after,
.mod-tile:hover .mod-tile-button:after,
.mod-tile:focus .mod-tile-button::after,
.mod-tile:focus .mod-tile-button:after {
	color: #001238;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-tile-wrap-horiz .mod-tile.mod-tile:hover,
.mod-tile-wrap-horiz .mod-tile.mod-tile-overlay:hover {
	background: #dadada;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-tile.mod-tile:hover>.mod-tile-image-wrap {
	border: 5px solid #002469ba;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.82));
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-tile.mod-tile:hover .mod-tile-image {
	opacity: .5;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}

.mod-tile-image { 
    transition: .5s ease;
	-webkit-transition: .5s ease;
	 -ms-transition: .5s ease;
}
/* TABLES */

.fancyTable th,
.fancyTable td {
	border: 1px solid #c7c7c7;
}

.fancyTable td {
	font-size: .8em;
	background: #fff;
}

.fancyTable td a,
.fancyTable td p,
.fancyTable td {
	color: #414141;
}

.fancyTable th {
	background: #002469;
	border-color: #0c3686;
}

.fancyTable th a,
.fancyTable th p,
.fancyTable th {
	color: #fff;
}

.fancyTable .fancyTableHead th,
.fancyTable .fancyTableHead td {
	font-size: .9em;
}

.fancyTable .fancyTableHead td {
	color: #383838;
}

.fancyTable .fancyTableHead th {
	background: #e4e4e4;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
}

.fancyTable .fancyTableHead th a,
.fancyTable .fancyTableHead th p,
.fancyTable .fancyTableHead th {
	color: #414141;
}


/* LOCATIONS */

.mod-locations-page-wrap {
	background: #ededed;
}

.mod-location-wrap {
	border-top: 1px solid #cdcdcd;
}

.mod-location-wrap:first-child {
	border-top: none;
}

.mod-static-location-name {
	font-size: 2.1em;
	line-height: 1.2em;
	color: #414141;
}

.mod-static-location-info-cell p {
	font-size: .9em;
	line-height: 1.5em;
	color: #414141;
}

.mod-static-location-button {
	font-size: .8em;
	letter-spacing: .1em;
	line-height: 1.2em;
	color: #fff;
	background: #226fb5;
	border: 2px solid #226fb5;
}

.mod-static-location-button:hover,
.mod-static-location-button:focus {
	color: #226fb5;
	background: #fff;
}

.mod-static-location-button::after,
.mod-static-location-button:after {
	font-size: 1em;
	line-height: 1.2em;
	color: #000;
}


/*.mod-static-location-button:hover::after, .mod-static-location-button:hover:after, .mod-static-location-button:focus::after, .mod-static-location-button:focus:after */

.mod-content-image-overlay {
	background: url(/doccenter/fffa379549ac4628914f49044199db55);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


/* EXPANDING SECTIONS */

.mod-expanding-trigger {
	font-size: .9em;
	line-height: 1.2em;
	color: #5b5b5b;
	background: #f2f2f2;
}

.expanded .mod-expanding-trigger,
.no-js .mod-expanding-trigger {
	font-size: 1.2em;
	line-height: 1.2em;
	color: #fff;
	background: #002469;
}

.mod-expanding-trigger::before,
.mod-expanding-trigger:before {
	font-size: 1em;
	line-height: 1em;
	color: #bababa;
}

.expanded .mod-expanding-trigger::before,
.expanded .mod-expanding-trigger:before {
	color: #fff;
	font-size: .75em;
	line-height: 1em;
}

.mod-expanding-information-inner {
	font-size: 1em;
	line-height: 1.5em;
}


/* NEWS */

.mod-news-story-date {
	font-size: .9em;
	line-height: 1.2em;
	color: #707070;
}

.mod-news-story-title {
	font-size: 1.7em;
	line-height: 1.2em;
	color: #414141;
}

.mod-news-story-desc {
	font-size: .9em;
	line-height: 1.5em;
	color: #707070;
}

.mod-news-story-cta {
	font-size: .8em;
	line-height: 1.2em;
	color: #fff;
	background: #226fb5;
	border: 2px solid #226fb5;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}

.mod-news-story-cta:hover::after, .mod-news-story-cta:hover:after, .mod-news-story-cta:focus::after, .mod-news-story-cta:focus:after { color: #226fb5; }

.mod-news-story-cta:hover,
.mod-news-story-cta:focus,
.mod-news-story:hover .mod-news-story-cta,
.mod-news-story:focus .mod-news-story-cta {
	background: #fff;
	color: #226fb5;
}

.mod-news-story-cta::after,
.mod-news-story-cta:after {
	font-size: 1em;
	line-height: 1.2em;
	color: #000;
}

.mod-content-image-banner img {
	opacity: .5;
}


/* EVENTS */

.mod-event:nth-child(even) {
	background: rgba(0, 0, 0, .05);
}

.mod-event-date::after,
.mod-event-date:after {
	background: #000;
}

.mod-event-date-d {
	font-size: 3.6em;
	line-height: 1em;
	color: #414141;
}

.mod-event-date-my {
	font-size: .9em;
	line-height: 1.2em;
	color: #414141;
}

.mod-event-title {
	font-size: 2.1em;
	line-height: 1.2em;
	color: #414141;
}

.mod-event-blurb {
	font-size: .9em;
	line-height: 1.5em;
	color: #414141;
}

.mod-event-cta {
	font-size: .9em;
	line-height: 1.2em;
	color: #fff;
	background: #226fb5;
	border: 2px solid #226fb5;
}

.mod-event-cta:hover,
.mod-event-cta:focus {
	color: #226fb5;
	background: #fff;
}

.mod-event-cta::after,
.mod-event-cta:after {
	font-size: 1em;
	line-height: 1.2em;
	color: #000;
}

.mod-event-cta:hover::after,
.mod-event-cta:hover:after,
.mod-event-cta:focus::after,
.mod-event-cta:focus:after {
	color: #226fb5;
}


/* FOOTER */

.mod-footer-wrap {
	background: #002469;
}

.mod-footer-column p,
.mod-footer-column a {
	font-size: .8em;
	line-height: 1.2em;
	color: #fff;
}

.mod-footer-column-title,
.mod-footer-column a {
	font-size: .75em;
	line-height: 1.2em;
	color: #fff;
}

.mod-footer-column-title::before,
.mod-footer-column-title:before,
.mod-footer-column a::before,
.mod-footer-column a:before {
	background: #cddde9;
}

.mod-footer-column p,
.mod-footer-column a {
	color: #fff;
}

.mod-footer-tray-wrap {
	border-color: #fff;
	border-color: rgba(255, 255, 255, .1);
}

.mod-footer-social-wrap p,
.mod-footer-copyright-wrap p {
	font-size: .7em;
	line-height: 1.2em;
	color: #fff;
}

.mod-footer-social-wrap p a,
.mod-footer-copyright-wrap p a {
	color: #fff;
}

.mod-footer-social {
	color: #fff;
}

.simple-footer .mod-footer-column-title,
.simple-footer .mod-footer-column a {
	color: #ededed;
}

.mod-footer-column-title a:hover {
	text-decoration: none;
}

.mod-footer-social-wrap p a,
.mod-footer-copyright-wrap p a:hover {
	text-decoration: none;
}

.mod-footer-social-wrap a, .mod-footer-copyright-wrap a {
    text-decoration: none;
}

.mod-footer-social-wrap a:hover, .mod-footer-copyright-wrap a:hover {
    text-decoration: underline;
}

/* MEDIA */

@media screen and (max-width: 1800px) {}

@media screen and (max-width: 1500px) {}

@media screen and (max-width: 1200px) {
	/* NAVIGATION */
	.mod-navigation-link-wrap {
		background: #002469;
	}
	/*.mod-navigation-link,
	.mod-navigation-link:hover,
	.mod-navigation-link:focus,
	.mod-navigation-section:hover .mod-navigation-link,
	.mod-navigation-section:focus .mod-navigation-link {
		color: #fff;
		background: #001e56;
	}*/
	.mod-navigation-center {
		min-height: 6em;
	}
	.mod-navigation-link {
		font-size: .8em;
		line-height: 1.2em;
		color: #fff;
		border-top: 1px solid #143575;
	}
	.mod-navigation-link::before,
	.mod-navigation-link:before {
		font-size: 1em;
		line-height: 1.2em;
		color: #fff;
	}
	.mod-navigation-children {
		background: #001e56;
	}
	.mod-navigation-children .mod-navigation-link {
	    width: auto;
		font-size: .75em;
		line-height: 1.2em;
		margin: 0;
	}
	.collapsed .mod-navigation-children,
	.collapsed .mod-navigation-link,
	.collapsed .mod-navigation-link:hover,
	.collapsed .mod-navigation-link:focus,
	.collapsed .mod-navigation-section:hover .mod-navigation-link,
	.collapsed .mod-navigation-section:focus .mod-navigation-link,
	.mod-navigation-section.collapsed:hover .mod-navigation-link,
	.mod-navigation-section.collapsed:focus .mod-navigation-link {
		background: #0a1e56;
	}
	.mod-navigation-login-link {
		top: 1.5em;
	}
	/* HERO */
	.mod-hero-headline {
		font-size: 2.4em;
	}
	.mod-hero-subline {
		font-size: .9em;
	}
	.mod-hero-button {
		font-size: .8em;
	}
}

@media screen and (max-width: 980px) {
	/* TABLES */
	.fancyTable.mod-row-table tr {
		border-color: #c7c7c7;
	}
	.fancyTable.mod-row-table tr:nth-child(even) {
		background: #f5f5f5;
	}
	.fancyTable.mod-row-table th,
	.fancyTable.mod-row-table td,
	.mobileFancyTableHeader,
	.mobileFancyTableCol {
		font-size: .8em;
		line-height: 1.2em;
		color: #0e275a;
	}
	.mobileFancyTableCol p {
		font-size: 1em;
		line-height: 1.2em;
		color: #0e275a;
	}
	.mobileFancyTableRow .mobileFancyTableCol {
		font-size: 1em;
	}
	.mobileFancyTableHeader {
		font-size: 1em;
	}
	.fancyTable.mod-row-table {
		border: 1px solid #c7c7c7;
	}
	.mod-row-table th,
	.mod-row-table th p {
		color: #002469;
	}
}

@media screen and (max-width: 900px) {
	/* RESET */
	.h1style,
	h1 {
		font-size: 3em;
	}
	.h2style {
		font-size: 2.25em;
	}
	.h3style {
		font-size: 1.68em;
	}
	/* HERO */
	.mod-content-image-banner .h1style,
	.mod-content-image-banner h1,
	.mod-content-image-headline {
		font-size: 3em;
	}
}

@media screen and (max-width: 767px) {
	/* TABLES */
	.fancyTable.mod-row-table th,
	.fancyTable.mod-row-table td,
	.mobileFancyTableHeader,
	.mobileFancyTableRow {
		font-size: .6em;
	}
}

@media screen and (max-width:640px) {
	/* NAVIGATION */
	.mod-navigation-login-link,
	.home .mod-navigation-login-link {
		top: 1.5em;
		font-size: .75em;
		line-height: 1.5em;
		color: #fff;
		background: #226fb5;
		border: 2px solid #226fb5;
	}
	.mod-navigation-login-link:focus,
	.home .mod-navigation-login-link:focus,
	.mod-navigation-login-link:hover,
	.home .mod-navigation-login-link:hover {
		color: #226fb5;
		background: #fff;
	}
	.mod-navigation-login-link::before,
	.mod-navigation-login-link:before,
	.home .mod-navigation-login-link::before,
	.home .mod-navigation-login-link:before {
		color: #226fb5;
	}
	.mod-navigation-login-link::before,
	.mod-navigation-login-link:before,
	.home .mod-navigation-login-link::before,
	.home .mod-navigation-login-link:before {
		color: #fff;
	}
}

@media screen and (max-width:600px) {
	/* RESET */
	.h1style,
	h1 {
		font-size: 2.25em;
	}
	.h2style {
		font-size: 1.68em;
	}
	.h3style {
		font-size: 1.25em;
	}
	p,
	td,
	li {
		font-size: .75em;
	}
	li p {
		font-size: 1em;
	}
	.mod-navigation-login-link {
	    width: 96px;
	}
	/* HERO */
	.mod-content-image-banner .h1style,
	.mod-content-image-banner h1,
	.mod-content-image-headline {
		font-size: 2em;
	}
	.mod-hero-headline {
		font-size: 1.4em;
	}
	.mod-hero-subline {
		font-size: .8em;
	}
	.mod-hero-button {
		font-size: .5em;
	}
	.mod-hero-rotator {
		min-height: 30em;
	}
	.mod-hero-vertical-center {
		height: 15em;
	}
	.mod-navigation-logo img {
		width: 70%;
		top: 1.5em;
	}
}

.mod-navigation-logo-v9 img {
    max-width: 11em;
    max-height: 4em;
}