@charset "UTF-8";
/*************
* defaultCSS *
**************/
/*
Version: 1.001
*/
/* ////////////////////////////////////////////////// */
/* -===== Typography =====- */
/* Default */

@font-face {
    font-family: 'britannic_tbold';
    src: url(../../../../../../../../themes/FNBA/fonts/britannic_bold-webfont.woff2) format('woff2'),
         url(../../../../../../../../themes/FNBA/fonts/britannic_bold-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
   
html {
	font-family: 'Lato', sans-serif;
	line-height: 145%;
	color: #2a2a2a;
}
h1, .h1, h2, .h2, h3, .h3 {
	font-family: 'Lato';
}
h4, .h4, h5, .h5, h6, .h6 {
	font-family: 'Lato';
}
p {
	font-family: 'Lato';
}

 .britBlack {
	font-family: 'britannic_tbold';
 }
   
.capRed{
	font-size:2em;
	color:#a72b2a;
	text-transform:uppercase;
}
.pHeading {
	font-family: 'Lato';
	font-size: 1.15em !important;
	font-weight: 700;
	color: #000;
	padding-bottom: 10px;
}
/* Font */
.lato {
	font-family: 'Lato', sans-serif;
}

/* Sizes */
@media only screen { /* small */
h1, .h1 {
	font-size: 2em;
}
h2, .h2 {
	font-size: 1.8em;
}
h3, .h3 {
	font-size: 1.6em;
}
h4, .h4 {
	font-size: 1.4em;
}
h5, .h5 {
	font-size: 1.2em;
}
h6, .h6 {
	font-size: 1em;
}
p, a {
	font-size: 1em;
}
}

@media only screen and (min-width: 40.063em) { /* medium */
h1, .h1 {
	font-size: 2.25em;
}
h2, .h2 {
	font-size: 2.025em;
}
h3, .h3 {
	font-size: 1.8em;
}
h4, .h4 {
	font-size: 1.575em;
}
h5, .h5 {
	font-size: 1.35em;
}
h6, .h6 {
	font-size: 1.125em;
}
p, a {
	font-size: 1em;
}
}

@media only screen and (min-width: 64.063em) { /* large */
h1, .h1 {
	font-size: 2.5em;
}
h2, .h2 {
	font-size: 2.25em;
}
h3, .h3 {
	font-size: 2em;
}
h4, .h4 {
	font-size: 1.75em;
}
h5, .h5 {
	font-size: 1.5em;
}
h6, .h6 {
	font-size: 1.25em;
}
p, a {
	font-size: 1em;
}
}
/* Styles */
.bold {
	font-weight: 900;
}
.thin {
	font-weight: 400;
}
.italic {
	font-style: italic;
}
.uc {
	text-transform: uppercase;
}
.underline {
	text-decoration: underline;
}
em {
	font-style: italic;
}
sub, sup {
	font-size: .75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
/* ////////////////////////////////////////////////// */
/* -===== Colors =====- */
/* Default */
html {
	color: #333333;
}
/* Text */
.white {
	color: #ffffff;
}
.lGray, .lGrey {
	color: #939393;
}
.gray, .grey {
	color: rgba(0,0,0,.382);
}
.dGray, .dGrey {
	color: rgba(0,0,0,.618);
}
.black {
	color: #000000;
}
.red {
	color: #a72b2a;
}
a.blue {
	color: #0F5BD0;
}
a.blue:hover {
	color: #05447F
}

/* Background */
.bgWhite {
	background-color: #ffffff;
}
.bgLGray, .bgLGrey {
	background-color: #cccccc;
}
.bgGray, .bgGrey {
	background-color: #777777;
}
.bgDGray, .bgDGrey {
	background-color: #333333;
}
.bgBlack {
	background-color: #000000;
}
.bgRed {
	background-color: #B92028 !important;
}
/* ////////////////////////////////////////////////// */
/* -===== Buttons =====- */
/* Default */
a {
	color: #000000;
	text-decoration: underline !important;
}
/* a:visited {color:rgba(11,111,222,.618)} */
a:hover {
	color: #a72b2a;
}
/*a:visited{
	color: #ffffff!important;
}

a:visited .topLoginLinks{
	color: #ffffff!important;
}

a.btnSolidRed:visited{
	color: #ffffff !important;
}*/

/* Solid */
a.btnSolidWhite {
	display: inline-block;
	color: #a72b2a;
	background-color: #ffffff;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a.btnSolidWhite:hover {
	color: #ffffff;
	background-color: #a72b2a;
}

.appButtonPad {
	padding-top: 145px;
}

@media (max-width:1024px) {
.appButtonPad {
	padding-top: 0px;
}
}
.shadowButton {
	opacity: 1;
	-webkit-transition: .25s all;
	transition: .25s all;
}
.shadowButton:hover {
	opacity: .75;
	-webkit-transition: .25s all;
	transition: .25s all;
}
/**/
a.btnSolidDGray, a.btnSolidDGrey {
	display: inline-block;
	color: #ffffff;
	background-color: #333333;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a.btnSolidDGray:hover, a.btnSolidDGrey:hover {
	color: #333333;
	background-color: #ffffff;
}
/**/
a.btnSolidRed, .btnSolidRed {
	display: inline-block;
	color: #ffffff;
	background-color: #a72b2a;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a.btnSolidRed:hover, .btnSolidRed:hover {
	color: #ffffff;
	background-color: #939393;
}

#sendnow {
	background-color: transparent;
	color: #fff;
}
#e-mail {
	padding: 3px;
	margin-top: 4px;
}
 .wpcf7 input[type="text"],  .wpcf7 input, .wpcf7 textarea { width:100%; border:1px solid #ccc; margin-bottom:10px;
}
.btnSolidRed input {border: none !important; margin-bottom:0;}
.btnSolidRed  .ajax-loader {display:none !important;}
/*Hvr*/
a.btnHvrRed {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	background-color: #939393;
	color: #fff;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	padding: 5px 20px 10px 20px;
}
a.btnHvrRed:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #a72b2a;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
a.btnHvrRed:before, a.btnHvrRed:focus:before, a.btnHvrRedHvr:active:before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
/* Ghost */


a.btnGhostWhite, .btnGhostWhite {
	display: inline-block;
	color: #ffffff;
	background-color:rgba(0,0,0,.7);
	border: 1px solid #ffffff;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
	font-family: 'Lato', sans-serif;
	font-style: italic;
}
.blackCTA a.btnGhostWhite, .blackCTA .btnGhostWhite {color: #333333 !important;
	background-color: #ffffff  !important;}
 div.blackCTA   a.btnGhostWhite {color: #333333 !important;
	background-color: #ffffff  !important;}
a.btnGhostWhite:hover, a:hover .btnGhostWhite {
	color: #333333;
	background-color: #ffffff;
	-webkit-transition: .25s all;
	transition: .25s all;
}
/**/
a.btnGhostDGray, a.btnGhostDGrey {
	display: inline-block;
	color: #333333;
	background-color: transparent;
	border: 1px solid #333333;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
a.btnGhostDGray:hover, a.btnGhostDGrey:hover {
	color: #ffffff;
	background-color: #333333;
	-webkit-transition: .25s all;
	transition: .25s all;
}
.redLink {
	color: #a72b2a !important;
}
.redLink:hover {
	color: #000000;
}
/* ////////////////////////////////////////////////// */
/* -===== Header =====- */
@media (min-width:1024px) {
nav#menu.vc {
	position: relative;
	top: 50%;
	transform: translate(0, -50%);
}
}
/* ////////////////////////////////////////////////// */
/* -===== Slider =====- */
.sliderOverlay {
	background-color: rgba(0, 0, 0, .7);
	padding-top: 250px;
	padding-bottom: 180px;
}
.slideContainer {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
/*#subSection .slideContainer {
	padding-bottom: 55px;
}*/
.slideContainer .slideBG {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.slideContainer .slideContent {
	position: relative;
	padding: 100px 0;
}
.slideContainer h1 {
	line-height: 135%;
	text-shadow: 2px 2px 5px #000;
}
/* ///////////// Footer Code ///////////// */
.borderTopRed {
	border-top: 2px;
	border-top-color: #a72b2a;
	border-top-style: solid;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #000;
}
.footerQuickLinks {
	line-height: 2em;
}

@media (max-width: 641px) {
.footerQuickLinks {
	text-align: center !important;
}
.footerLogos {
	display: block;
}
}
/* square home page grid */
.mortgageLoans {
	background-image: var(--wpr-bg-284c30fe-8d04-4b90-b32c-430e33b19996);
	background-size: cover;
	background-position: 0px 205px;
	background-repeat: no-repeat;
}
.personalBanking {
	background-image: var(--wpr-bg-0396535c-75ca-4133-809b-c6391dec686a);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.businessCash {
	background-image: var(--wpr-bg-59c403da-479e-43be-b391-74d077ae2951);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.mobileBanking {
	background-image: var(--wpr-bg-b0a3c95b-f770-461d-8791-ab8a0efe488b);
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
}
header .subPage {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
/*////static headers////*/
.onlineBanking {
	background-image: var(--wpr-bg-a70b413d-a056-4935-bf34-c69cfbb5a36f);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	z-index: -1;
}
.onlineResources {
	background-image: var(--wpr-bg-90c13131-c279-4f9f-8ca8-df8d5e768361);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	z-index: -1;
}
.onlineBusiness {
	background-image: var(--wpr-bg-24335a61-520e-4687-b124-cae34551998e);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	z-index: -1;
}
.aboutFNBA {
	background-image: var(--wpr-bg-6863bd44-e67b-4ef7-9ef8-ceab7b693625);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	z-index: -1;
}
.squareTitle {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 30px;
	line-height: 1.15em;
	color: #fff;
	font-style: italic;
	text-align: center;
}
.squareLink {
	opacity: 1;
}
.squareLink:hover {
	opacity: .7;
}

@media (max-width: 1024px) {
.squareGridPad {
	margin-bottom: 21px;
}
}
/* header*/
#header {
	max-height: 400px;
}
#sliderSection {
	max-height: 400px;
}
#subSection {
	max-height: 200px;
}
#header .mainNavWrapper {
	position: absolute;
	width: 100%;
	z-index: 10;
	background-color: transparent !important;
	margin: auto;
}
#header ul.bxslider {
	position: relative;
}
.topLoginLinks {
	font-family: 'Lato', sans-serif;
	color: #fff !important;
	text-shadow: 1px 1px 3px #000;
}
.topLoginLinks:hover {
	font-family: 'Lato', sans-serif;
	color: #a72b2a !important;
	text-shadow: 1px 1px 3px #000;
}
#sliderHomeContainer {
	position: relative;
}
#sliderHomeContainer:after {
	top: 100%;
	left: 0;
	content: '';
	width: 100%;
	position: absolute;
	height: 65px;
	background-image: var(--wpr-bg-5eb4267c-7bcb-4922-944d-9698a1cc9f4e);
	background-position: center;
}
.footerLogos {
	display: inline-block;
}
/* ///////////unordered list//////////*/
.redBullets {
	list-style-image: url(/wp-content/uploads/2016/06/redBullet.png);
	/*list-style-position:inside;*/
	padding-left: 15px;
}
.redBullets > li {
	margin: 0 0 10px 0;
}
/*///////backgrounds ///////////*/
.grayAngle {
	width: 100%;
	background: #ccc;
	padding-top: 20px;
	padding-bottom: 40px;/*box-shadow: inset 0px 0px 5px 5px rgba(0,0,0,0.9);*/
}
.blackCTA {
	width: 100%;
	background: #000;
	padding-top: 20px;
	padding-bottom: 20px;
}
.vertAlign {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

@media (max-width: 640px) {
.vertAlign {
	transform: translate(0%);
}
}
.iconW {
	max-width: 350px;
	width: 100%;
}
.uLink {
	color: #fff !important;
}
.uLink:hover {
	text-decoration: underline;
}
.squareLink {
	opacity: 1;
}
.squareLink:hover {
	opacity: 0.7;
}
/*Indent Style ====================*/
.indent10 {
	padding-left: 20px;
}
/* ninja form restyle*/
.ninja-forms-form-wrap input, .ninja-forms-form-wrap select, .ninja-forms-form-wrap textarea {
	height: auto;
	vertical-align: inherit;
	width: auto;
}
.ninja-forms-form input, .ninja-forms-form textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #999;
	outline: medium none;
	padding: 0.382em 0.618em;
	transition: all 0.382s ease 0s;
}
#ninja_forms_field_1 {
	input: focus;
	border: 1px solid #009;
}
.ninja-forms-form div input[type="submit"] {
	background-color: #a72b2a;
	color: #fff;
	display: inline-block;
	margin: 0.25em;
	padding: 0.75em 3em;
	transition: all 0.25s ease 0s;
}
.ninja-forms-form div input[type="submit"]:hover {
	background-color: #939393;
	color: #fff;
	cursor: pointer;
	padding: 0.75em 3em;
	transition: all .382s;
	outline: none;
}
input[type=text], textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #DDDDDD;
}
input[type=text]:focus, textarea:focus, #e-mail:focus {
	/*box-shadow: 0 0 5px rgba(81, 203, 238, 1);*/
	/*padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;*/
	border: 1px solid rgba(81, 203, 238, 1);
}
/* Secure login */
.zixmail-new-user {
	display: none;
}
.zixmail-new-user iframe {
	height: 0;
	width: 0;
}
/* ////////////////////// logo, personal and business login links /////////////////// */
.logoCenter {
	position: relative;
	/*display:inline-block;*/ 
	text-align: center;
}

