@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

/*-- OLB Magic - this is all for the homepage -- */

#dnn_OnlineBankingOverlay {	position: absolute;	top: -353px;		background-color: rgba(128, 132, 133, 0.85);}

@media only screen and (max-width : 989px) {.olbRowNormal {	display: none;}}

@media only screen and (min-width : 990px) {#dnn_OnlineBankingOverlay {	} .olbRowSmall {	display: none;}}

@media only screen and (min-width : 1080px) {#dnn_OnlineBankingOverlay {	}}

@media only screen and (min-width : 1170px) {#dnn_OnlineBankingOverlay {	}}

@media only screen and (min-width : 1300px) {#dnn_OnlineBankingOverlay {	}}

@media only screen and (min-width : 1400px) {#dnn_OnlineBankingOverlay {	}}

@media only screen and (min-width : 1500px) {#dnn_OnlineBankingOverlay {	/*! top: -380px; */}}

@media only screen and (min-width : 1600px) {#dnn_OnlineBankingOverlay {	/*! top: -420px; */}}

nav select {display: none;}

@media (max-width: 480px) {nav .horizButtons {display: none;} nav select {display: inline-block;}}

@media (min-width: 480px) {.olbSelect {display: none;} }

.horizButtons {padding: 10px 0 15px 0;}
.olbSelect {margin: 0 auto;padding: 10px 0 15px 0;}
.olbSelect .olbTitleSmall, .olbTitleSmall {font-size: 1em;font-weight: bold;color: #fff;text-align: center;font-family: 'Open Sans', Arial, Helvetica, sans-serif;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}

/* ---- copied from LoginOLB.css  ----  */
.olbTitle {
font-size: 1.65em;
font-weight: bold;
color: #fff;
text-align: center;
margin-top: 10px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.olbBtn, .olbBtn:visited {
font-family: Arial;
color: #ffffff;
font-size: 1em;
background: #C52032;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C52032), to(#8a2432));
background: -webkit-linear-gradient(#C52032, #8a2432);
background: -moz-linear-gradient(#C52032, #8a2432);
background: -ms-linear-gradient(#C52032, #8a2432);
background: -o-linear-gradient(#C52032, #8a2432);
background: linear-gradient(#C52032, #8a2432);
padding: 5px 15px;
text-decoration: none;
font-weight: normal;
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
}
.olbBtn:hover {
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #0071c9;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0071c9), to(#014479));
background: -webkit-linear-gradient(#0071c9, #014479);
background: -moz-linear-gradient(#0071c9, #014479);
background: -ms-linear-gradient(#0071c9, #014479);
background: -o-linear-gradient(#0071c9, #014479);
background: linear-gradient(#0071c9, #014479);
text-decoration: none;
color: #fff;
font-weight: normal;
border: 0;
}
/* ----- end of OLB stuff -----  */


/* ----------- iPhone se 2016 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { }
/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait) {#onlineBanking h1 {margin-top: 0px;} }
/* Landscape */@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
   #onlineBanking h1 {margin-left: 27px !important;text-align: center !important;margin-top: 18px;} #onlineBanking h1::before {left: -6px !important;}
}

/* ----------- iPhone se 2020----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 393px) and (max-device-width: 786px) and (-webkit-min-device-pixel-ratio: 2) { }
/* Portrait */
@media only screen and (min-device-width: 393px) and (max-device-width: 786px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait) {#onlineBanking h1 {margin-top: 0px;} }
/* Landscape */@media only screen and (min-device-width: 393px) and (max-device-width: 786px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
   #onlineBanking h1 {margin-left: 18px !important;text-align: center;margin-top: 18px;} #onlineBanking h1::before {left: 0; }
}

/* ----------- iPhone XR ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 2) {}
/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {#onlineBanking h1::before {left: 15px !important;}
}
/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 896px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	#onlineBanking h1::before {left: 36px !important;} #onlineBanking h1 {margin-left: 18px !important;text-align: center; margin-top: 10px !important;}
}

@media only screen and (min-width: 320px) and (max-width: 767px){
.shield  {display:none;}
#onlineBanking .h1, #onlineBanking h1 {font-size: 1.5rem;margin-bottom: 0.75rem;line-height: 1.6;}
}

/*Desktop*/
#onlineBanking .h1, #onlineBanking h1 {
    font-size: 2.0rem;
    color: #535158;
    margin-bottom: 1rem;
    line-height: 1.8;
}
.btn.btn-successO {
    border-color: #006546;
    color: #006546;
    background-color: #ffffff;
    margin: 6px 0;
    font-family: "Swiss 721", Arial, sans-serif;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: bold;
    height: 38px;
}
.btn.btn-successO:hover {
	border-color: #003213;
    color: #ffffff;
    background-color: #006546;
}
input#username {
	display: inline-block;
    font-weight: 400;
    color: #727272;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #727272;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
a, a:link, a:visited {
    color: #535158;
    text-decoration: none;
    background-color: transparent;
}
a:hover, a:active {
    color: #004c2d;
    text-decoration: underline;
    background-color: transparent;
}
.shield {max-width:24px;display: inline;bottom: 7px;position: relative;left: 3px;}