@font-face {
	font-family: 'Poppins';
	font-weight: 400;
	src: url('Poppins-Regular.woff') format('woff'),
		 url('Poppins-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-weight: 700;
	src: url('Poppins-Medium.woff') format('woff'),
		 url('Poppins-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Poppins';
	font-weight: 900;
	src: url('Poppins-Bold.woff') format('woff'),
		 url('Poppins-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Proxima Nova Semibold';
	src: url('ProximaNova-Semibold.woff') format('woff');
}
html{
	font-size: 14px;
	font-family: Poppins,Tahoma,sans-serif;
}
html,a{
	color: #464646;
}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, pre, a, em, img, q, s,
	small, strike, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul,
	li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
	tr, th, td, canvas, details, embed, figure, figcaption, footer, header,
	hgroup, menu, nav, output, ruby, section, summary, time, mark, audio,
	video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
a{cursor:pointer;}
*:link{
	color:unset;
	text-decoration: none;
}
*:visited{color:unset;}
ol, ul {list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.4em;
	width: 100%;
}
footer{
	width:100%;
    position: absolute;
    left: 0;
    bottom: 0; 
}
html, body{
/* 	max-height: 1425px; */
	height: 100%;
}
div.bmBody span{
	background: rgba(255, 255, 255, 0) !important;
}
div.bmBody p{
	background: rgba(255, 255, 255, 0) !important;
}
.footer{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
.row{
	margin:0 !important;
}
.tahomaLight{
	font-family: Tahoma,sans-serif;
	font-weight: 300;
}
.tahomaRegular{
	font-family: Tahoma,sans-serif;
	font-weight: 400;
}
.tahomaMedium{
	font-family: Tahoma,sans-serif;
	font-weight: 700 !important;
}
.tahomaBold{
	font-family: Tahoma,sans-serif;
	font-weight: 900;
}
.white{color: #FFF !important;}
.black{color: #000 !important;}
.grey{color: #464646 !important;}
.darkgrey{color: #939598 !important;}
.gold{color: #BE941A !important;}
.red{color: #B11116 !important;}
.darkRed{color: #ac0100 !important}
.darkerRed{color: #971819 !important;}
.yellow{color: #FFB400 !important;}
.bgWhite{background: #FFF !important;}
.bgBlack{background: #000 !important;}
.bgGrey{background: #464646 !important;}
.bgGold{background: #BE941A !important;}
.bgRed{background: #B11116 !important;}
.bgDarkerRed{background: #971819 !important;}
.bgYellow{background: #FFB400 !important;}
.borderWhite{border-color: #FFF!important;}
.borderBlack{border-color: #000 !important;}
.borderGrey{border-color: #464646 !important;}
.borderGold{border-color: #BE941A !important;}
.borderRed{border-color: #B11116 !important;}
.borderDarkerRed{border-color: #971819 !important;}
.borderYellow{border-color: #FFB400 !important;}
.displayInline{display: inline !important;}
.displayInlineBlock{display: inline-block !important;}
.displayBlock{display: block !important;}
.displayTableCell{display: table-cell !important;}
.borderTop{border-top: 1px solid !important;}
.borderBottom{border-bottom: 1px solid !important;}
.borderTopBottom{
	border-width: 1px 0 !important;
	border-style: solid !important;
}
.borderRight{border-right: 1px solid !important;}
.borderNone{border: none !important;}
.borderAll{border: 1px solid !important;}
.paddingZero{padding: 0 !important;}
.p-r-half{padding-right: 0.5rem !important;}
.p-l-half{padding-left: 0.5rem !important;}
.p-t-half{padding-top: 0.5rem !important;}
.p-b-half{padding-bottom: 0.5rem !important;}
.p-x-half{
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}
.p-y-half{
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}
.p-a-half{
	padding: 0.5rem !important;
}
.positionRelative{position: relative !important;}
.positionAbsolute{position: absolute !important;}
.upperCase{text-transform: uppercase;}
.circle{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
	-ms-border-radius: 100%;
	border-radius: 100%;
}
.heightAuto{height:auto !important;}
.heightFull{height: 100% !important}
.overflowAuto{overflow:auto !important;}
.overflowHidden{overflow:hidden !important;}
.overflowInitial{overflow:initial !important;}
.marginAuto{margin:auto !important;}
.displayNone{display:none !important;}
.hoverUnderline:hover, .menuDropDown>ul>li>a:hover{text-decoration: underline;}
.menuBar{
	height: 60px;
    background-color: #ac0100;
    position: fixed !important;
    z-index: 9;
}
.menuDropDown{
	background: #FFF;
	border: 1px solid #EEE;
	width: 10rem;
	display: none;
	position: absolute;
	top: 18px;
	z-index:9;
}
.menuDropDown>ul>li{padding:5px;}
.menuLinkContainer{
	height:20px;
	position: relative;
}
.menuLinkContainer:hover>.menuDropDown{display:block;}
.menuLinkContainer:hover:last-of-type>.menuDropDown{right:1rem;}
.bpiBanner{
/* 	background: url('generic_1349x698.jpg') no-repeat; */
	background: url('generic-new.jpg') no-repeat;
/* 	height: 270px; */
	background-size: cover;
	background-attachment: fixed;
	position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: -99;
}
.bpiBanner2{
	/* background-size: cover;
	background-attachment: fixed;
	width: 100%;
	height: 100% !important;
	position: fixed;
	z-index: -99; */
	background-size: cover;
	background-attachment: fixed;
	position: fixed;
    width: 100%;
    z-index: -99;
    display: none;
}
.bpiBanner2 img{
	width: 100% !important;
	height: 100% !important;
}
.firstLevelMenu a{
	margin: 2px 0 2px -4px;
	padding: 5px;
	font-size: 12px;
	border-right: 2px solid #971819;
	color: #FFF;
}
.firstLevelMenu a:hover{
	color: #B11116;
	background: #BE941A;
	background: -webkit-linear-gradient(180deg, #FFF 0, #FAD056 40%, #BE941A 90%);
	background: -o-linear-gradient(180deg, #FFF 0, #FAD056 40%, #BE941A 90%);
	background: -moz-linear-gradient(180deg, #FFF 0, #FAD056 40%, #BE941A 90%);
	background: linear-gradient(180deg, #FFF 0, #FAD056 40%, #BE941A 90%);
}
.firstLevelMenu a.active{
	color: #FFF;
	background: #B11116;
	text-decoration: underline;
}
.firstLevelMenu2 {
	padding-left: 85px;
	margin: auto;
	max-width: 1500px;
}
.firstLevelMenu2 a{
	margin: 2px 0 2px -4px;
	padding: 5px;
	font-size: 12px;
	border-right: 2px solid #971819;
	color: #B11116;
}
.firstLevelMenu2 a:hover{
	color: #B11116;
	background: #BE941A;
	background: -webkit-linear-gradient(180deg, #FFF 0, #FAD056 40%, #BE941A 90%);
	background: -o-linear-gradient(180deg, #FFF 0, #FAD056 40%, #BE941A 90%);
	background: -moz-linear-gradient(180deg, #FFF 0, #FAD056 40%, #BE941A 90%);
	background: linear-gradient(180deg, #FFF 0, #FAD056 40%, #BE941A 90%);
}
.firstLevelMenu2 a.active{
	color: #FFF;
	background: #B11116;
	text-decoration: underline;
}
.secondLevelMenu>a:hover,.secondLevelMenu>a:active{color:#464646 !important;}
.social{
	max-width: 380px;
/*     margin-left: 132px !important; */
	margin: auto;
    padding-top: 25px;
    color: white;
}
.social a{
	display: inline-block;
	width: 150px;
	height: 45px;
	text-indent: -9999px;
}
input.showhide{
	background: none;
	border: none;
	text-decoration: underline;
	font-size: 11px !important;
	text-transform: lowercase;
	padding: 0 !important;
	margin: 0 !important;
	width: initial !important;
}
input[type="button"], input[type="submit"], button {
	width: 35%;
	margin: 0 12px 5px 0;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 14px;
	font-family: Poppins,Tahoma,sans-serif;
	border-radius: 1em !important;
}
input[type="text"], input[type="password"] {
	margin: 4px 0 7px;
	padding: 2px 0 2px 8px;
	outline: 0;
	font: normal 11pt/100% Poppins,Tahoma,sans-serif;
	height: 34px;
	vertical-align: middle\9;
	border: 1px solid #edeeee;
	border-radius: 0.3em;
	background: transparent;
	color: #000;
	max-width: 354px;
}
input[type="text"]:focus, input[type="password"]:focus {
	border: 1px solid #d3d6d6;
}
.form-control-label{
	text-align: left !important;
	font-weight: 700;
	padding: .65rem .9375rem 0 !important;
}
.sxi-button3 {
	background: #ac0100;
	color: #FFF !important;
	border: 0;
}
input.sxi-button3:hover {
	background: #971819;
	color: #FFF;
	-webkit-transition: background-color 400ms linear;
	-moz-transition: background-color 400ms linear;
	-o-transition: background-color 400ms linear;
	-ms-transition: background-color 400ms linear;
	transition: background-color 400ms linear;
}

input.sxi-button3:focus {
	background: #971819 none;
	color: #FFF;
}
.sxiFeedback{
	line-height: normal;
}
.sxiFeedback>ul{
	margin: 5px 0;
}
.sxiFeedback .feedbackPanelERROR{
	font-size: 11px;
}
.forgotten{
	color: #ac0100 !important;
	padding: 4px 9px;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	-ms-border-radius: 0.3em;
	border-radius: 0.3em;
	top: 7px;
	right: 16px;
}
.bottomInfo{
	font-size:11px;
/* 	margin-top:120px; */
	margin-top:15px;
	padding-right:35px;
	padding-bottom:35px;
	float:right !important;
}
#wicketDebugLink{opacity:0 !important;}
#loginBox{
	background: rgba(255,255,255,0.9);
	/* left: 80px;
    top: 10px; */
	border-radius: 8px;
	height: 320px;;
	max-width: 380px;
	margin-top: 35px !important;
    /* margin-left: 95px !important; */
    margin-left: auto !important;
    margin-right: auto !important;
}
.loginBoxDiv{
	font-size: 22pt;
	padding: 16px;
    color: #ac0100;
}
.advisoryBox{
	background: rgba(255,255,255,0.9);
	max-width: 380px;
/*     margin-left: 95px !important; */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10px !important;
    border-radius: 8px;
    font-size:12px;
    padding: 10px !important;
}
.bancnetLogo{
	background-image: url(bancnet.png);
	background-size: 80px;
	background-repeat: no-repeat;
	width: 80px;
    height: 30px;
}
.securityLogo{
	background-image: url(GlobalSign.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 95px;
    height: 37px;
}
.sprite {
    background-image: url(login_icons_sprite.png);
    background-repeat: no-repeat;
    display: block;
}
.sprite-Business-Banking {
    width: 200px;
    height: 46px;
    background-image: url('Biz Online Login.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-Business-Banking-white {
    width: 177px;
    height: 47px;
    background-image: url('Business Banking white.png');
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite-bancnet {
    width: 76px;
    height: 29px;
    background-position: -5px -103px;
}
.sprite-bancnet_small {
    width: 120px;
    height: 33px;
    background-position: -5px -189px;
}
.sprite-fb-footer {
    background-position: -235px -61px;
    margin-left:-3px;
}
.sprite-in-footer {background-position: -279px -96px;}
.sprite-sec-reminders-logo {
    width: 160px;
    height: 180px;
    background-position: -328px -5px;
}
.sprite-tw-footer {background-position: -135px -195px;}
.sprite-verisign_small {
    width: 77px;
    height: 40px;
    background-position: -214px -195px;
}
.sprite-verisign {
    width: 80px;
    height: 40px;
    background-position: -301px -195px;
}
.sprite-yt-footer {background-position: -391px -195px;}
@media(max-width:767px){
	.sprite-fb-footer {background-position: -279px -61px;}
	.sprite-in-footer {background-position: -215px -140px;}
	.sprite-tw-footer {background-position: -179px -195px;}
	.sprite-yt-footer {background-position: -435px -195px;}
	.social{
		margin: auto !important;
		display: block;
/* 	    width: 305px; */
	}
	.social a{
		width: 130px;
		height: 45px;
	}
	.gpIcon{
		background-size: 130px !important;
	}
	.asIcon{
		background-size: 130px !important;
	}
}
@media(max-width:543px){
	.forgotten{top: 3px;}
}
@media(max-width:349px){
	.sprite-Business-Banking {
		width: 220px;
	    height: 32px;
	    background-position: -5px -61px;
	    display: inline-block;
    }
	.forgotten{
		position: relative !important;
		float: right;
		top: unset;
		right: unset;
	}
	#userCd{padding-right: 8px !important;}
	#pswd{padding-right: 8px !important;}
	#loginBox{
		display: block !important;
		height: 380px;
/* 		width: 320px; */
		top: -10px;
	}
	.social{
		padding-top: 0px;
	}
	.submit{margin-top: 0.75rem !important;}
}
@media(max-width:767px){
	.sprite-Business-Banking {margin-top: 1rem;}
	#loginBox{
		position: relative !important;
		margin: 0 0 1rem !important;
		display: inline-block;
		left: 0;
		max-width: 380px;
	}
	.borderGold{
		border-color: #ACACAC !important;
	}
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: #FFAAB4 !important; -webkit-box-shadow:0 0 0 50px #FFAAB4 inset;}
li .feedbackPanelERROR{width: 100% !important;}
.bannerMask{
	position: fixed !important;
	height: 100%;
	z-index: 99999;
	background: rgba(0,0,0,0.6);
}
.bannerBody{
	margin: 10% 0;
	float: none !important;
}
.closeIcon{
	background-image: url('04_WIDGET_Close.png');
	background-position: right;
	background-repeat: no-repeat;
	height: 16px;
}
.gpIcon{
	background: url('google_play.png') no-repeat;
	background-size: 150px;
}
.asIcon{
	background: url('app_store.png') no-repeat;
	background-size: 150px;
}
.footerDiv{
	background:white;
	z-index: 10000;
	/* position:fixed;
	bottom: 0;*/
/* 	opacity: 0.88; */
	width: 100%;
	/* position: absolute;
	bottom: 0; */
}
.footerLinks{
	font-size: 11px;
    color: /* #939598 */#484848;
    padding: 18px 0 0 37px !important;
    line-height: 20px;
/*     position: absolute !important; */
/*     right: 0; */
}
.footerLinks div{
	float: left;
}
.footerLinks div a{
	padding-left: 40px;
}
.footerInfo{
	float: left;
    padding-top: 12px;
    padding-left: 45px !important;
    font-size: 9pt;
}
.footerPics{
	float: right;
	padding-top: 5px;
	padding-left: 65px !important;
}
#loginImageMain{
	background-size: cover !important;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	z-index: -99;
}
.loginTagline{
	font-size: 6em;
    font-weight: 700;
    color: white;
    text-shadow: 2px 2px rgba(0, 0, 0, .5);
    margin-left: -220px;
    margin-top: 3px;
    line-height: 87px;
    white-space: pre-wrap;
	}
.flexContainer{
	height: 650px;
    display: flex;
    align-items: flex-end;
    flex-direction: column-reverse;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: .9375rem;
    padding-left: .9375rem;
    width: 58.333333%;
}
.leftInfoLogin{
	width: 41.666667%;
	float: left;
	min-height: 1px;
    padding-right: .9375rem;
    padding-left: .9375rem;
    width: 41.666667%;
}

.bizlink-loginheader {
	font-family:'Proxima Nova Semibold', sans-serif;
	font-size:18px;
}

.popUpBox{
	background: rgba(255,255,255,0.9);
	/* left: 80px;
    top: 10px; */
    border-radius: 10px; !important;
}

.w_content_3:has(.popUpBox) {
  border: none !important;
}

.w_content_2:has(.popUpBox) {
  background: transparent !important;
}

.w_content:has(.popUpBox) {
  border-radius: 8px; !important;
}

@media(max-width:1700px) and (min-width:1401px){
	/* .footerDiv{
		bottom: -20px;
	} */
}
@media(max-width:1400px) and (min-width:1200px){.bannerBody{max-width:50%;}
	/* .footerDiv{
		bottom: -170px;
	} */
}
@media(max-width:1199px) and (min-width:992px){.bannerBody{max-width:60%;}
	/* .footerDiv{
		bottom: -300px;
	} */
}
@media(max-width:991px) and (min-width:768px){.bannerBody{max-width:70%;}
	/* .footerDiv{
		bottom: -422px;
	} */
	.footerPics{
		padding-left: 20px !important;
	}
	.footerLinks{
		padding-left: 17px !important;
	}
	/* .flexContainer{
		width: 100%;
	}
	.leftInfoLogin{
		width: 100%;
	} */
}
@media(max-width:767px) and (min-width:544px){.bannerBody{max-width:80%;}
	.footerLinks{
		padding-left: 17px !important;
	}
	.flexContainer{
		width: 100%;
	}
	.leftInfoLogin{
		width: 100%;
	}
}
@media(max-width:543px){.bannerBody{max-width:95%;}
	.flexContainer{
		width: 100%;
	}
	.leftInfoLogin{
		width: 100%;
	}
}

@media(min-height:1000px) and (min-width:768px) and (max-width:1500px){
	#loginBox{
		display: block !important;
		/* max-width: 380px; */
		max-width: 55%;
    	height: 160%;
		margin-left: auto !important;
    	margin-right: auto !important;
    	margin-top: 100px !important;
	}
	.loginBoxDiv{
	    padding-bottom: 50px !important;
    	padding-top: 55px !important;
		font-size: 30pt !important;
	}
	.social{
		max-width: 380px;
	    margin: auto !important;
	    padding-top: 5px;
/* 	    padding-left: 40px; */
	    padding-bottom: 10px;
	}
	.bottomInfo{
		/* position: absolute;
	    left: 425px */;
	    text-align: center;
	    float: none !important;
	    width: 500px !important;
	    margin-top: 40px !important;
	    margin-left: auto !important;
	    margin-right: auto !important;
	}
	.flexContainer{
		height: 380px !important;
		width: 100% !important;
		float: none !important;
	}
	.leftInfoLogin{
		height: 360px !important;
		width: 100% !important;
		float: none !important;
	}
	.loginTagline{
		text-align: center;
	}
	input[type="text"], input[type="password"] {
		max-width: 1000px !important;
		height: 50px;
	}
	input[type="button"], input[type="submit"], button{
		width: 40% !important;
   		margin: 35px 0px 5px 0 !important;
   		padding: 15px 20px !important;
   		font-size: 25px !important;
	}
}

.pdicLogo{
	background-image: url(PDICsmall.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 35px;
    height: 35px;
}