.topButton {
	position: absolute;
    display: inline-block;
    left: -225px;
    top: 0;
    padding-top: 23px;
}

@media (max-width:730px) {
	.topButton{
		position:static;
	}
}

.topLinksCenter {
	position: relative;
	display: inline-block;
}
.bankingLinks {
	position: absolute;
	display: inline-block;
	left: 100%;
	top: 0;
	padding-top: 40px;
	white-space: nowrap;
}

@media (max-width:943px) {
.bankingLinks {
	/* left: 6%; */
	left: 0%;
	top: 65px;
	}
}
/* /////////////////// AMORTIZATION CALCULATOR ////////////////////////// */
#lidd_mc_submit {
	display: inline-block;
	color: #ffffff;
	background-color: #a72b2a;
	margin: .25em;
	padding: .75em 1.5em;
	-webkit-transition: .25s all;
	transition: .25s all;
}
#lidd_mc_submit:hover {
	color: #ffffff;
	background-color: #939393;
}
.lidd_mc_input label {
	font-family: 'Lato', sans-serif;
}
.lidd_mc_results {
	font-family: 'Lato', sans-serif;
	color: #000000;
	text-transform: uppercase;
	background-color: #F2F7A1;
	padding: .75em 1.5em;
}
#lidd_mc_inspector {
	display: none;
}


.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #000000;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
/*  background: #06D85F;*/
	color: #a72b2a !important;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

.es_calc_rangeslider_container {
    display: none;
}

.bankingLinks-1 {
    position: absolute;
    display: inline-block;
    right: 100%;
    top: 0;
    padding-top: 40px;
    white-space: nowrap;
}

@media (max-width: 943px){
.bankingLinks-1 {
    left: -12%;
    top: 90px;
	}
}
.page-id-26480 .mainNavWrapper .sameheight-nav-wrap .navContainer .menu-main-menu-container #menu-main-menu > li > a:visited {
    color: #ffffff !important;
}
.page-id-26480 .mainNavWrapper .sameheight-nav-wrap .navContainer .menu-main-menu-container #menu-main-menu > li > a:hover {
    color: #a72b2a!important;
}

.page-id-26480 .mainNavWrapper .sameheight-nav-wrap .navContainer .menu-main-menu-container #menu-main-menu li .sub-menu li a:hover {
   color: #a72b2a!important;
}