/*.disclosure{clear:both;}*/
body{color:#000}
.cl{clear:both;} .tac{text-align:center;}
.mobile-only{display:none}
.screenReaderText{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border: 0;}
.fff50{background:url(../img/fff-50.png)}
.fff90{background:url(../img/fff-90.png)}
.fff95{background:url(../img/fff-95.png)}
.main{min-height:645px;}
.main h1, .main h2{margin:0 0 10px 0}
.flex{display:flex;align-items:center;justify-content:center;}
.recent-posts .date .month, article.post .post-date .month
	{background-color: #b55132;}
.recent-posts .date .day, article.post .post-date .day
	{color: #b55132;}

#dealerships{background:#eee;border:1px solid #ddd;padding:20px}
.dealer{margin-bottom:10px}
.dealer span{display:block}
.dealer span.name{font-size:115%;font-weight:bold}

.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}

aside.sidebar, aside.sidebar p{color:#0368b0;text-align:left;}

.toggle .article label{font-weight:600;padding:8px 0px 8px 27px}

.inset-menu{padding:0 0 20px 20px}

.branch-box {text-align:center;width:23%;margin:1%;float:left;min-height:265px;padding:10px;}
.branch-box img{width:100%;height:auto;}
.branch-box span.address::first-line{font-weight:bold;}

 #disclosure .container{
	color:#555;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
	padding-top:0;
}

div#banner-area-b {
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*background-attachment:fixed;*/
}

#banner-area, #banner-area-b{min-height:350px;padding-bottom:35px}
div#banner-area.home-equity{background-image: url(../img/banner-area-bg/home-equity.jpeg);}
div#banner-area.deposit{background-image: url(../img/banner-area-bg/deposit.jpeg);}
div#banner-area.mortgage{background-image: url(../img/banner-area-bg/family-under-cardboard-house.jpg);}
div#banner-area.auto{background-image: url(../img/banner-area-bg/auto.jpeg);background-position:bottom;}
div#banner-area.personal, div#banner-area-b.personal{background-image: url(../img/banner-area-bg/personal.jpeg);background-position:top;}
div#banner-area.money-market{background-image: url(../img/banner-area-bg/architecture-10.jpg);}
div#banner-area.personal-financial-services{background-image: url(../img/banner-area-bg/personal-financial-services.jpeg);}

.announcement{background:#f3f3f3;}
.announcement .container{padding-top:20px!important}
.announcement .alert{background:#f9f8f4}
.announcement-level-red, .announcement-level-orange, .announcement-level-green,
.announcement-level-blue,.announcement-level-grey,.announcement-level-black
{padding-left:15px;border-width:0 0 0 4px}
.announcement-level-red{border-color:#a30314}
.announcement-level-orange{border-color:#b55132}
.announcement-level-green{border-color:#2aa919}
.announcement-level-blue{border-color:#006ab6}
.announcement-level-grey{border-color:#333}
.announcement-level-black{border-color:#000}

#news .recent-posts{height:105px;}
#news .container{padding-top:0}
a.pnavarea:hover{color:#fff!important}

label.checkbox, label.radio{
	font-size:100%;
	font-weight:normal;
	display:inline;
}

span.form-label, legend.form-label{font-size:120%!important;font-weight:normal!important;display:block!important;margin-bottom:7px;border-bottom:none!important;}

a.toggle-trigger{color:#006ab6}

 @media screen and (min-width: 751px) and (max-width: 990px){
	.branch-box{width:31%;}
 }

 @media screen and (min-width: 451px) and (max-width: 750px){
	.branch-box{width:48%;}
 }
 @media screen and (min-width: 1px) and (max-width: 450px){
	.branch-box{width:98%;min-height:auto;}
	.branch-box img{max-width:450px;}
	#news .recent-posts{clear:both;width:100%;height:auto;margin-bottom:10px}
 }

  @media screen and (min-width: 801px) and (max-width: 1200px){
	#news .recent-posts{clear:both;width:100%;}
  }
  
 @media screen and (min-width: 1px) and (max-width: 450px){
	div.header-logo{margin:0 auto}
	#banner-area{display:none!important;}
 }


@media print{	
	*{border:none!important}
	body{margin:auto;padding:auto;}
	.header-top, header nav, .screenReaderText, .mobile-only, .search-and-nav-button, .mobile-nav-button, .header-nav, .no-print{display:none}
	.header-top {border:none;}
	a[href]:after {content:none;}
}

.promo-wrapper-mobile{display:none;}
@media only screen and (max-width: 990px) {
	.promo-wrapper-desktop{display:none;}
	.promo-wrapper-mobile{width:90%;margin:5% auto;display:block;font-size:100%;background:url(/assets/img/fff-90.png)}
	.promo-wrapper-mobile table {}
	.promo-wrapper-mobile table tr th{border:none;}
	.promo-wrapper-mobile table tr, .promo-wrapper-mobile table tr th, .promo-wrapper-mobile table tr td{vertical-align:middle;text-align:center}
	.promo-wrapper-mobile table tr th:first-child, .promo-wrapper-mobile table tr td:first-child{text-align:left}
	.promo-wrapper-mobile table h3{padding:0;margin:0;font-size:115%;line-height:auto;}
	.promo-wrapper-mobile table .limited-time-mobile{font-size:70%;color:#000;}
	.promo-wrapper-mobile .apply{min-width:100px;}
}

#news a.newslink{cursor:pointer;text-decoration:none;}
#news span.fas, #news span.glyphicon{font-size:400%;position:relative;width:60px;margin-right:20px;}
#news span.heading-primary{display:block;font-size:125%;font-weight:bold}
#news span.brief{display:block;color:#000;text-decoration:none;}

.btn-custom1 {
	background-color: #aa204f;
	border-color: #CCC #CCC #b3b3b3;
	color: #FFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-custom1:hover {
	border-color: #d9d9d9 #d9d9d9 #bfbfbf;
	background-color: #000;
	color: #FFF;
}

.btn-custom1:active, .btn-solid:focus {
	border-color: #d56745;
	background-color: #aa204f;
	color: #FFF;
}

.btn-custom1.dropdown-toggle {
	border-left-color: #aa204f;
}

.btn-custom1[disabled] {
	border-color: white;
	background-color: white;
	color: #000;
}

.glyph-check, .glyph-okay, .glyph-dollar, .glyph-remove{display:block;list-style-type:none}
.glyph-check li:before{font-family:'Glyphicons Halflings';float:left;margin-left: -17px;content:"\e067";}
.glyph-okay li:before{font-family:'Glyphicons Halflings';float:left;margin-left:-17px;content:"\e084";color:#357F37}
.glyph-dollar li:before{font-family:'Glyphicons Halflings';float:left;margin-left:-17px;content:"\e148";position:relative;top:1px;}
.glyph-remove li:before{font-family:'Glyphicons Halflings';float:left;margin-left:-17px;content:"\e083";position:relative;top:1px;}

.hover-pointer:hover{cursor:pointer;}

.clear, .cl{clear:both;}
.preheader, #footer, #footer .footer-copyright{background:#11466b;}
.preheader.padded { padding-bottom: 10px; }
.mainheader{background:#fff;padding-top:15px}
.mainheader.padded { padding-left:55px; padding-bottom: 15px;}
.mobile-logo-container{float:left;width:70%;text-align:left;margin-top:7px;}
.mobile-logo-container img{width:100%;max-width:300px}
.mobile-login-container{float:right;width:30%;margin-top:15px;}
ul.preheader-menu{list-style-type:none;text-align:right;margin:0 0 10px;padding:0;}
ul.preheader-menu li{float:right;margin-left:5px;}
ul.preheader-menu li a{color:#ccc;text-decoration:none}
ul.preheader-menu li a:hover{color:#fff;}
ul.preheader-menu li#hamburger-menu-toggle{float:right;}
ul.preheader-menu li#hamburger-menu-toggle i{font-size:175%}

.navbar{border:none;background:none;margin-top:7px;font-weight:bold;}
.main-navigation .nav,.main-navigation .collapse,.main-navigation .dropup,.main-navigation .dropdown 
{position: static;}
.main-navigation .container{position:relative;}
.main-navigation .dropdown-menu {left:auto;}
.main-navigation .main-navigation-content{padding: 20px 30px;}
.main-navigation .dropdown.main-navigation-fw .dropdown-menu {left:0;right:0;}
.nav ul{margin:0;padding:0;}
.nav li ul{margin:0;}
.nav li ul li{font-weight:normal;list-style-type:none;font-size:13px;padding-bottom:5px}
.nav li ul li a{padding:3px 0 5px;}
.nav li ul li a:hover{background:#ebebeb;text-decoration:none;color:#000}
.nav li a.dropdown-toggle, .nav .sub-title, a.search-trigger
{font-weight:bold;text-transform:uppercase;color:#000;font-size:12px}
/*.dropdown-toggle:hover{border-bottom: 2px solid #11466B; margin-bottom:-2px;}*/
li.dropdown a.dropdown-toggle:after
{content:'';position:absolute;left:50%;bottom:-2px;width:0px;height:2px;
background:#11466B;transition:all 0.2s;}
li.dropdown a.dropdown-toggle:hover:after{width:100%;left:0;}
.main-navigation .search-type-ahead{
	display:block;
}
.main-navigation .search-type-ahead .type-ahead-header{
	text-transform: uppercase;
	margin-top:10px;
	font-weight:500;
	color:#888;
}
.main-navigation .search-type-ahead .faq-item{
	border-top:1px solid #ededed;
	background:#fafafa;
}
.main-navigation .search-type-ahead .faq-item a{
	padding:10px;
	display:block;
}
.main-navigation .search-type-ahead .faq-item:hover{
	background:#ebebeb;
}
@media screen and (min-width:0) and (max-width:768px){
	.mobile-only{display:block!important;}
	.desktop-only{display:none!important;}
	.preheader{text-align:center;}
	ul.preheader-menu {margin:12px 0 7px;font-size:115%;}
	ul.preheader-menu li{display:block;float:left;margin-bottom:4px;}
	#olb-modal-trigger{margin-top:7px}
	#desktop-login{display:none;}
	.mainheader{padding:0;}
	.mainheader.padded { padding:0; }
}
@media screen and (min-width:768px) and (max-width:992px){
	.desktop-only{display:block!important;}
	.mobile-only{display:none!important;}
	#desktop-login{display:none;}
	#olb-modal-trigger{display:block;width:150px;position:relative;top:-18px}
	ul.preheader-menu li{display:block;float:left;margin-bottom:4px;}
	ul.preheader-menu li.mobile-only{display:none}
	ul.preheader-menu{margin-top:20px;}
	.nav ul.dropdown-menu{width:750px;margin-top:5px;position:absolute;right:0;}
	.nav ul.dropdown-menu ul{width:auto}
	
}
@media screen and (min-width:992px){
	.mobile-only{display:none!important;}
	.desktop-only{display:block!important;}
	#olb-modal-trigger{display:none;}
	#desktop-login{display:block;border:none;float:left;width:435px;height:70px;padding:5px 0;}
	.nav ul.dropdown-menu{width:950px;margin-top:5px;position:absolute;right:15px;}
	ul.preheader-menu li.mobile-only{display:none}
	ul.preheader-menu{margin-top:20px;}
}

.tabs .nav, .tabs .nav a, .nav-tabs li.active a{color:#000}

.header-box-content{position:relative;height:300px;}
.header-box-content-button{position:absolute;bottom:10%; left:50%; transform:translateX(-50%);}
@media(max-width:1200px){
	.header-box-content{height:350px;}
}

@media screen and (min-width:750px) and (max-width:1200px){
	.main-nav ul li.dropdown a{padding:10px 10px}
}

/*flip-card styling*/
	.flip-card{display:inline-block; position:relative;margin: 0 10px;}
	.flip-card:hover{cursor:pointer;}
	.flip-card p{display:block; position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); color:#ffffff; font-weight:700; width: 150px; padding: 5px; border:1px solid #fff; border-radius:50px;}
	.flip-card p:hover{color:#11466B; background-color:#fff;}
	.flip-card-front{border-radius:7px; overflow:hidden; width: 170px; height: 220px; transform:perspective(250px) rotateY(0deg);}
	.flip-card-front div{background-color:rgb(0, 0, 0, 0.3); width:100%; height: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; font-size: 80px; color:rgb(255,255,255, 0.9);}
	.flip-card-back{border-radius:7px; overflow:hidden; backface-visibility:hidden; background-color:#11466B; width: 170px; height: 220px; display:flex; flex-direction:column; justify-content:center; text-align:center; transform:perspective(250px) rotateY(180deg);}
	.flip-card-front,.flip-card-back{backface-visibility:hidden; transition: transform .4s linear;}
	.flip-card:hover > .flip-card-front{transform:perspective(250px) rotateY(-180deg);}
	.flip-card:hover > .flip-card-back{transform:perspective(250px) rotateY(0deg); box-shadow: 1px 5px 10px 1px rgba(0, 0, 0, 0.4);}

/*Video Box Style*/
	.resource-container{display:inline-block; margin:0 10px;}
	.resource-link{position:relative; display:block; width:300px; height:225px; border-radius:25px; overflow:hidden;}
	.resource-overlay{overflow:hidden;position:absolute; left:0; top:0; width:300px; height:225px; display:inline-flex; flex-direction:column; justify-content:center; background-color:rgb(0,0,0,0.3); font-size:60px; color:rgb(255,255,255,0.9); text-align:center; margin:0; padding:0; z-index: 10; border-radius:25px; border:1px solid rgb(10,10,10, 0.1);}
	.resource-link:hover{box-shadow:1px 3px 10px rgb(0,0,0,0.3);cursor:pointer;}
	.resource-overlay:hover{background-color:rgb(0,0,0,0.5); color:#fff;}
	.resource-container:first-of-type{margin-left:0;}
	.resource-container:last-of-type{margin-right:0;}
	@media screen and (max-width:800px){
		.resources{width:100%; text-align:center;}
		.resource-container{margin:10px 0;}
	}