
/*Properties styling real estate page*/

.Grey_RE {
	background-color:#ece6e2;
	border-bottom:1px solid #000;
	padding:30px 25px;
}
.Grey_RE h3, .Grey_RE p {
	margin-bottom:15px;
}
@media only screen and (max-width: 1024px) {
.Grey_RE img {
	margin-bottom:15px;
}
}
.Grey_RE_Inner h3{
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	color:#000;
}
.Grey_RE_Inner h4{
	font-size: 18px;
	padding-bottom:30px;
}
.Grey_RE_Inner .table-responsive:nth-of-type(2){
	padding-bottom:30px;
}
.Grey_RE_Inner .table-responsive td {
	min-width:200px;
}
a.Contactbtn {
    clear: both;
    display: block;
    width: 100%;
    padding: 10px 15px;
    margin-top: 15px;
    background-color: #027052;
    color: #fff;
    font-size: 14px;
    text-align: center;
}


/*HERO STYLING Homepage*/


.banner {
    position: relative;
    min-height: 350px;
    overflow: hidden;
}
.slideshow
 {
    margin: auto;
    position: relative;
	justify-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-direction:column;
	align-items:center;
	-ms-flex-align:center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.slideshow img
{
    /*position: absolute;*/
    display:none;
}
.Middletext {
	width: 100%;
	display: block;
	height: 187px;
	position: absolute;
	top: 78px;
	/*z-index: 10;*/
	text-align: center;
}
.banner .BannerText {
  text-align: center;
  width: 100%;
	color:#fff;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:700;
	line-height: 62px;
	font-size:39px;
	text-transform:uppercase;
	margin:0 auto;
	letter-spacing: inherit;
}
.BannerYear {
	text-align: center;
  width: 9%;
	color:#fff;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:700;
	line-height: 62px;
	font-size:39px;
	text-transform:uppercase;
	margin:0 auto;
 }
.BannerYear p.italicfont {
    font-style: italic;
    text-transform: none;
    font-weight: normal;
    font-size: 27px;
    display: inline-block;
	font-family: 'PT Serif', serif;
	color:#fff;
	float:left;
	margin-top: 17px;
}
.BannerYear p.year {
    color:#fff;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:700;
	line-height: 62px;
	font-size:39px;
	text-transform:uppercase;
	font-style: normal;
}
/*HERO STYLING TopLevel*/
.bannertoplevel {
    text-align: center;
    position: relative;
    min-height: 350px;
    overflow: hidden;
	justify-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-direction:column;
	align-items:center;
	-ms-flex-align:center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.bannertoplevel .MiddleText {
	top: 132px;
	left: 0;
	right: 0;
}
p.TopLevelcallout, h1.TopLevelcallout {
    color: #fff;
    font-size: 27px;
    text-transform: uppercase;
    font-weight: 900;
	font-family: 'Nunito Sans', sans-serif;
	letter-spacing: 0.1em;
	border: 4px solid #fff;
	width: 100%;
	max-width: 265px;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0;
	line-height: 20px;
}
.HeroDescription{
  width: 56%;
	display: block;
	margin: 0 455px;
	height: 187px;
	position: absolute;
	top: 235px;
	left: 0;
	right: 0;
	/*z-index: 10;*/
}
p.HeroDescriptionLeft {
	font-family: 'Quicksand', sans-serif;
	color: #fff;
	width: 48%;
	float: left;
	text-align: left;
	font-size: 17px;
	font-weight: 600;
}

p.HeroDescriptionRight{
	font-family: 'Quicksand', sans-serif;
	color: #fff;
	width: 48%;
	float: left;
	text-align: left;
	font-size: 17px;
	font-weight: 600;
}
.HeroDescriptionLeft {
    margin-right: 15px;
}
/*HERO STYLING SecondLevel*/
.bannersecondlevel {
  text-align: center;
	position: relative;
	min-height: 350px;
	overflow: hidden;
	justify-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-direction:column;
	align-items:center;
	-ms-flex-align:center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.bannersecondlevel h2, .bannersecondlevel h1, .MiddleText h1 {
  text-align: center;
  width: 100%;
	color:#fff;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:700;
	line-height: 47px;
	font-size:39px;
	text-transform:uppercase;
	margin:0 auto;
	top: 133px;
	position: absolute;
	left:0;
	right:0;
	letter-spacing: normal;
}
.MiddleText h1{
	top: auto;
}
.bannersecondlevel h2{
	color: #f97c85 !important;
}

/*HERO STYLING SecondLevel*/
.bannercampaign {
    text-align: center;
	position: relative;
	min-height: 350px;
	overflow: hidden;
	justify-content: center;
	-webkit-align-self: center;
	align-self: center;
	/*flex-direction:column;*/
	align-items:center;
	-ms-flex-align:center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	    max-height: 492px;
}

.bannercampaign video {
	display:block;
}
.bannercampaign video#bgvid {
    width: 100%;
    min-width: 1900px;
}
.bannercampaign .greyoverlay {
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(51,51,51,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(51,51,51,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(51,51,51,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6333333',GradientType=0 ); /* IE6-9 */
    position: absolute;
	margin: 0;
	padding: 0;
	z-index: 2;
	top: 12px;
	width: 100%;
	min-height: 487px;
	bottom: 0;
}
.bannercampaign h1 {
    text-align: center;
    width: 100%;
	color:#fff;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:900;
	line-height: 62px;
	font-size:60px;
	text-transform:uppercase;
	margin:0 auto;
	top: 235px;
	position: absolute;
	left:0;
	right:0;
	z-index: 10;
	letter-spacing: 9px;
}
.bannercampaign p {
	margin-bottom:0;
}
.familycampaign {
	text-align:center;
	padding: 40px 0 10px 0;
}
.familycampaign p {
	font-size:20px;
	/*font-weight:bold;*/
	line-height: 35px;
}
.familycampaign img {
	width:100%;
	max-width:350px;
	display:block;
	margin:0 auto;
}
.campaignform {
	padding: 40px 0 10px 85px;
}
.campaignform .thank-you h2 {
	color:#000;
	text-transform:none;
}
.campaignform  .LiveForm.Default {
	background-color: transparent !important;
	padding:0 !important;
	text-transform:uppercase;
	margin:0 !important;
}
.campaignform .LiveForm.Default .Field > label {
	margin-bottom:0 !important;
	font-size: 13px;
}
.campaignform .LiveForm .Field.FieldSpacing {
	padding:5px 0 !important;
}
.campaignform p.smallnote {
    float: right;
    font-weight: bold;
    font-size: 13px;
	width: 100%;
    max-width: 182px;
}
.campaignform  .Submitbutton {
	width: 100%;
    margin: 15px auto 0px !important;
    text-align: center;
    max-width: 325px;
}
.campaignform  .LiveForm.Default input {
	background-color:#f2f2f2;
	border:none !important;
}
.campaignform .LiveForm.Default .Field.Required input {
	border-left: solid #f2f2f2 5px !important;
}
.campaignform  .LiveForm.Default input.causesValidation {
	border-radius:3px !important;
	background-color:#e6ae0f !important;
	text-transform:uppercase;
	font-size:16px !important;
	border:none !important;
	font-weight:bold;
	font-family: 'Nunito Sans', sans-serif;
	color:#000 !important;
	padding: 8px 27px;
}
.campaignform  .LiveForm.Default input.causesValidation:hover {
	background-color:#f7c023 !important;
}

/*Google My Map styling*/
.overlay {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 480px;
}

.Introduction {
    text-align: center;
    padding: 53px 166px;
}
.Introduction p{
	font-style:italic;
	font-family: 'PT Serif', serif;
	font-size: 15px;
}
.Introduction  p.italicsub {
	color:#027052;
	font-family: 'PT Serif', serif;
	font-size:23px;
	font-weight: 400;
	letter-spacing: normal;
	font-style:italic;
	margin-bottom: 30px;
	line-height:28px;
}

.Introduction p.blackcap {
	color:#000000;
	font-family: 'Nunito Sans', sans-serif;
	font-size:23px;
	line-height:1.2;
	font-weight: 400;
	letter-spacing: normal;
	text-transform:uppercase;
	font-style: normal;
	padding-top:25px;
}
.IntroInvestment {
    text-align: center;
    padding: 40px 166px;
}
/*INVESTMENTS*/
.IntroInvestment img{
	text-align: center;
	margin: 0 auto 43px;
}
.IntroInvestment p{
	font-style:italic;
	font-family: 'PT Serif', serif;
	font-size:14px;
}
.IntroInvestment  p.italicsub {
	color:#027052;
	font-family: 'PT Serif', serif;
	font-size:23px;
	font-weight: 400;
	letter-spacing: normal;
	font-style:italic;
	margin-bottom: 49px;
	line-height:28px;
}

.IntroInvestment p.blackcap {
	color:#000000;
	font-family: 'Nunito Sans', sans-serif;
	font-size:23px;
	line-height:1.2;
	font-weight: 400;
	letter-spacing: normal;
	text-transform:uppercase;
	font-style: normal;
	padding-top:5px;
}
.Albridge, .Netx, .Access{
    text-align: center;
    margin: 0 auto;
    width: 100%;
	padding-top: 25px;
}
.Albridge img, .Netx img, .Access img{
	display:inline-block;
}
.Albridge img, .Netx img {
	padding-bottom:45px;
}
.InvGLeft {
	padding: 45px 45px 32px 0;
}
.InvGRight {
	padding: 45px 10px 32px 45px;
}
.InvGLeft  p, .InvGRight p {
	line-height: 25px;
}
.trustservleft {
    padding: 40px 85px 0px 70px;
}
.trustservleft h2 {
	margin-bottom:5px;
}
.trustservleft p {
	line-height:20px;
}
.ConsumerInfo {
    text-transform: uppercase;
	font-weight:700;
	font-size:14px;
} 
.ConsumerInfo a {
	font-size:14px;
	text-decoration:underline;
}
.investmentsmall {
    font-size: 11px;
}
.InvInstructions {
    padding: 35px 285px 18px 285;
    text-align: center;
	font-family: 'PT Serif', serif;
}
.InvBelowInstructions {
	padding: 28px 115px 25px 115;
    text-align: center;
	
}
.InvBelowInstructions  p {
	font-family: 'PT Serif', serif;
	font-style:italic;
}

.Introduction a.greenbutton {
	font-style:normal;
	font-family: 'Nunito Sans', sans-serif;
	font-size:14px;
	min-width: 240px;
    padding: 12px 45.5px;
	text-decoration:none;
}

.IntroductionProdDetail {
    text-align: center;
    padding: 53px 166px 53px 166px;
}
.Intronopadding {
    text-align: center;
    padding: 0px 166px 25px 166px;
}

.IntroPaddingBottom15 {
    text-align: center;
    padding: 53px 166px 15px 166px;
}

.IntroductionProdDetail p, .Intronopadding p, .IntroPaddingBottom15 p{
	font-style:italic;
	font-family: 'PT Serif', serif;
	font-size:15px;
}
.IntroductionProdDetail  p.italicsub, .IntroPaddingBottom15 p.italicsub {
	color:#027052;
	font-family: 'PT Serif', serif;
	font-size:23px;
	font-weight: 400;
	letter-spacing: normal;
	font-style:italic;
	margin-bottom: 30px;
	line-height:28px;
}
.IntroductionProdDetail p.blackcap, .Intronopadding p.blackcap, .IntroPaddingBottom15 p.blackcap {
	color:#000000;
	font-family: 'Nunito Sans', sans-serif;
	font-size:23px;
	line-height:1.2;
	font-weight: 400;
	letter-spacing: normal;
	text-transform:uppercase;
	font-style: normal;
	padding-top:25px;
}

.Funnellwithicon {
  text-align: center;
	padding-bottom: 40px;
}
.Funnellwithicon img {
	margin-bottom:20px;
}
.Funnellwithicon p:nth-child(3) {
	font-style:italic;
	font-family: 'PT Serif', serif;
	font-size:15px;
	min-height: 106px;
}
.Funnellwithicon a.greenbutton {
	font-size:14px;
	margin-top:0;
	max-width: 178px;
	padding: 7px 0;
	text-decoration:none;
}
.FunnellPersonal{
    text-align: center;
	padding-bottom: 40px;
}
.FunnellPersonal img {
	margin-bottom:20px;
}
.FunnellPersonal p:nth-child(3) {
	font-style:italic;
	font-family: 'PT Serif', serif;
	font-size:15px;
	min-height: 59px;
}
.FunnellPersonal a.greenbutton  {
	font-size:14px;
	margin-top:0;
	max-width: 178px;
	padding: 7px 0;
	line-height: 20px;
	text-decoration:none;
}
.Netx a.greenbutton, .Albridge a.greenbutton, .Access a.greenbutton {
	font-size:14px;
	margin-top:0;
	min-width: 240px;
  padding: 12px 45.5px;
	line-height: 20px;
	text-decoration:none;
}
.Arrowdown {
    height: 50px;
	background-image: url(images/arrowdowngrey.png);
	background-repeat:no-repeat;
	background-position: center;
	margin-bottom: 45px;
}
.GreenArrowdown {
    height: 50px;
	background-image: url(images/greenarrowcircle.svg);
	background-repeat:no-repeat;
	background-position: center;
	margin-bottom: 60px;
}

.mBottom60{
  margin:0 0 60px 0;
}

.Divider {
	height: 2px;
	background-image: url(images/blackline.png);
	background-repeat:no-repeat;
	background-position: center;
}
.Orangebar {
	background-color:#e6af10;
	text-align:center;
	padding:25px 0;
}
.Orangebar p {
	color:#fff;
	text-transform:uppercase;
	font-size:28px;
	margin:0;
}
.Greyfull{
	background-color: #ece6e2;
	padding: 45px 649px;
}
.GreyfullCreditCard{
	background-color: #ece6e2;
	padding: 45px 600px 32px 600px;
}
.GreyfullCreditCard h2 {
    padding-bottom:25px;
}
.GreyfullCreditCard p {
	font-style:italic;
	text-transform:none;
	padding-bottom:8px;
	font-family: 'PT Serif', serif;
}
.WhitefullCRCard{
	background-color: #fff;
	padding: 45px 605px 32px 605px;
}
.WhitefullCRCard h2 {
    padding-bottom:25px;
}
.WhitefullCRCard p {
	font-style:italic;
	text-transform:none;
	padding-bottom:8px;
	font-family: 'PT Serif', serif;
}
.Notice{
	background-color: #fff;
	padding: 45px 45px;
}
.Notice  p{
	line-height:20px;
	font-size:14px;
	text-transform:none;
	text-align: left;
}
.Whitefull {
	background-color: #fff;
	padding: 45px 649px;
}

.Greyfull p, .Whitefull p {
	line-height:30px;
	font-size:18px;
}
.contentleft, .contentright, .contentLeftWhite, .contentRightWhite, .contentMiddleWhite{
	padding:35px 0;
}
.normallineheight p{
	line-height:20px;
}
.normallineheight ul {
	margin-left:0px;
}
.normallineheight ul li {
	font-size:14px;
	line-height:20px;
}
.contentMiddleWhite h2{
  text-align: center;
  margin-bottom: 20px;
  min-height: 67.2px;
}

.contentLeftWhite h2, .contentRightWhite h2{
  text-align: center;
  margin-bottom: 0px;
  min-height: 67.2px;
}

.contentLeftWhite p:nth-child(2), .contentRightWhite p:nth-child(2), .contentMiddleWhite p:nth-child(2){
  min-height: 80px;
}
.greenmerch {
	padding-bottom:24px;
}
.greenmerch  p.greentitle{
	margin-bottom: 15px;
}

dd{
  margin: 0px 0px 8px 45px;
  font-size: 14px;
  color: #363636;
  line-height: 20px;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 400;
}

.aboveFooterNormalText{
  padding-top: 45px;
  font-style:italic;
	font-family: 'PT Serif', serif;
	font-size:14px;
}

.ContentAboveFooter {
	text-align:center;
	text-transform:uppercase;
	font-size:18px;
}



.ContentAboveFooter a.greenbutton {
	font-size:14px;
	min-width: 240px;
  padding: 12px 45.5px;
  line-height: 20px;
  text-decoration:none;
 
}
/*QPAY*/
.Qpay {
    height: 525px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 35px;
}
.Qpay  p {
	margin-top:15px;
}
.Qpayimg {
    padding: 45px 25px 0 0;
}
.Qpayimg p {
	margin-bottom:0;
}
.Qpaydescr {
	padding:45px 0;
}
.Qpaydescr h3 {
	margin-bottom:15px;
}
.Qpaydescr p  {
	margin-bottom:20px;
}
.FamilyCareKitDescr {
  height: 283px;
  display: flex;
  flex-direction: column;
  justify-content: center;
	padding-right: 60px;
}
.FamilyCareKitDescr a{
  text-decoration: none !important;
}

.FamilyCareKitDescr p{
  line-height: 20px !important;
}

.FamilyCareKitImg p {
	margin:0;
}

.FamilyCareKitImg img {
	margin:22px 0px;
}


/*LOCATIONS*/
.locations {
    padding: 35px 0;
}
.locations h2 {
	text-align:left;
	margin-bottom:5px;
}


/*Lori -Location Box Container*/
.ColA .Locationsbox, .ColB .Locationsbox, .ColC .Locationsbox, .ColD .Locationsbox{
  min-height: /*280px*/ /*322px*/ 352px /*increased to allow for QNBTNOW*/;
 
 }
.halfA1 .Locationsbox{
	min-height: 270px;
}

.Locationsbox, .locationNoATM{
  display: flex;
  flex-direction: column;
  justify-content: baseline;
  min-height: 374px;
  margin: 30px 0 0 0;
}
.Locationsbox h2, .locationNoATM h2 {
  height: 60px;
  padding: 0;
  margin: 0;
  text-align: left;
  text-transform: uppercase;
}

.Locationsbox h3:after{
  position: relative;
  left: 5px;
  display: inline-block;
  vertical-align: bottom;
  width: 26px;
  height: 24px;
  content: "";
  background: url(/Portals/0/Skins/QNBT/images/icons/ATM.svg);
}

.Locationsbox.ATM-and-ITM h3:after {
    background: url(/Portals/0/Skins/QNBT/images/icons/ATM_and_ITM.svg);
    width: 56px;
}

.Locationsbox.ITM h3:after {
    background: url(/Portals/0/Skins/QNBT/images/icons/ITM.svg);
    width: 26px;
}

.Locationsbox h3, .locationNoATM h3 {
  display: inline-block;
  margin-bottom: 10px;
}
.Locationsbox p, .locationNoATM p {
  line-height: 20px;
}

/*Selector Dropdown for Locations*/
.DropButtonsCont{
  position: relative;
	max-width: 360px;
	width: 100%;
	margin: auto;
}

.DropButtonsCont a, .DropButtonsCont a:hover{
	text-decoration: none !important;
}

#DropButtonsHead{
  position: relative;
  display: block;
  width: 100%;
  padding:8px 20px;
  border: 1px solid #e4b422;
  background:#fff url(/Portals/0/Skins/QNBT/images/greenarrowdown.png) no-repeat right center;
  color:#363636;
  font-size:16px;
  text-align: left;
  cursor:pointer;
  text-decoration:none;
}


.locationsList{
  position: absolute;
	z-index: 1000;
	display: none;
	width: 100%;
	max-width: 360px;
	border: 1px solid #e4b422;
  background: #fff;
}

.locationsList a{
  display: block;
  max-width: 333px;
	width: 100%;
	height: 20px;
  color: #363636;
	font-size: 16px;
  font-family: "Nunito Sans",sans-serif;
  font-style: normal;
  text-align: left;
}

.locationsList ul {margin-left: 0px !important;}

.locationsList ul li{
  list-style-type: none !important;
  margin-bottom: 0px !important;
}

.locationsList p {
  padding: 2.5px 20px;
  margin-bottom: 0px !important;
}

.locationsList p:hover{
  display: block;
  max-width: 360px;
	width: 100%;
	background: #e4b422;
	font-size: 16px;
}

.locationsList a:hover{
	color: #fff;
}




/*Trusteer*/
.GreyfullTrusteer{
	background-color:#ece6e2;
	padding:35px 0;
}
.WhitefullTrusteer {
	background-color:#fff;
	padding:35px 0;
}

#LiveHTMLWrapper3769 > div:nth-child(1){
  display: block;
  max-width: 690px;
  margin: auto;
}



/*CONTACT US LEFTPANE*/
.EmailusContainer {
	padding:20px 0 30px 0;
}
.EmailusContainer h2 {
    text-align: left;
    font-size: 22px;
    margin-bottom: 10px;
    letter-spacing: 0.1em;
	margin-top: 32px;
}
.EmailusContainer p {
	line-height:15px;
	text-transform:uppercase;
}
.EmailusContainer a{
	color:#000;
	font-weight:normal;
	word-break: break-all;
	text-decoration:none;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Emoke*/
.LeftHistory p, .LeftHistory img{
  margin: 0;
}

.LeftHistory img{
  width: 100%;
}

.RightHistory{
  height: 329px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 35px;
}


/*Picture Above Footer*/


.picFull {
  text-align: center;
	position: relative;
	min-height: 250px;
	overflow: hidden;
	justify-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-direction:column;
	align-items:center;
	-ms-flex-align:center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.QAboveFooter {
  background-color: #ece6e2;
  padding: 45px 0px;
}

.QContentAboveFooter  .italicsub{
  margin-bottom: 0;
  font-size: 18px;
  text-align: center;
  line-height: 33px;
}

.QContentAboveFooter h2{
	font-size: 22px;
	text-align: center;
}


.containerText p{
  text-align: center;
  width: 100%;
	color:#fff;
	font-family: 'PT Serif', serif;
	font-weight:400;
	/*! line-height: 47px; */
	font-size:18px;
	margin:0 auto;
	top: 90px;
	position: absolute;
	left:0;
	right:0;
}


p.whiteCap{
  color: #fff;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 23px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: uppercase;
  font-style: normal;
  padding-top: 25px;
}


.picFull p{
  color:#fff;
  text-align: center;
}

.shortDivider{
  display: block;
  width: 100%;
  height: 2px;
  max-width: 360px;
  background-color: #000;
  margin: 50px auto;
}

.BottomGreyRight .italicsub{
  color: #027052;
  font-family: 'PT Serif', serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: normal;
  font-style: italic;
  margin-bottom: 40px;
}




/*CENTERED WHITE*/
.CenteredWhiteContent {
	text-align:center;
	padding:65px 206px;
}
.CenteredWhiteContent p {
	font-size:15px;
	font-style: italic;
	font-family: 'PT Serif', serif;
}
.CenteredWhiteContent p.review {
	font-style: normal;
	font-family: 'Nunito Sans', sans-serif;
}
.CenteredWhiteContent p.blackcap {
	color: #000000;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 23px;
	line-height: 1.2;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-style: normal;
}


.CenteredWhiteContent.greenbutton, .BottomGreyLeftHalf.greenbutton, .BottomGreyRightHalf.greenbutton {
	font-size:14px;
	max-width: 240px;
  padding: 12px 58.5px; 
}

.CenteredWhiteContent a.greenbutton, .BottomGreyLeftHalf a.greenbutton, .BottomGreyRightHalf a.greenbutton  {
	font-size:14px;
	min-width: 240px;
    padding: 12px 45.5px;
    letter-spacing:0.1em;
	color: #fff;
	font-weight: 800;
	font-style: normal;
	font-family: 'Nunito Sans', sans-serif;
	text-decoration:none;
 
}

/*1 Column Centered with padding*/
.centeredwithpadding {
	text-align:center;
	padding:45px 0 30px 0;
}
.centeredwithpadding h2 {
	margin-bottom:20px;
}
.centeredwithpadding p {
	margin-bottom:15px;
	line-height:25px;
}
/*1 Column with Centered Heading*/
.centeredheader {
	padding:45px 0 30px 0;
}
.centeredheader h2 {
	margin-bottom:20px;
	text-align:center;
}
.centeredheader p {
	line-height:25px;
}

.centeredheader p.blackcap{
  padding-top: 35px;
  text-align: center;
}

.centeredheader .italic{
  font-style:italic;
	font-family: 'PT Serif', serif;
	font-size:15px;
}

.centeredheader  a{
  text-decoration: none;
}

.centeredheader hr{
  margin: 35px 0 !important;
}

/*SAVINGS SECTION*/
.savingstopdescription {
	padding:40px 0;
	border-bottom: 1px solid #000;
	margin-bottom: 54px;
}
.savingstopdescription h2 {
	text-align:center;
	padding-bottom: 30px;
}
.savingstopdescription p {
	line-height:30px;
}
.creditcardtopdescription {
	padding:50px 0 40px 0;
	border-bottom: 1px solid #000;
	margin-bottom: 54px;
}
.creditcardtopdescription h2 {
	text-align:center;
	padding-bottom: 13px;
}
.creditcardtopdescription p {
	line-height:30px;
}
.AccountYellowbar {
	width:100%;
}
.AccountYellowbar .Leftbar, .AccountYellowbar .Rightbar{
	float:left;
	width:50%;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	padding: 8px 0;
	margin-bottom: 25px;
}
.AccountYellowbar .Leftbar {
	border: 3px solid #e7ba3a;
}
.AccountYellowbar .Rightbar {
	border-right: 3px solid #e7ba3a;
	border-top: 3px solid #e7ba3a;
	border-bottom: 3px solid #e7ba3a;
}
.AccountDetails p {
	text-transform:uppercase;
	color:#027052;
	font-size:23px;
	letter-spacing:0.1em;
	font-weight:700;
	padding-right: 25px;
	line-height: 40px;
	/*width: 50%;*/
  width: 135px;
	border-bottom: solid 2px #e7ba3a;
	padding-bottom: 8px;
}
.CRAccountDetails p {
	text-transform:uppercase;
	color:#027052;
	font-size:23px;
	letter-spacing:0.1em;
	font-weight:700;
	padding-right: 25px;
	line-height: 30px;
	/*width: 50%;*/
  width: 135px;
	border-bottom: solid 2px #e7ba3a;
	padding-bottom: 8px;
}
p.iratypes {
	color: #027052;
	font-family: 'Nunito Sans', sans-serif;
	font-size: 13px;
	line-height: 1.6;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-style: normal;
}
p.mindeposit {
	text-transform:uppercase;
	margin-bottom:17px;
	letter-spacing: 0.05em;
}
p.numbers {
	font-size:28px;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom: 27px;
	line-height: 33px;
}
p.greentitle, .greentitle{
	text-transform:uppercase;
	color:#027052;
	font-weight:600;
	font-size:13px;
}
p.accountdescription {
	margin-bottom:25px;
}
.paddingbottom25 {
	padding-bottom:25px;
}
.paddingbottom12 {
	padding-bottom:12px;
}
.paddingbottom35 {
	padding-bottom:35px;
}
.paddingtopbottom35 {
	padding:30px 0;
}

.paddingtopbottom35 p, .paddingtopBottom45 p  {
	margin-bottom:0;
}

.paddingTopBottom45{
  padding: 45px 0;
}

.paddingtop35 {
	padding:35px 0 0 0;
}
.paddingtop45 {
	padding:45px 0 0 0;
}
.paddingTop45Bottom30 {
	padding:45px 0 30px 0;
}

.paddingBottom45{
  padding: 0 0 45px 0;
}


.Qpayimage {
	width:100%;
	margin:0 auto;
	max-width: 304px;
	padding-top: 25px;
}
.heading_wrapper {
    white-space: nowrap;
    text-align: left;
    margin-bottom: 2px;
    text-transform: uppercase;
    color: #027052;
    font-size:28px;
    padding-left: 25px;
}

/*GRAY WIDTH25 STYLE*/
.GreyWidth25{
  padding: 35px 0px;
}

.GreyWidth25 h5{
  line-height: 24px;
  font-weight: 600;
}

.GreyWidth25 .lead{
  color: #027052;
  font-size: 23px;
  letter-spacing: 0.1em;
  font-weight: 700;
  line-height: 40px !important;
  text-transform: uppercase;
  border-bottom: solid 2px #e7ba3a;
  padding-bottom: 8px;
}
/*END*/

dd{
  margin-left: 45px;
}


.onlyPortablesHr{
  display: none;
}

/*Articles*/
.SpacingBottom{
  padding: 25px 0 0 0;
}


.colPadding{
  padding: 0 8.33333333%;
}/*Emoke*/


/*----------------------------------------------------RESPONSIVE------------------------------------------------------------*/

@media only screen and (max-width: 1850px) {

.Middletext {
    width: 100%;
}
.BannerYear {
	width:10%;
}
.Greyfull, .Whitefull,.Notice, .GreyfullCreditCard, .WhitefullCRCard{
	padding: 35px 526px;
}
}
@media only screen and (max-width: 1700px) {
.Middletext {
    width: 100%;
}
.BannerYear {
	width:11%;
}
.HeroDescription {
	width: 48%;
	margin: 0 497px;
}
.Greyfull, .Whitefull,.Notice, .GreyfullCreditCard, .WhitefullCRCard {
	padding: 35px 500px;

}
}
@media only screen and (max-width: 1600px) {
.Middletext {
	width: 100%;
}
.HeroDescription {
	width:60%;
	margin: 0 321px;
}
.banner img, .bannertoplevel img, .bannersecondlevel img{
	/*margin-left: -240px;*/
}
.BannerText img {
	margin-left:0;
}
.banner .BannerText {
	width: 100%;
}
.BannerYear {
	width:11%;
}
.HeroDescription {
	width: 59%;
}
.Greyfull, .Whitefull,.Notice,.GreyfullCreditCard, .WhitefullCRCard {
	padding: 35px 440px;

}
}
@media only screen and (max-width: 1500px) {
.BannerYear {
	width:12%;
}
.Greyfull, .Whitefull,.Notice, .GreyfullCreditCard, .WhitefullCRCard {
	padding: 35px 370px;

}
}
@media only screen and (max-width: 1385px) {
.Greyfull, .Whitefull,.Notice, .GreyfullCreditCard, .WhitefullCRCard {
	padding: 35px 370px;

}
.banner .BannerText {
	width: 100%;
}
.banner img, .bannertoplevel  img, .bannersecondlevel img {
	/*margin-left: -424px;*/
  margin-left: -57px;
}
.Middletext {
	width: 100%;
}
.BannerYear {
	width:13%;
}
.bannertoplevel .MiddleText {
    top: 136px;
	width: 100%;
	left: 0;
	right: 0;
}
.bannertoplevel .MiddleText .BannerText img {
	margin-left:0;
	width:100%;
	min-width:316px;
	max-width:316px;
	min-height:68px;
}
.HeroDescription {
	top: 250px;
	width: 85%;
	margin: 0 100px;
}
}
@media only screen and (max-width: 1280px) {
.BannerYear {
	width:14%;
}
.Greyfull, .Whitefull,.Notice,.GreyfullCreditCard, .WhitefullCRCard {
	padding: 35px 267px;
}
.campaignform .Submitbutton {
	max-width: 204px;
}
}
@media only screen and (max-width: 1230px) {
.BannerYear {
	width:17%;
}
.overlay {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 480px;
}
.Qpayimg { 
	padding-right:0;
}
.Qpay {
	padding-left:0;
}
.Qpaydescr {
	padding-top:15px;
}
.RightHistory{
  height: 287px; 
}
.RightHistory ul li{
  font-size: 14px;
}

}

@media only screen and (max-width: 1024px) {
.banner img , .bannertoplevel img, .bannersecondlevel img{
	/*margin-left: -576px;*/
}
.bannercampaign img {
	display:block !important;
}
.bannercampaign video {
	display:none;
}
.GreyfullCreditCard, .WhitefullCRCard {
	padding: 35px 15px;
}
.Middletext {
	width:100%;
}
.banner .BannerText {
	width: 100%;
}
.bannertoplevel .MiddleText {
    top: 136px;
}
.BannerYear {
	width:18%;
}
.bannertoplevel .MiddleText .BannerText img {
	margin-left:0;
	width:100%;
	min-width:316px;
	max-width:316px;
	min-height:68px;
}
.HeroDescription {
	top: 250px;
	width: 85%;
	margin: 0 100px;
}
.overlay {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 480px;
}
.Introduction,.Intronopadding {
	padding: 53px 0px;
}
.CenteredWhiteContent {
	padding: 30px 0;
}

.Funnellwithicon h2.small {
	min-height: 51px;
}
.FamilyCareKitDescr {
	height:253px;
}
.BottomGreyLeft2 p {
	line-height: 22px;
}
.IntroductionProdDetail {
    padding: 53px 0px 53px 0px;
}
.FamilyCareKitImg img {
	width:100%;
	text-align:center;
}
.IntroInvestment {
    padding: 40px 30px;
}
.Albridge img, .Netx img {
    padding-bottom: 0px;
}
.InvInstructions, .InvBelowInstructions{
	padding: 40px 30px;
}
.InvGLeft, .InvGRight {
	padding: 20px 30px;
}
.AccountYellowbar .Leftbar, .AccountYellowbar .Rightbar{
	font-size:12px;	
}
.savingstopdescription {
	border-bottom: 0px;
}

.campaignform .LiveForm.Default .Field.Required input, .campaignform .LiveForm.Default input{
	width:100% !important;
	max-width:600px !important;
	
}
}

@media only screen and (min-width: 830px) and (max-width: 992px) {
.campaignform .LiveForm.Default .Field.Required input, .campaignform .LiveForm.Default input {
	min-width:400px;
}
.campaignform .LiveForm.Default input.causesValidation {
	min-width:200px;
}
.campaignform p.smallnote {
	max-width: 335px;
}
}

@media only screen and (max-width: 991px) {

.Funnellwithicon p:nth-child(3) {
	min-height: 120px;
}

.Locationsbox, .locationNoATM {
    display: block;
}

.RightHistory{
  height: auto; 
  padding-left: 0;
  padding-bottom: 35px;
}

.banner img, .bannertoplevel img, .bannersecondlevel img{
	/*margin-left: -510px;*/
}
.BannerYear {
	width: 21%;
}
.bannertoplevel .MiddleText {
    top: 173px;
	width: 100%;
	margin:0;
}
.bannertoplevel .MiddleText .BannerText img {
	margin-left:0;
	width:100%;
	min-width:316px;
	max-width:316px;
	min-height:68px;
}
.HeroDescription {
	top: 250px;
	width: 85%;
	margin: 0 76px;
}
.Greyfull, .Whitefull,.Notice {
	padding: 35px 118px;
}

.FamilyCareKitDescr{
  height: 283px;
}



}

@media only screen and (max-width: 767px) {
.campaignform {
    padding: 40px 0 10px 20px;
}
.campaignform p.smallnote {
	max-width: 100px;
}

.overlay {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 480px;
}
.onlyPortablesHr{
  display: block;
  margin: 0 0 30px 0 !important;
}
.FamilyCareKitDescr{
  height: auto;
}

.FamilyCareKitImg img {
	margin: auto;
  margin-top: 20px;
}
.centeredheader {
    padding: 10px 0 10px 0;
}

.centeredheader p{
  text-align: center;
  }

.IntroPaddingBottom15 {
    padding: 15px 0 0 0;
}
.normallineheight ul {
	margin-left:20px;
}
.Locationsbox, .locationNoATM{
  min-height: auto;
}
.ColA .Locationsbox, .ColB .Locationsbox, .ColC .Locationsbox, .ColD .Locationsbox{
  min-height: auto;
  
}
.halfA1 .Locationsbox{
	min-height: auto;
}
.RightHistory{
  padding-bottom: 0px;
}

.banner img, .bannertoplevel img, .bannersecondlevel img {
    width: 100%;
    min-height: 274px;
    min-width: 2000px;
    overflow:hidden;
	/*margin-left: -510px;*/
}


.specialBusiness, .specialRetirement, .specialInvestments{
  margin-left: -428px !important;
}

.specialCheckingSavings
{
  margin-left: -269px !important;
}

.Middletext, .banner .BannerText{
	width:100%;
	margin:0;
}
.Middletext {
	top: 92px;
}
.banner .BannerText {
	line-height: 45px;
}
.BannerYear {
	width: 27%;
}
.bannertoplevel .HeroDescription {
	display:none;
}
.bannertoplevel .MiddleText .BannerText img {
	margin-left:0;
	width:100%;
	min-width:316px;
	max-width:316px;
	min-height:68px;
}
.Funnellwithicon p:nth-child(3) {
    min-height: 67px;
}
.Orangebar p {
	line-height:35px;
}
.GreySectionInnerSecond .dnn_layout {
    padding-right: 15px;
}
.GreySectionInner, .GreySectionInnerSecond {
    padding: 30px 0;
}

.Intronopadding {
	padding-top:10px;
}
.AccountYellowbar .Leftbar, .AccountYellowbar .Rightbar {
	width:100%;
	float:none;
	margin:0;
}
.AccountYellowbar .Rightbar {
	border-left: 3px solid #e7ba3a;
	border-top: none;
	margin-bottom: 20px;
}
.savingstopdescription h2 {
    text-align: center;
    padding-bottom: 22px;
    font-size: 18px;
}
.savingstopdescription {
    padding: 20px 0 10px 0;
	margin-bottom: 15px;
}
.AccountDetails p, .CRAccountDetails p{
	width: 100%;
	padding-right: 0;
	text-align: center;
	font-size: 16px;
	border-bottom: none;
}
.Greyfull, .Whitefull,.Notice {
	padding: 35px 40px;
}
.FamilyCareKitDescr {
	height: auto;
	display:block;
}
.FamilyCareKitDescr{
  padding-right: 0;
	padding-top: 15px;
  text-align: center;
}
.AccountYellowbar .Leftbar, .AccountYellowbar .Rightbar {
	padding: 8px 7px;
}
.paddingbottom35 {
    padding-bottom: 10px;
}
.paddingtopbottom35/*	, .WhiteSavings2*/{

    padding: 15px 0;
}

.GreyLeft .contentleft{
	padding:35px 0px 17px 0px;
}

.GreyRight .contentright{
	padding:17px 0px 35px 0px;
}
p.italicsub{margin-top: 15px;}

.trustservleft{
 text-align: center;
}


/*.Grey{
  padding: 20px 0;
  }*/

}

@media only screen and (max-width: 600px) {
.Greyfull, .Whitefull,.Notice {
	padding: 35px 0px;
}
.banner img, .bannertoplevel img, .bannersecondlevel img {
	/*margin-left: -763px;*/
}
.BannerYear {
    width: 34%;
    margin: 0 auto;
}

p.mindeposit {
	text-align: center;
	font-size: 11px;
	margin-bottom:10px;
}
p.numbers {
	text-align:center;
	font-size:20px;
	margin-bottom:10px;
}
p.iratypes {
	text-align:center;
}

.containerText p{
  font-size: 14px;
  line-height: 14px;
}
p.whiteCap{
  font-size: 16px;
  margin-top: 16px;
}
}

@media only screen and (max-width: 480px) {
.campaignform .LiveForm.Default .Field.Required input, .campaignform .LiveForm.Default input {
	min-width:auto;
}
.campaignform {
        padding: 40px 0 10px 15px;
}
.banner img, .bannertoplevel img, .bannersecondlevel img{
	/*margin-left: -799px;*/
}
.BannerYear {
    width: 50%;
    margin: 0 auto;
}

.bannersecondlevel h2, .bannersecondlevel h1{
  font-size: 30px;
}

}

@media only screen and (max-width: 350px) {
.Middletext {
    top: 86px;
}
.banner img, .bannertoplevel img, .bannersecondlevel img {
	/*margin-left: -844px;*/
}
.BannerYear {
    width: 59%;
    margin: 0 auto;
}
.BannerYear p.italicfont {
	margin-top: 8px;
}
.BannerYear p.year {
	line-height: 47px;
}
}	

/*CONTACT FORM POP UP 26.05.2022.*/

#ContactFormPopup p.ContactTitle {
  color: #007153;
}
#ContactFormPopup p.contactdescription {
  color: #363636;
  margin-bottom: 0;
	line-height: 25px;
}
/*#ContactFormPopup .LiveForm.Default .Field.Required input {
	border-left: solid #007153 5px !important;
}*/
.greenbutton.mb-25 {
  margin: 0 0 42px 0;
}
.panel-group.NewsCatBox {
	max-width: 280px;
  margin: 0 auto;
}
.panel-group.NewsCatBox .panel-heading a {
	display:block;
}
.NewsCatBox .arrow-toggle {
      width: 0;
      height: 0;
      margin-left: 8px;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 6px solid #333;
      transition: transform 0.3s ease;
	  float: right;
  margin-top: 7px;
}
.NewsCatBox .panel-title a:not(.collapsed) .arrow-toggle {
      transform: rotate(180deg);
}
.NewsCatBox .panel-body {
	padding:0 15px;
}
.NewsCatBox .eds_news_BlogOne.eds_subCollection_categoryMenu ul.edn_category_menu_wrapper li.level_0 > div { 
	padding: 9px 4px !important;
}
.eds_news_BlogOne #BlogDetail.article .image_wrapper.no_text img {
	margin-bottom:15px;
}
@media only screen and (max-width: 992px) {
.eds_news_NewsOne.eds_subCollection_news #ThreeColBlog .article.in_list.box.normal {
    max-width: 320px;
    float: none;
    margin: 20px auto;
  }
}
@media only screen and (min-width:1024px) {
.eds_news_BlogOne #BlogDetail.article {
	max-width:850px;
	margin:0 auto;
}
}