/*
	BASE CSS FILE
	Author: The Brandon Agency
*/


/* Typography */
body { font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial 'sans-serif'; font-weight: 400; font-style: normal; }
h1, h2, h3, h4 { font-family:'Gotham A', 'Gotham B', Helvetica, Arial 'sans-serif'; font-weight: 700; font-style: normal; }
h1, .h1, h2, .h2, h3, .h3 { margin-top: 10px; }
body {background: #f8f8f8; color:#494949;  }
h1 {color:#003E7E; }
h3 {color:#ee2e24; font-weight:200;}
h4, h4 a {color:#003e7e; font-size: 19px;}
h4 a:hover{color: #025ab5;}
a{color: #025ab5;}
a:hover{color:#003e7e}
h5 {color:#ee2e24;}
input {color:#333;}
a:hover {text-decoration:none;}
.small{font-size: 12px}
.larger h4{font-size: 20px}
.mobile-only{display: none !important;}
/* -- HEADER --  */
.topper {background-color:#003e7e; padding:10px;}
.topper .col-md-8 .col-md-4:first-child{padding-left: 0px;}
.header-social-media { width: 35.33333333%; }
.social-media {text-align:right; }
	.social-media img { width: 28px; }
.header {margin-top:30px;}
.white {background: #fff; width: 100%;}
.grey {background: #eee; width: 100%; margin-bottom: 20px;position: relative}
.main-nav-toggle { display: none; }
.navbar {margin-bottom: 0px}
.navbar-default {background-color: transparent !important; border-color: transparent !important;}
.nav > li > a { padding-bottom: 15px; position: relative; }
li.dropdown:hover > a:after{content:"";border-style: solid;border-width: 0 6px 6px; border-color: transparent transparent #025AB5 transparent;display: block; width: 10px; margin: auto; bottom: 0; left: 45%; position: absolute; }
.dropdown-menu{border-left: none;border-right: none;top: inherit;padding: 10px;}
.dropdown-menu > li > a {border-bottom:1px solid #eee; padding:5px 15px;}
	.nav a:hover, .nav a:focus { color:#003e7e !important; }
	.dropdown-menu img{width: 100%; height: auto;}
	.dropdown-menu .main{float: left; padding-left: 0px; width: auto;width: 275px;}
		.border-left{padding-left: 10px;margin-left: 10px; border-left: 1px solid #ccc;}
		.border-right{padding-right: 10px;margin-right: 10px; border-right: 1px solid #ccc;}
		.dropdown-menu .sub li a:before{content: "» ";}
		.dropdown-menu li { list-style: none; }
		.dropdown-menu li a {  }
		.dropdown-menu.col-two{width: 580px;}
		.dropdown-menu.col-three{width: 865px;}
.dropdown-menu .main li a:hover{text-decoration: none;background-color: #003E7E;color:#fff !important; padding-left: 10px; display: block; }
.dropdown-menu .large-link {width: 275px;display: block; float: left;}
.dropdown-menu .large-link:nth-of-type(2){margin: 0px 10px;}
.dropdown-menu .large-link span{background: #D01111; color: #fff; padding: 10px; display: block; text-align: center; font-size: 18px;}
.dropdown-menu .large-link span:hover{background: #003E7E;}
.dropdown-menu li a { display: block; padding: 5px 10px; color: #003E7E; font-size: 16px; border-bottom: 1px solid #eee;}
	.dropdown-menu .sub { padding-left: 20px; }
	.dropdown-menu .sub li a {font-size: 14px}
.navbar-default .navbar-nav > li > a {font-size:20px;}
.dropdown {margin:0 25px;}

.dropdown-menu {background:#fff; box-shadow: none;}

.pre-nav { text-align:right; }
	.pre-nav input {padding:10px; margin-right: 0px}
	.pre-nav h5 {margin-top:0px;}
	.pre-nav ul li {margin:0 10px;}
		.pre-nav ul li a {font-size:12px;}
.horz-list {list-style-type:none; float:right}
	.horz-list li {float:left; margin:0 4px; border-right:1px solid #003E7E; padding-right:10px;}
		.horz-list li a {color:#003E7E;}
		.last {border-right:0px !important;margin-right: 0px !important; padding-right: 0px !important}
.dropdown:hover > .dropdown-menu {display: inline-block;}
ul li ul li ul {left:100% !important; top:-5px !important;}
ul li ul .dropdown-toggle {}
ul li ul .dropdown {margin:0px !important;}
ul li ul .caret {display:none;}
.last-nav a {border-bottom:0px !important;}

.navbar-collapse { max-height: none; }
	
/* -- HOMEPAGE -- */
.container {position:relative;}

.cycle-slide { width:100%; }
.cycle-slide img { width: 100%; height: auto; }

.headline {text-align:center; border-bottom:1px solid #e2e2e2;margin-bottom:35px;}
.carousel-container { margin-top: 20px; }
.promo-trio { border-radius:7px; margin-bottom: 15px; }
	.promo-trio img { width: 100%; height: auto; }
.newsletter{color:#003E7E;padding:30px 20px 10px;background:#003E7E;width:100%;border-radius:10px;min-height:207px;background:#cecece;background:-moz-linear-gradient(left,#cecece 0%,#ffffff 50%,#cecece 100%);background:-webkit-linear-gradient(left,#cecece 0%,#ffffff 50%,#cecece 100%);background:linear-gradient(to right,#cecece 0%,#ffffff 50%,#cecece 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cecece',endColorstr='#cecece',GradientType=1);}
 .newsletter h3, .newsletter p { color: #003E7E; margin: 0 0 5px; }
 	.newsletter input { margin: 0 5px 0 0; vertical-align: middle; }
 	.promo-trio-subscribe { color:#fff; padding:6px 5px; border:1px solid #fff; margin-left:5px; background: #ed2e24; }
	#email-newsletter-field { width: 150px; }
.pull-left {margin-right:10px;}
.entry-bottom {background:url(../media/layout/entry-bottom.png) no-repeat; height:2px; margin-top:35px;}
.center img {width:28px; height:25px;}
	#next {position:absolute; right:-30px; top:185px;}
	#prev {position:absolute; left:-30px; top:185px;}
	
#carousel-next {position:absolute; right:5px; top:85px;}
#carousel-previous {position:absolute; left:0px; top:85px;}
#promo-image {width:100%; height:auto;}
/*
.carousel-container a:first-child .promo-trio{background-color: #D01111; text-align: center;padding-bottom: 0px}
.carousel-container a:first-child .promo-trio h4, .carousel-container a:nth-child(2) .promo-trio h4{text-transform: uppercase;margin-bottom: 0px}
	.carousel-container a:first-child .promo-trio h4{color: #fff;}
	.carousel-container a:first-child .promo-trio p{color: #fff; font-weight: 300; font-size: 18px; line-height: 22px;}
	.carousel-container a:first-child .promo-trio .circleArrow{background: #fff; width: 20px; border-radius: 20px;color: #D01111;}
	
.carousel-container a:nth-child(2) .promo-trio{background: url('../media/layout/zigzag.jpg'); padding-top:40px}
.carousel-container a:nth-child(2) .promo-trio img{float: left;}
*/

.main-content {margin-top:45px;}
/* -- FOOTER -- */
.bottom-bar {background-color:#003e7e; padding:2%; margin-top:5px;}
	.bottom-bar a {color:#fff;}
	.bottom-bar .col-mid-3 {padding:0 5px;}
	.bottom-bar h4 { font-size:12px; font-weight: 400; }
	
/* --- Side Nav --- */
.side-nav { background-color: rgb(243, 244, 241); border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,0.3); margin: 0 0 20px; padding: 0; list-style: none }
	.side-nav li { border-bottom: 1px solid #ccc; }
		.side-nav li a { display: block; color: #555; padding: 10px 20px; }
		.side-nav li a:hover, .side-nav li.selected a { color: #003e7e; }
		
/* --- LEFT COL PROMOS --- */
.left-col-promo { display: block; margin:0 auto 20px; max-width: 250px; }
	.left-col-promo img { width: 100%; height: auto; }

/* -- FORM STYLES --*/
label {width:40%; margin-top:10px; padding:5px; vertical-align: top;}
input, select, textarea {padding:5px;  margin:10px 0px; border: 1px solid #ccc; height: 35px; outline-color: #025AB5;
  outline-width: thin;}
textarea{max-width: 100%; height: 50px;}
button, html input[type=button], input[type=reset], input[type=submit]{height: inherit;}

.calendar-email-signup label{width: 30%;}
.calendar-email-signup #medals, .calendar-email-signup #trainings{
	width: 80%;
}

.error{
	color: #ED2E24;
}
/* -- TABLES -- */
table { border-collapse: collapse; }
td,th { padding:10px 20px; border: 1px solid #ddd; font-size: 12px; vertical-align: top; }
th { vertical-align: bottom; color: #003e7e; background-color: #f6f6f6; }
tr td:first-child { font-weight: bold; color: #ee2e24; min-width: 200px; }
td ul { margin-left: 10px; padding-left: 0; }

iframe body{overflow: hidden;}

.loan-email-signup input[type="radio"]{
    height: 15px;
    margin-right: 10px;
}
.loan-email-signup{
	text-align: center;
}
	.loan-email-signup label{
		display: inline-block;
		text-align: right;
		width:60px;
	}
	.loan-email-signup .g-recaptcha *{
		margin: auto;
	}
	.loan-email-signup .blue-btn{
		float: none;
		width: 175px;
		padding: 2%;
	}
.loan-intro-form label, .loan-intro-form input, .loan-intro-form select, .loan-intro-form .blue-btn{
	display: block;
	width: 100%;
	max-width: none !important;
	margin: 0;
	margin-bottom: 10px;
}
.loan-intro-form select{
	background: #fff;
}

/* -- Investments --*/
.investments-intro{
	background: #eee;
	padding: 20px;
    font-size: 19px;
    line-height: 1.5;
}
.investments-icons{
	background: #fff;
	text-align: center;
	font-size: 18px;
    font-weight: 300;
    padding: 20px;
}
.investments-icons .col-md-2.col-md-offset-2{
	border: none;
}
.investments-icons .col-md-2{
	border-left: 1px solid #ccc;
}
.investments-icons img{
	height: 100px;
	display: block;
    margin: auto;
    margin-top: 10px;
}
/* -- MOBILE TABLE ALTERNATIVE -- */
.product-details { padding-bottom: 10px; border-bottom: 1px solid #ccc; margin-bottom: 20px; }
	.product-details dd { padding: 0 0 10px 10px; }
	.product-details dt { color: #003e7e; }
	.product-details dd.row1 { font-weight: bold; color: #ee2e24; }
	.mobile-table { display: none; }

/* -- MORTGAGE TEAM -- */
.team-member { width:200px; height:300px; margin:10px; text-align:center; float:left; }
.team-member a { display: block; }
.team-member .blue-btn { border: 0 !important; }
.team-photo { max-height: 250px; overflow: hidden; }
	.team-photo img { width:100%; height: auto; display: block; }
.team-member h2  { margin: 0; padding: 5px;  font-size:14px; }
	.team-member h2 a { color:#fff !important; }
.side-photo img{margin-bottom: 20px;}
/* -- Locations -- */	
#locations-map { /* height: 350px; */ width: 96%; margin:20px 2%; }

.location-images{margin-top: 20px;}
.location-image{margin: 20px 0;}
.location-image img{width:100%; height: auto;}
	
/* EMPLOYEE SECTION */
#employee-login-wrapper {max-width: 65em; margin:0 auto; text-align:center;}
	#employee-login-wrapper label {float:none;}
.login-btn {padding:1%; text-align:center;border:1px solid #fff; color:#fff; font-size:14px;
	background: #025ab5;
	background: -moz-linear-gradient(top,  #025ab5 0%, #003f81 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#025ab5), color-stop(100%,#003f81));
	background: -webkit-linear-gradient(top,  #025ab5 0%,#003f81 100%);
	background: -ms-linear-gradient(top,  #025ab5 0%,#003f81 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#025ab5', endColorstr='#003f81',GradientType=0 );}
#employee-documents {list-style-type:none; padding-left:0px;}
	#employee-documents li {border-bottom:1px solid #555; padding-bottom:10px;}

	#employee-login-wrapper .headImage {
		border: 8px solid #fff;
		box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.07);
		width: 100%;
		margin-top: 20px
	}
	#employee-login-wrapper strong {
		color: #003e7f;
		font-size: 18px;
	}
	.employee-login-form {
		background: #fff;
		border-radius: 20px;
		max-width: 250px;
		margin: auto;
		padding: 20px;
		margin-bottom: 40px;
		box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.07);
	}
	#employee-login-wrapper p {
		text-align: left;
		line-height: 22px;
	}
	.employee-login-form input {
		width: 100%;
		height: 35px;
		box-sizing: border-box;
	}
	.employee-login-form #contact-submit, #tabs #contact-submit {
		padding: 6px;
		background: #EE2E24;
		color: #fff;
		border: none;
		border-radius: 7px;
		cursor: pointer
	}
	#employee-docs {list-style-type:none; padding-left:0px;}
	#employee-docs li {border-bottom:1px solid #ccc; padding:20px 0px; text-align: left; }
	#employee-docs li:last-of-type{border-bottom: none;}
	.employee-login-form label{padding: 0px; margin: 0px}
	.employee-login-form input{margin: 0px}
	.employee-login-form #contact-submit:hover {background: #ed574f;}
	#employee-login-wrapper a{color:#EE2E24; text-decoration: none; }
	#employee-login-wrapper .ui-widget-header{background: none; border: none; border-bottom: 1px solid #ccc;border-radius: 0px;}
/*#employee-login-wrapper .ui-tabs .ui-tabs-panel{background: #fff; border: 1px solid #ccc; border-top: 0px;font-size: 13px}*/
#employee-login-wrapper .ui-widget{font-family: Arial, Helvetica, sans-serif;}
#employee-login-wrapper .ui-widget-content{border: none; background: none;}
#tabs #contact-submit{float: right; padding: 6px}
#tabs #contact-submit:hover{background: rgba(208, 92, 87, 1)}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {outline: none}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {color: #003E7E !important}
.leadership{border-bottom: 1px solid #ccc; text-align: left; margin-bottom: 20px;}
.leadership:last-of-type{border-bottom: none;}
	.leadership p { margin: 0 0 15px; }
	.leader-photo { margin: 0 30px 15px 0; float: left; }
	.leadership-video { width: 570px; margin: 0 auto 10px; }
#employee-question{width: 465px;margin: auto;text-align: left;margin-bottom: 40px;}
.ui-tabs-panel { text-align: left; }
#employee-question input, #employee-question textarea {width: 100%; box-sizing: border-box;margin-bottom: 10px}
	#employee-question input{height: 35px; margin: 0px; margin-bottom: 10px}
	#employee-question {
		width: 465px;
		margin: auto;
		text-align: left;
		margin-bottom: 40px;
	}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{color: #003E7E;}
#tabs ul li{font-size: 13px !important;}


#employee-login-wrapper .ui-widget-header {
	    width: 25%;
		float: left;
		padding: 0 15px 30px 0;
		box-sizing: border-box;
		border: 0;
}

#employee-login-wrapper .ui-tabs .ui-tabs-panel {
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0px;
    font-size: 13px;
    width: 75%;
    float: left;
    border: 0;
    box-sizing: border-box;
}

#employee-login-wrapper #tabs ul li {
    font-size: 13px !important;
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 0;
}

#employee-login-wrapper #tabs ul li.ui-tabs-active {
	background: #eee;
}

#employee-login-wrapper img.logo-img {
	max-width: 100%;
	padding: 20px;

}

@media (max-width: 767px) {
	#employee-login-wrapper .ui-tabs .ui-tabs-panel,
	#employee-login-wrapper .ui-widget-header {
		float: none;
		width: 100%;
	}
}

#employee-login-wrapper .employee-intro-content {
	font-family: Arial, Helvetica, sans-serif;
}

#employee-login-wrapper .employee-logout-btn {
	color: #fff!important;
	padding: 5px 15px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

#employee-login-wrapper .employee-logout-btn img {
	max-width: 15px;
}

#employee-login-wrapper h2.tab-title {
	text-align: center;
}


/* -- blog --*/
.entry h4{text-transform: uppercase;}
.entry .date{font-size: 12px; font-weight: 300;text-align: center;}
.date span{font-size: 3.6em;display: block;}
.paginate{text-align: center; padding: 10px; line-height: 30px;font-size: 11px;}
.paginate a, .paginate strong{  background: rgba(0, 63, 126, 0.46); padding: 10px; color: #f8f8f8; border-radius: 10px;}
.entry .alignLeft {float:left; margin:0 20px 30px 0;}
.paginate strong, .paginate a:hover{background: #003E7E; color: #fff;}

/* Careers */
.opening{  background: #fff; border-bottom: 1px solid #ccc; display: table;width: 100%;}
.opening:nth-child(even){background: #eee;}
.opening:last-child{border: none; margin-bottom: 20px;}
.opening div, .opening a{display: table-cell; width: 25%; vertical-align: middle;padding: 25px;}
.opening .position{font-weight: bold; border-right: 1px solid #ccc;}
.opening .career-location{font-style: italic;}
.opening .position, .opening .career-location{width: 33%}
.opening .show_details{background: #003e7e; text-align: center; color: #fff;}
.opening .show_details:hover{opacity: .8}
form#careers{margin-top: 20px;}
.opening .blue-btn{border: none;float: none;}
.opening .details{width:100%; display: table-row; clear:both;}
.opening .details p{  display: table-cell;padding: 30px;  width: 100%;}
.opening .table-row{display: table-row; float: left; width: 100%; padding: 0px;}

/* NO JS FALLBACK - Display details as expanded*/
.no-js .opening .details{display: table-row!important;}
.no-js .opening .show_details {display: none;}
.no-js .opening .career-location {width: 58%;}
.no-js .opening .show_details { display: none; }

/* -- REUSABLES -- */
#leave-site {text-align:center; background-color:#fff; padding-bottom:10px;}
.dropshadow { box-shadow: -1px 3px 5px #ccc; }
.side-photo img { width:100%; height: auto; display: block; border: 6px solid #fff;box-shadow: -1px 3px 5px #ccc;}
.center-photo img { display: block; margin: 0 auto 20px; }
.blue-btn {padding:3%; text-align:center;border:1px solid #fff; color:#fff; font-size:14px;
	background: #025ab5;
	/*
background: -moz-linear-gradient(top,  #025ab5 0%, #003f81 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#025ab5), color-stop(100%,#003f81));
	background: -webkit-linear-gradient(top,  #025ab5 0%,#003f81 100%);
	background: -ms-linear-gradient(top,  #025ab5 0%,#003f81 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#025ab5', endColorstr='#003f81',GradientType=0 );
*/
}

.blue-btn:hover {background: #003e7e;
	/*
background: -moz-linear-gradient(top,  #003e7e 0%, #004082 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003e7e), color-stop(100%,#004082));
	background: -webkit-linear-gradient(top,  #003e7e 0%,#004082 100%);
	background: -ms-linear-gradient(top,  #003e7e 0%,#004082 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e7e', endColorstr='#004082',GradientType=0 );
*/
	transition: all 200ms ease-in;
}

.red-btn {padding:3%; text-align:center;border:1px solid #fff; color:#fff; font-size:14px;
	background: #ed2e24;
	/*
background: -moz-linear-gradient(top,  #ed2e24 0%, #8c110b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed2e24), color-stop(100%,#8c110b));
	background: -webkit-linear-gradient(top,  #ed2e24 0%,#8c110b 100%);
	background: -ms-linear-gradient(top,  #ed2e24 0%,#8c110b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed2e24', endColorstr='#8c110b',GradientType=0 );
*/
}

.red-btn:hover {background: #4f180c;
/*
	background: -moz-linear-gradient(top,  #4f180c 0%, #8f120c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f180c), color-stop(100%,#8f120c));
	background: -webkit-linear-gradient(top,  #4f180c 0%,#8f120c 100%);
	background: -ms-linear-gradient(top,  #4f180c 0%,#8f120c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f180c', endColorstr='#8f120c',GradientType=0 );
*/
	transition: all 200ms ease-in;
}
.right{float: right;}
.onlinebanking-btn { display: block; }
.onlinebanking-btn:hover { color: #fff; }

.action {font-size: 24px;text-shadow: 1px 1px 2px #121212; width:700px; margin:0 auto;}
.center {text-align:center;}
.horz-nav {list-style-type:none; padding-left:0px; margin-top: 50px; color: #fff; text-align: center;}
	.horz-nav li {display:inline; border-right: 1px solid #282f39; padding:0 5px 0 5px;}
		.horz-nav li a {color:#fff; font-size: 12px;}
	.horz-nav .last {border-right:0px;}
.footer-links .social-media{text-align: center; padding: 0px 5px;}

.light-blue-btn { padding:4% 0;  text-align:center; width:100%; border-radius: 5px; }
	.light-blue-btn img { height: 30px; }
	.light-blue-btn h4 {color:#fff;}
	.light-blue-btn:hover { background-color:rgba(0,0,0,0.2); transition: background 200ms ease-in;}
	.blue-btn.subscribe{max-width: 175px;float: right;}
	#contact-submit.blue-btn{max-width: 300px;}

.disclaimer {font-size:11px; text-align:center;}
.news-image {height:115px; margin-top:-10px;width: auto;}
.entry {margin:0 0 35px;}
	.entry img.mort-team {width: 300px;}
	.entry img {-webkit-box-shadow: 1px 1px 5px 1px #e2e2e2; box-shadow: 1px 1px 5px 1px #e2e2e2; width: 100%; height: auto;}
.entry img {
    max-width: 100%!important;
    height: auto!important;
}
	
	.entry .apply{color: #fff; background: #ed2e24; padding: 4px 10px; border-radius: 4px; padding-right: 25px;}
	.entry .apply:after{right: 7px; top: 9px;}

.alert-warning, .alert-warning a { color: #ed2e24; }
.alert {margin-top:35px;}
	.alert h4 {color:#ee2e24;}
	.alert-headline {border-right: 1px solid #ccc; padding:40px 0; text-align:center; }
		.alert-headline h3 {margin:0px; font-weight:700;}
.box {float:left; width:45%; margin:2%; border:1px solid #003E7E; background:rgba(243, 244, 241, .5); padding: 0 2%;}
	.box h1 {font-size:18px;}
	
.page-banner { text-align: center; margin: 0 0 20px; padding: 0; }
	.page-banner img { max-width: 100%; }
	
	.location {margin-bottom: 10px; text-align: center;}
	.location h2{font-size: 15px;}
	.location-detail p{
	    text-align: left;
	    padding-left: 10px;
	    border-left: 3px solid #ed2e24;
	    font-size: 18px;
	    font-weight: 300;
	    margin: 25px 0;
	}
	
	.branch-nav {
		padding: 15px;
		text-align: center;
	}
	.branch-nav strong {
		display: block;
	}
	@media (min-width: 415px){
		.branch-nav strong {
			display: inline;
		}
	}

@-webkit-keyframes push {
	50% {-webkit-transform: scale(0.8);transform: scale(0.8);}
	100% {-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes push {
	50% {-webkit-transform: scale(0.8);transform: scale(0.8);}
	100% {-webkit-transform: scale(1);transform: scale(1);}
}

.push {
	display: inline-block;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.push:hover, .push:focus, .push:active {
	-webkit-animation-name: push;
	animation-name: push;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}
.clear { clear: both; height: 1px; overflow: hidden; }
.alignLeft {float:left; margin:0 10px 30px 10px;}
.alignRight {float:right; margin:0 0 10px 20px;}

.personal-banking-login { position: relative; }
.slidingDiv { display:none; background: #eee; border: 1px solid #ccc; border-top: 0; width: 100%; position:absolute; top:47px; left:0; z-index:999; text-align:center; margin-right: 15px; }
	.slidingDiv input { width: 90% !important; }

.phone-number, .phone-number:hover { color: #FFF; font-size: 16px; padding-bottom: 6px; margin-right: 15px; display: inline-block; padding-top: 0px; }
.phone-number:hover {text-decoration: underline;}

.bottom-apps {text-align:center;margin-top: 15px;}



/* Veteran Calendar Submission */
.row-vet-photos .col-sm-3 {
	width: 100%;
	float: none;
}

.calendar-submission-form a.grid_button_add:before {
    content: "Add Another Photo";
    display: block;
    height: 20px;
    width: 200px;
    position: absolute;
    left: 0;
    text-indent: 0;
    margin: 5px 60px;
}



.footer-btns {
    max-width: 900px;
    margin: 0 auto;
}

.footer-logo {
	width: 100%;
	text-align:center;
}

.footer-logo img {
    max-width: 180px;
    margin-bottom: 30px;
}

.footer-links .horz-nav {
	margin-top: 20px;
}


/* Custom class for 5 columns */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.btn-apply{
    display: inline-block;
    padding: 10px 40px 10px 20px;
    color: #fff;
    border-radius: 3px;
    font-weight: bold;
    background: #ee2e24;
    box-shadow: 0 4px 7px 0 rgba(255,255,255,0.3) inset, 
    			0 1px 0 0 rgba(255,255,255,0.3) inset, 
    			0 -2px 0 0 rgba(0,0,0,0.2) inset;
    border: 1px solid #BF271F;
    text-transform: uppercase;
    position: relative;
    margin: 10px auto;
}

.btn-apply:active {
    box-shadow: 0 8px 8px 0 rgba(255,255,255,0.3) inset, 
    			0 1px 0 0 rgba(255,255,255,0.3) inset, 
    			0 0px 0 0 rgba(0,0,0,0.2) inset;

}

.btn-apply:after {
	content: "";
	background: url(../media/layout/apply-arrow.png) no-repeat center center;
	background-size: 10px;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 15px;
	top: 13px;
	-webkit-transition: all 0.5s ease;
    transition: all 0.2s ease;
}

.btn-apply:hover:after {
	right:13px;
}

.btn-apply:hover,
.btn-apply:focus,
.btn-apply:active {
	color: #fff;
	text-decoration: none;
}

th.heading7 {
	min-width: 150px;
}

td.apply-now {
	vertical-align: middle!important;
}

.desktop-table td .small {
	font-size: 15px;
}

/* -- MEDIA QUERIES -- */
@media (min-width: 972px) and (max-width: 1180px) {
	.dropdown {margin:0 5px;}
	.navbar-default .navbar-nav > li > a {font-size:18px;}
	.navbar-collapse { display: block !important; }
	/* .entry {text-align:center;} */
	.light-blue-btn {margin:15px 10px; width:100%; float:left;}
	.red-btn {width:100%; float:left;margin-top:-1px; }
	.blue-btn {width:100%; float:left; margin-right:10px; }
	.horz-list li {font-size:12px;}
/*	#footer-logo {width:200px; margin-top:50px;}*/
	.pre-nav ul li {margin:0 5px;}
	.pre-nav ul li a {font-size:12px;}
	.promopanel img {width:100%; height:auto;}
	.newsletter { padding-top: 10px; }
	label{width: 35%;}
	
}
@media (min-width: 972px) and (max-width: 1200px) {
	.social-media { padding: 0;}
	.phone-number,
	.phone-number:hover { font-size: 14px;}
}

@media (max-width: 1200px){
	.bottom-bar .social-media {
		display: block;
		text-align: center;
	}

	.footer-links {
		text-align:center;
	}
}


@media (min-width: 972px) and (max-width: 992px){
	.topper .red-btn, .topper .blue-btn{width: inherit;}
}
@media (min-width: 767px) and (max-width: 971px) {
	.red-btn { float:left; margin-left:10px;}
	.blue-btn { float:left;}
	.navbar-default .navbar-nav > li > a {font-size:14px;}
	.navbar-collapse { display: block !important; }
	.dropdown {margin:0 5px;}
	.light-blue-btn {margin:15px 10px; width:100%; float:left;}
	.horz-nav li a {font-size:11px;}
	.main-content {text-align:center;}
	.alert h4 {margin-top:15px;}
	.newsletter-box {position:absolute; right:30px; top:-120px;}
	.pre-nav ul li a {font-size:12px;}
	.newsletter-box { text-align: center; }
		.newsletter-box .blue-btn {float:right;}
		.newsletter-box #freeform_email { display: inline-block;   margin: 10px 0 0 0; }
	.promopanel img {width:100%; height:auto;}
	label{width: 30%;}
	.dropdown-menu.col-two{width: 435px;}
	.dropdown-menu.col-three{width: 645px;}
	.dropdown-menu .large-link, .dropdown-menu .main{width: 200px}
	.dropdown-menu li a{font-size: 14px;}

}


@media (min-width: 320px) and (max-width: 766px) {
	.navbar-header { padding: 5px 10px; background: #eee; margin-bottom: 10px;}
	.logo{margin-bottom: 20px; display: inline-block;}
	.header{margin-top: 20px;}
	.hide-mobile{display: none;}
	.mobile-only{display: block !important;}
	.mobile-table { display: block; }
	.desktop-table { display: none; }
	.main-content .entry { text-align: center; }
	.light-blue-btn {margin:15px 0px; width:100%;}
	.red-btn {width:100%; margin:10px 0;}
	.bottom-bar .red-btn{min-height: 90px;}
	.blue-btn {width:100%; margin-right:10px; }
	.pre-nav {display:none;}
	.main-nav-toggle { display: block; }
	.main-nav-toggle h3 { margin: 0; }
	.dropdown li {margin-left:0px;}
	.nav>li {border-bottom: 1px solid #ccc;}
	.carousel-container {display:none;}
	.alert-headline {border: none; }
	.alert h4 {margin-top:15px;}
	.center {display:none;}
	#locations-map { display: none; }
	.main-content img {width:200px;}
	.social-media { text-align: center; }
	.box { float: none; width: auto; margin: 10px 0; padding: 1px 20px; }
	.horz-nav {text-align:center; margin-top: 10px; display: block;}
		.horz-nav li { border: 0; display: block; text-align: center; padding: 7px 0; }
		.horz-nav li a {font-size:12px;}
	.bottom-bar {text-align:center;}
	#footer-logo {width:200px;}
	.promopanel img {width:100%; height:auto;}
	.white { padding-bottom: 20px; }
	.navbar { min-height: 0; }
	label{width: 27%;}
	input, select{  width: 70%;}
	#leave-site img{width: 100%;}
	.side-photo img{margin-bottom: 20px;}
	.dropdown { margin: 0; border-bottom: 1px solid #ccc; }
 	.dropdown:hover > .dropdown-menu {display: none;}
	.dropdown-menu { position: relative !important; top: auto !important; left: auto !important; background: transparent !important; float: none; padding-left: 20px; padding-top: 0 !important; border: 0; box-shadow: none; margin: 10px 0; }
		.dropdown-menu .container { padding: 0; }
		.dropdown-menu .main {float: none; padding-left: 0px; width: auto;  border: none;}
		
		.dropdown-menu li a { border-top: 1px solid #ccc; padding: 6px 10px; }
	.call-location .blue-btn, .header .blue-btn, .header .red-btn{width: 49%;float: left; margin-right: 0px; font-size: 12px;}
	.header .red-btn { margin: 0; margin-bottom:2%; line-height: 1.8;  -webkit-text-size-adjust: none;}
	@media (max-width: 325px) {
		.header .red-btn {
			font-size: 10px;
		}
	}
	.header .blue-btn { margin-right: 0; line-height: 1.8; }
		.header .red-btn:first-of-type, .call-location .blue-btn:first-of-type{margin-right: 2%;}
		.cycle-slideshow a.hide-mobile{display: none !important;}
		.entry img{float: none;display: block;margin: auto;}
		.entry img.mort-team {width: 100%;}
		.team-member{float: none; margin: 10px auto 40px auto;}
		.grey{position: absolute;width: 250px;min-height: 100%;margin-bottom: 0px;}
		.canvas.slide-left{left: 250px;transition: 0.5s; position: fixed;}
		.canvas {
		  position: relative;
		  left: 0;
		  transition: 0.5s;
		  z-index: 2;
		  min-height: 100%;
		  background: #fff;
		}
		.dropdown-menu .large-link:nth-of-type(2){margin: 10px 0px}
		.dropdown-menu img{margin: 5px 0px;}
		
		.opening{display: inline-block; margin-bottom: 20px;}
		.opening .position, .opening .career-location {width: 42%;display: inline-block;}
		.branch-nav {padding: 15px 0;}
}

.disclaimer{font-size:9px;}

/* Plasma Screen Slideshow */
.plasma-screens {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	   -moz-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	   -moz-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 100vh;
	flex-direction: column;
	background: #fff;
}

#plasma-slideshow {
-webkit-box-flex: 0;
    -webkit-flex: none;
   -moz-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 90%;
}

.marquee {
	background: #ee2e24;
	padding: 5px 0;
}


body.plasma-screens {
    height: 100vh;
    width: 100vw;
    }
.marquee {
	width: 1280px;
	overflow: hidden;
	background: #ed2e24;
	color: #fff;
	font-size: 3vmin;
	line-height: 66px;
	position: relative;
}

.ticker-logo {
	margin-right: 30px;
	position: absolute;
	left: 0;
	top: 0;
	background: #eee;
	height: 100%;
	padding: 15px;
}

.disclosure{
	border-top: 1px solid #ccc;
    padding: 20px;
    font-size: 13px;
}