/* Vienna Commissary */
/* 70th Anniversary */
/* 2017 Mortgage Closing Costs */
/* 2017 - 201806 Signature Loans */
/* 2017 fha */
/* bod election */
/* 2019 BOD election update */
/* 2017 q2 home loans */
/* 2018 q2 digital banking */
/* 2017 q2 digital banking */
/* 2018 DIGITAL BANKING map */
/* 2018 DIGITAL BANKING trench */
/* 2018 Debit Card / ATM */
/* 2018 q1 6/1 ARM */
/* 2018 q1 Home Improvement Loan */
/* 2018 Amazon */
/* 201904 Member Loyalty Rewards */
/* 201904 Member Loyalty Rewards - Rotating */



/*--------------------------------------- VIENNA COMMISSARY ---------------------------------------------*/
/*********************************************************************************************************/

.hero-vienna-commissary-q3 {
	min-height: 250px;
	overflow: hidden;
	position: relative;
	}

.vienna-commissary-deposit {background: #99288c;}
.vienna-commissary-deposit:before {color: #a54397;}
.vienna-commissary-cards {background: #54c6e6;}
.vienna-commissary-cards:before {color: #7dd0e9;}

.hero-vienna-commissary-q3:before {
	content: "\E026";
	font-size: 540px;
	line-height: 540px;
	top: -260px;
	right: 15%;
	position: absolute;
	}

.hero-vienna-commissary-q3 h2 {
	color: #fff;
	font-weight: 300;
	font-size: 95px;
	margin-bottom: 0px;
	line-height: 1.1;
	padding-left: 22%;
	margin-top: 25px;
	}

.hero-vienna-commissary-q3 h3 {
	text-align: center;
	font-size: 50px;
	font-weight: 300;
	color: #fff;
	}

.hero-vienna-commissary-q3 .flex-control-nav {display: none;}

/* max 1300 */
@media only screen and (max-width: 1300px) {.hero-vienna-commissary-q3:before {right: -50px;}}

/* max 999 */
@media only screen and (max-width: 999px) {
	.hero-vienna-commissary-q3 h2 {font-size: 85px; padding-left: 15%;}
	.hero-vienna-commissary-q3 h3 {font-size: 40px;}
	.hero-vienna-commissary-q3 {min-height: 220px;}
	.hero-vienna-commissary-q3:before {font-size: 450px;}
}

/* max 599 */
@media only screen and (max-width: 599px) {
	.hero-vienna-commissary-q3 h2 {font-size: 65px; padding-left: 15%;}
	.hero-vienna-commissary-q3 h3 {font-size: 30px;}
	.hero-vienna-commissary-q3 {min-height: 180px;}
	.hero-vienna-commissary-q3:before {font-size: 380px;}
	}

/* max 449 */
@media only screen and (max-width: 449px) {
	.hero-vienna-commissary-q3 h2 {font-size: 45px; padding-left: 0; text-align: center;}
	.hero-vienna-commissary-q3 h3 {font-size: 22px;}
	.hero-vienna-commissary-q3 {min-height: 140px;}
	.hero-vienna-commissary-q3:before {font-size: 280px;}
	}

/*--------------------------------------- 70TH ANNIVERSARY ---------------------------------------------*/
/********************************************************************************************************/

/* 70TH ANNIVERSARY HERO BANNER */

.hero-70thAnniversary-q3 {
	position: relative;
	z-index: 100;
	}

.hero-70thAnniversary-q3 .h2 {
	background: rgba(0,139,204,.95);
	display: block;
	text-align: center;
	color: #fff;
	width: 300px;
	padding: 20px 30px;
	padding-bottom: 30px;
	margin: auto;
	margin-top: 50px;
	line-height: 1.2;
	font-weight: 300;
	font-size: 28px;
	position: relative;
	}

.hero-70thAnniversary-q3 .h2 img {
	width: 100%;
	text-align: center;
	padding: 20px 30px;
	margin: auto;
	margin-top: 0px;
}

.hero-70thAnniversary-q3 .flexslider-marquee-fade .flex-control-nav {display: none;}

.hero-70thAnniversary-q3 .flexslider-marquee-fade, .hero-70thAnniversary-q3 .flexslider-marquee-fade .slides, .hero-70thAnniversary-q3 .flexslider-marquee-fade .slides li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.hero-70thAnniversary-q3 .flexslider-marquee-fade .slides, .hero-70thAnniversary-q3 .flexslider-marquee-fade .slides li {z-index: -10;}

.hero-70thAnniversary-q3 #slide-train, .hero-70thAnniversary-q3 {
	background: url(/uploadedImages/UNFCU/About_Us/Our_Company/70th_Anniversary/landing_banner_slide-train.jpg) 50% 50%;
	background-size: cover;
	}

.hero-70thAnniversary-q3 #slide-airport {
	background: url(/uploadedImages/UNFCU/About_Us/Our_Company/70th_Anniversary/landing_banner_slide-airport.jpg) 50% 50%;
	background-size: cover;
	}

#Anniversary-disclosure .alert-disclosure-container {
	padding-top: 10px;
	padding-bottom: 40px;
}

#Anniversary-disclosure .alert-disclosure-container ol {
	max-width: none !important;
}


/* 70TH ANNIVERSARY TILES - GENERAL */

#AnniversaryTiles .featured-shadow {
	background: #fff;
	padding: 0px;
	margin: 0px;
	}

#AnniversaryTiles .tile-content-container, #AnniversaryTiles .tile-container-right, #AnniversaryTiles .tile-container-right-multi {
	display: table-cell;
	height: 100%;
	position: relative;
}

#AnniversaryTiles .tile-content-container {
	width: 100%;
	float: none;
}

#AnniversaryTiles .full-tile .tile-content-container {
	vertical-align: middle;
	padding: 30px;
}

#AnniversaryTiles .full-tile:before {
	z-index: 100 !important;
	position: absolute !important;
	width: 100%;
	text-align: right;
	padding-top: 15px;
	padding-right: 20px;
	margin: 5% auto;
	vertical-align: top;
	font-size: 36px;
	line-height: 0em !important;
}

#AnniversaryTiles .tile-content-container.split-80 {
	width: 100%;
	padding-right: 90px;
}

#AnniversaryTiles .tile-content-container.split-50 {
	width: 50%;
	float: none;
}

#AnniversaryTiles .tile-content-container .tile-content {
	padding: 20px 30px 30px 30px;
}

#AnniversaryTiles .full-tile .tile-content-container .tile-content {
	padding: 30px 0px 20px;
}

#AnniversaryTiles .tile-content-container.split-50 .tile-content {
	padding-right: 20px;
}

#AnniversaryTiles .tile-content h2, #AnniversaryTiles .tile-content h2 a {
	margin-top: 15px;
	font-size: 26px;
}

#AnniversaryTiles .full-tile .tile-content h2, #AnniversaryTiles .full-tile .tile-content h2 a {
	font-weight: 300 !important;
	font-size: 30px;
	line-height: 1.3;
	padding-right: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#AnniversaryTiles .full-tile .tile-content h2 a:hover {
	border-bottom: 2px solid rgba(255,255,255,.5) !important;
}

#AnniversaryTiles .tile-content h2 a.triangle-link {
	padding-right: 20px;
	padding-right: 0px;
	position: relative;
	font-family: 'roboto', Arial, Sans-Serif;
	font-weight: 400;
}

#AnniversaryTiles .tile-content h2 a.triangle-link:after {
	text-decoration: none;
	font-family: "unfcu" !important;
    content: "\e043";
	position: relative;
	font-size: .8em;
}

#AnniversaryTiles .modal-link, #AnniversaryTiles .play-link, #AnniversaryTiles .leave-link {
	white-space: normal !important;
}

#AnniversaryTiles .modal-link:after, #AnniversaryTiles .play-link:after, #AnniversaryTiles .leave-link:after {
	font-size: .8em;
	padding-left: 8px !important;
}

#AnniversaryTiles .tile-content a.h6.sort-link {
	font-size: 14.5px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

#AnniversaryTiles .tile-content a.h6.sort-link:hover {
	text-decoration: underline !important;
}

#AnniversaryTiles .full-tile .tile-content a.h6.sort-link {
	font-size: 14.5px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	padding-top: 25px;
	z-index: 1000;
}

#AnniversaryTiles .tile-content h6.subtitle {
	color: #4b4b4b;
	text-transform: uppercase;
	margin-bottom: 10px;
	opacity: .66;
}

#AnniversaryTiles .tile-content h6.subtitle-light {
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
	opacity: .66;
}

#AnniversaryTiles .tile-content .sort-deactivated {
	background: none !important;
}

#AnniversaryTiles .tile-container-right.bkgdphoto {
	width: 50%;
	float: none;
	background: #dadcdc;
	vertical-align: top;
	background-size: cover;
	background-position: 50% 50%;
	position: absolute;
	top: 0px;
	right: 0px;
}

#AnniversaryTiles .tile-container-right.nophoto {
	width: 80px;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	vertical-align: top;
}

#AnniversaryTiles .tile-container-right:before {
	z-index: 100 !important;
	position: absolute !important;
	width: 100%;
	text-align: center;
	font-size: 36px;
	line-height: 1;
	display: block;
	vertical-align: middle;
	top: 50%;
	margin-top: -22px;
}

#AnniversaryTiles .tile-container-right.bkgdphoto:after {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	content: ' ';
	top: 0px;
	left: 0px;
	z-index: 0;
	background: #fff;
		-webkit-transition: opacity 150ms linear;
    	-moz-transition: opacity 150ms linear;
    	-ms-transition: opacity 150ms linear;
    	-o-transition: opacity 150ms linear;
    transition: opacity 150ms linear;
	opacity: .90;
}

#AnniversaryTiles .tile-container-right.bkgdphoto:hover:after {
	opacity: .66;
}


#AnniversaryTiles .tile-container-right.nophoto:after {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	content: ' ';
	top: 0px;
	left: 0px;
	z-index: 0;
	background: #fff;
		-webkit-transition: opacity 150ms linear;
    	-moz-transition: opacity 150ms linear;
    	-ms-transition: opacity 150ms linear;
    	-o-transition: opacity 150ms linear;
    transition: opacity 150ms linear;
	opacity: 1;
}

#AnniversaryTiles .tile-container-right.nophoto:hover:after {
	opacity: .85;
}

#AnniversaryTiles .tile-container-right-multi {
	width: 80px;
	position: absolute;
	top: 0;
	right: 0;
	background: #61c7ce;
	vertical-align: top;
}

#AnniversaryTiles .tile-container-social {
	display: table;
	width: 100%;
	height: 25%;
	padding: 15px;
	position: relative;
	border-bottom: solid 1px rgba(255,255,255,.33);
}

#AnniversaryTiles .tile-container-social:last-of-type {
	border-bottom: none;
}

#AnniversaryTiles .tile-container-social:before {
	z-index: 100 !important;
	position: absolute !important;
	width: 66%;
	text-align: center;
	margin: auto;
	top: 50%;
	font-size: 32px;
	line-height: 1 !important;
	margin-top: -14px;
}

#AnniversaryTiles .tile-container-social:after {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	content: ' ';
	top: 0px;
	left: 0px;
	z-index: 0;
	background: #fff;
		-webkit-transition: opacity 150ms linear;
    	-moz-transition: opacity 150ms linear;
    	-ms-transition: opacity 150ms linear;
    	-o-transition: opacity 150ms linear;
    transition: opacity 150ms linear;
	opacity: 0;
}

#AnniversaryTiles .tile-container-social:hover:after {
	opacity: .2;
}

/* 70TH ANNIVERSARY TILES - COLORS */

#AnniversaryTiles a.icon:before, #AnniversaryTiles a.icon:visited:before {
	color: #fff !important;
		-webkit-transition: opacity 150ms linear;
    	-moz-transition: opacity 150ms linear;
    	-ms-transition: opacity 150ms linear;
    	-o-transition: opacity 150ms linear;
    transition: opacity 150ms linear;
	opacity: 1;
}

#AnniversaryTiles .full-tile.icon:before, #AnniversaryTiles .full-tile.icon:visited:before, #AnniversaryTiles .full-tile.icon:hover:before {
	color: #fff !important;
	opacity: .4 !important;
}

#AnniversaryTiles .FastFact-tile.full-tile.icon:before, #AnniversaryTiles .FastFact-tile.full-tile.icon:visited:before, #AnniversaryTiles .FastFact-tile.full-tile.icon:hover:before {
	opacity: .4 !important;
}

#AnniversaryTiles a.icon:hover:before {
	color: #fff !important;
	opacity: .66 !important;
}

#AnniversaryTiles .full-tile .tile-content a.h6, #AnniversaryTiles .full-tile .tile-content h2 a {
	color: #fff !important;
}

/* Event color */

/* :after creates color block overlay on right-side of tiles */
#AnniversaryTiles .Event-tile .tile-container-right:after, .Event-tile.full-tile .tile-content-container {
	background: #8cbd54;
}

.Event-tile .tile-content a.h6, .Event-tile .tile-content h2, .Event-tile .tile-content h2 a {
	color: #8cbd54 !important;
}

#AnniversaryTiles .Event-tile .tile-content h2 a:hover {
	border-bottom: 1.5px solid rgba(140,189,84,.7);
}


/* Fast Fact color */

/* :after creates color block overlay on right-side of tiles */
#AnniversaryTiles .FastFact-tile .tile-container-right:after, .FastFact-tile.full-tile .tile-content-container {
	background: #fbb543;
}

.FastFact-tile .tile-content a.h6, .FastFact-tile .tile-content h2, .FastFact-tile .tile-content h2 a {
	color: #f8aa22 !important;
}

#AnniversaryTiles .FastFact-tile .tile-content h2 a:hover {
	border-bottom: 1.5px solid rgba(248,170,34,.7);
}


/* Photo color */

/* :after creates color block overlay on right-side of tiles */
#AnniversaryTiles .Photo-tile .tile-container-right:after, .Photo-tile.full-tile .tile-content-container {
	background: #94435f;
}

.Photo-tile .tile-content a.h6, .Photo-tile .tile-content h2, .Photo-tile .tile-content h2 a {
	color: #94435f !important;
}

#AnniversaryTiles .Photo-tile .tile-content h2 a:hover {
	border-bottom: 1.5px solid rgba(148,67,95,.7);
}


/* Social color */

/* :after creates color block overlay on right-side of tiles */
#AnniversaryTiles .Social-tile .tile-container-right:after, .Social-tile.full-tile .tile-content-container {
	background: #61c7ce;
}

.Social-tile .tile-content a.h6, .Social-tile .tile-content h2, .Social-tile .tile-content h2 a {
	color: #61c7ce !important;
}

#AnniversaryTiles .Social-tile .tile-content h2 a:hover {
	border-bottom: 1.5px solid rgba(97,199,206,.7);
}


/* Testimonials color */

/* :after creates color block overlay on right-side of tiles */
#AnniversaryTiles .Testimonial-tile .tile-container-right:after, .Testimonial-tile.full-tile .tile-content-container {
	background: #006aa7;
}

.Testimonial-tile .tile-content a.h6, .Testimonial-tile .tile-content h2, .Testimonial-tile .tile-content h2 a {
	color: #006aa7 !important;
}

#AnniversaryTiles .Testimonial-tile .tile-content h2 a:hover {
	border-bottom: 1.5px solid rgba(0,106,167,.85);
}


/* Video color */

/* :after creates color block overlay on right-side of tiles */
#AnniversaryTiles .Video-tile .tile-container-right:after, .Video-tile.full-tile .tile-content-container {
	background: #f16f53;
}

.Video-tile .tile-content a.h6, .Video-tile .tile-content h2, .Video-tile .tile-content h2 a {
	color: #f16f53 !important;
}

#AnniversaryTiles .Video-tile .tile-content h2 a:hover {
	border-bottom: 1.5px solid rgba(241,111,83,.7);
}


/* 70TH ANNIVERSARY ALT ICONS */

#AnniversaryTiles .featured-shadow .icon-bell:before {content: "\e051";}
#AnniversaryTiles .featured-shadow .icon-event:before {content: "\e072";}
#AnniversaryTiles .featured-shadow .icon-fastfact:before {content: "\e024";}
#AnniversaryTiles .featured-shadow .icon-testimonial:before {content: "\e017";}
#AnniversaryTiles .featured-shadow .icon-photo:before {content: "\e034";}
#AnniversaryTiles .featured-shadow .icon-facebook:before {content: "\e064";}
#AnniversaryTiles .featured-shadow .icon-instagram:before {content: "\e062";}
#AnniversaryTiles .featured-shadow .icon-twitter:before {content: "\e066";}
#AnniversaryTiles .featured-shadow .icon-youtube:before {content: "\e061";}


/* 70TH ANNIVERSARY MODALS - ALL */

.EventActivity-modal h6.subtitle, .Testimonial-modal h6.subtitle, .FastFact-modal h6.subtitle, .Social-modal h6.subtitle {
	background: none;
    color: #4b4b4b;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 15px;
	margin-bottom: 20px;
	opacity: .66;
}

/* 70TH ANNIVERSARY MODALS - EVENTS */

.EventActivity-modal .divider-bar-60 {border-top: solid 4px #8cbd54;}
.EventActivity-modal h2 {color: #8cbd54; font-size: 27px;}

.EventActivity-modal h6.modal-label {
	background: #8cbd54;
	color: #fff; 
	text-transform: uppercase;
	font-size: 15px;
    line-height: 15px;
	padding: 7px 20px 4px;
	margin-bottom: 30px;
}

.EventActivity-modal td h6.modal-label {
	margin-top: 30px !important;
}

/* 70TH ANNIVERSARY MODALS - FAST FACTS */

.FastFact-modal .divider-bar-60 {border-top: solid 4px #fbb543;}
.FastFact-modal h2 {color: #fbb543; font-size: 27px;}

.FastFact-modal h6.modal-label {
	background: #fbb543;
	color: #fff; 
	text-transform: uppercase;
	font-size: 15px;
    line-height: 15px;
	padding: 7px 20px 4px;
	margin-bottom: 40px;
}

/* 70TH ANNIVERSARY MODALS - PHOTOS */

.photo-modal .modal-content {background-color: rgba(0,0,0,.75); padding-left: 0px; padding-right:0px;}

.photo-modal .modal-dialog {margin-top: 5%;}

.photo-modal .modal-content .close {
	color: #f2f4f4 !important;
	font-weight: 300;
	font-family: 'Roboto', Arial, Sans-Serif;
	opacity: .66;
	}

.photo-modal .modal-content .close:hover, .photo-modal .modal-content .close:focus  {opacity: .88;}

.photo-modal .carousel .item {height: 500px;}

.photo-modal .carousel .item .display-table {text-align: center; width: 90%; margin-left: 5%; }

.photo-modal .carousel .item .display-table:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
	}

.photo-modal .carousel img {max-height: 500px; text-align: center; max-width: 95%;}

.photo-modal .carousel .carousel-control {background: none !important; text-shadow: none;}
.photo-modal-single .carousel .carousel-control {display: none !important;}

.photo-modal .carousel .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right: -50px;}

.photo-modal .carousel .carousel-control .glyphicon-chevron-left, .carousel-control .icon-next {margin-left: -50px;}

.photo-modal .carousel .carousel-control .glyphicon:before {color: #fff !important;}


/* 70TH ANNIVERSARY MODALS - TESTIMONIALS */

.Testimonial-modal .divider-bar-60 {border-top: solid 4px #006aa7;}
.Testimonial-modal h2 {color: #006aa7; font-size: 27px;}

.Testimonial-modal h6.modal-label {
	background: #006aa7;
	color: #fff; 
	text-transform: uppercase;
	font-size: 15px;
    line-height: 15px;
	padding: 7px 20px 4px;
	margin-bottom: 40px;
}

/* 70TH ANNIVERSARY MODAL RESPONSIVE BREAKPOINTS */

/* max 859 */
@media only screen and (max-width: 859px) {  
.photo-modal .carousel .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right: -37px;}
.photo-modal .carousel .carousel-control .glyphicon-chevron-left, .carousel-control .icon-next {margin-left: -37px;}
.photo-modal .modal-content {padding: 20px 20px; }
}

/* max 599 */
@media only screen and (max-width: 599px) { 
	.photo-modal .carousel .item {height: 400px;}
	.photo-modal .carousel img {max-height: 400px;}
	}

/* max 449 */
@media only screen and (max-width: 449px) { 
	.photo-modal .carousel .item {height: 300px;}
	.photo-modal .carousel img {max-height: 300px;}
	.photo-modal .close {right: 5px; top: 5px; }
	}

/* max 449 */
@media only screen and (max-width: 350px) { 
	.photo-modal .carousel .item .display-table {width: 100%; margin-left: 0%; }
	}


/* 70TH ANNIVERSARY RESPONSIVE BREAKPOINTS */

/* max 1160 */
@media only screen and (max-width: 1160px) {
	
	.hero-70thAnniversary-q3 .h2 {
		margin-top: 30px;
	}
}

/* 860 - 999 */
@media only screen and (max-width: 999px) and (min-width: 860px), only screen and (max-width: 500px) {

#AnniversaryTiles .tile-content-container.split-50 {width: 100%; display: block; padding-bottom: 125px;}
#AnniversaryTiles .tile-container-right.bkgdphoto {display: block; width: 100%; height: auto; position: absolute; bottom: 0px; height: 140px; top: auto;}

#AnniversaryTiles .tile-content-container.split-80 {padding-right: 0px; padding-bottom: 50px;}
#AnniversaryTiles .tile-container-right.nophoto {bottom: 0px; height: 60px; width: 100%; top: auto;}
#AnniversaryTiles .tile-container-right-multi {width: 100%; bottom: 0px; top: auto; height: 60px;}
#AnniversaryTiles .tile-container-social {width: 25%; height: 100%; border-bottom: none; display: block; float: left; border-right: solid 1px #fff;}
#AnniversaryTiles .tile-container-social:last-of-type {border: none;}

#AnniversaryTiles .full-tile .tile-content h2, #AnniversaryTiles .full-tile .tile-content h2 a {font-size: 26px;}
#AnniversaryTiles h2, #AnniversaryTiles h2 a {font-size: 23px;}
#AnniversaryTiles .tile-container-right:before {margin-top: -18px;}
}

/* max 859 */
@media only screen and (max-width: 859px) {
	
	.hero-70thAnniversary-q3 {
		height: 260px !important;
	}
	
	.hero-70thAnniversary-q3 .h2 {
		width: 260px;
		padding: 10px 15px;
		padding-bottom: 20px;
		margin-top: 35px;
		font-size: 22px;
	}
	
	.hero-70thAnniversary-q3 .h2 img {
		width: 90%;
	}
}

/* max 599 */
@media only screen and (max-width: 599px) {
	
	.hero-70thAnniversary-q3 .h2 {
		width: 220px;
		margin-top: 40px;
		font-size: 20px;
	}
	
	.hero-70thAnniversary-q3 .h2 img {
		width: 100%;
	}
}

/* max 449 */
@media only screen and (max-width: 449px) {
	
	.hero-70thAnniversary-q3 #slide-airport {
		background: url(/uploadedImages/UNFCU/About_Us/Our_Company/70th_Anniversary/landing_banner_slide-airport.jpg) 70% 50%;
		background-size: cover;
	}

	.hero-70thAnniversary-q3 {
		background: rgba(0,0,0, 1) !important; 
		/* border-bottom: solid 6px #008bcd; */
	}
	
	.hero-70thAnniversary-q3 .flexslider-marquee-fade {
		opacity: .55 !important;
	}
	
	.hero-70thAnniversary-q3 .h2 {
		background: rgba(0,139,204, 0);
		width: 260px;
		margin-top: 20px;
	}

	.hero-70thAnniversary-q3 .h2 span.text-bkgd-mobile {
		background: rgba(0,139,204, 1);
		padding: 8px 15px;
	}
}

/* END OF 70TH ANNIVERSARY */

/*--------------------------------------- 2017 MORTGAGE CLOSING COSTS ---------------------------------------------*/
/*******************************************************************************************************************/

.hero-mortgage-q3 {
	position: relative;
	height: 300px !important;
	min-height: auto;
	z-index: 100;
	}


.hero-mortgage-q3 .h2 {
	background: rgba(64,175,73,.95);
	display: inline-block;
	padding: 25px;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
	margin-top: 70px;
	margin-left: -30px;
	line-height: 1.2;
	font-weight: 300;
	font-size: 28px;
	}

.hero-mortgage-q3 .flexslider-marquee-fade .flex-control-nav {display: none;}

.hero-mortgage-q3 .flexslider-marquee-fade, .hero-mortgage-q3 .flexslider-marquee-fade .slides, .hero-mortgage-q3 .flexslider-marquee-fade .slides li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.hero-mortgage-q3 .flexslider-marquee-fade .slides, .hero-mortgage-q3 .flexslider-marquee-fade .slides li {z-index: -10;}

.hero-mortgage-q3 #slide-family, .hero-mortgage-q3 {
	background: url(/uploadedImages/UNFCU/Products/US_Home_Loans/Mortgages/201708_MortgageClosingCost_MainImage.jpg) 0% 40%;
	background-size: 120%;
	}

.hero-mortgage-q3 #slide-couple {
	background: url(/uploadedImages/UNFCU/Products/US_Home_Loans/Mortgages/201708_MortgageClosingCost_MainImage2.jpg) 0% 33%;
	background-size: 120%;
	}


.hero-mortgage-q3 .hero-content {
	background: rgba(255, 255, 255,.95);
	width: 450px;
	display: inline-block;
	padding: 35px 30px;
	margin-top: 20px;
	margin-left: -30px;
	line-height: 1.2;
	}

.hero-mortgage-q3 .hero-content h2 {
	color:#f08c21 !important;
	font-weight: 500;
	font-size: 32px;
	margin-bottom: 8px;
	}

.hero-mortgage-q3 .hero-content h3 {
	color: #7a7e7a;
	text-transform: uppercase;
	font-size: 23px;
	margin-bottom: 0px;
	}


/* max 1160 */
@media only screen and (max-width: 1160px) {
	.hero-mortgage-q3 #slide-family, .hero-mortgage-q3 {
		background: url(/uploadedImages/UNFCU/Products/US_Home_Loans/Mortgages/201708_MortgageClosingCost_MainImage.jpg) 0% 40%;
		background-size: 150%;
		}

	.hero-mortgage-q3 #slide-couple {
		background: url(/uploadedImages/UNFCU/Products/US_Home_Loans/Mortgages/201708_MortgageClosingCost_MainImage2.jpg) 0% 35%;
		background-size: 160%;
		}
}


/* max 859 */
@media only screen and (max-width: 859px) {
	.hero-mortgage-q3 .hero-content {
	width: 330px;
	}

}

/* max 750 */
@media only screen and (max-width: 750px) {
	
	.hero-mortgage-q3 .hero-content h2 {
	font-size: 25px;
	margin-bottom: 8px;
	}

.hero-mortgage-q3 .hero-content h3 {
	font-size: 18px;
	font-weight: 600;
	}

	.hero-mortgage-q3 .hero-content {
	margin-left: 0px;
	width: 300px;
	}
}

/* max 599 */
@media only screen and (max-width: 449px) {
	.hero-mortgage-q3 {
	height: auto !important;
	}
	
	.hero-mortgage-q3 .hero-content {
	width: 100%;
	padding: 25px 30px;
	margin: 30px auto;
	text-align: center;
	background: rgba(255,255,255,.95);
	}

	.hero-mortgage-q3 .hero-content h2 {
	color:#f08c21 !important;
	font-weight: 500;
	font-size: 25px;
	margin-bottom: 8px;
	}

.hero-mortgage-q3 .hero-content h3 {
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 0px;
	}
}

/*--------------------------------------- 2017 SIGNATURE LOANS ---------------------------------------------*/
/************************************************************************************************************/


.hero-signatureDirect-q3 {
	position: relative;
	height: 260px !important;
	min-height: auto;
	z-index: 100;
	}


.hero-signatureDirect-q3 .h2 {
	background: rgba(64,175,73,.95);
	display: inline-block;
	padding: 25px;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
	margin-top: 70px;
	margin-left: -30px;
	line-height: 1.2;
	font-weight: 300;
	font-size: 28px;
	}

.hero-signatureDirect-q3 .flexslider-marquee-fade .flex-control-nav {display: none;}

.hero-signatureDirect-q3 .flexslider-marquee-fade, .hero-signatureDirect-q3 .flexslider-marquee-fade .slides, .hero-signatureDirect-q3 .flexslider-marquee-fade .slides li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.hero-signatureDirect-q3 .flexslider-marquee-fade .slides, .hero-signatureDirect-q3 .flexslider-marquee-fade .slides li {z-index: -10;}

.hero-signatureDirect-q3 #slide-hiking, .hero-signatureDirect-q3 {
	background: url(/uploadedImages/UNFCU/Products/Consumer_Loans/Signature_Loan/SL-IHL-Reduced_main_banner_201806.jpg) 45% 28%;
	background-size: cover;
	}

.hero-signatureDirect-q3 #slide-flight {
	background: url(/uploadedImages/UNFCU/Products/Consumer_Loans/Signature_Loan/SigntaureLoanDirect_LandingPage_2.jpg) 50% 28%;
	background-size: cover;
	}

.hero-signatureDirect-q3 #slide-wedding {
	background: url(/uploadedImages/UNFCU/Products/Consumer_Loans/Signature_Loan/SigntaureLoanDirect_LandingPage_3.jpg) 50% 22%;
	background-size: cover;
	}

.hero-signatureDirect-q3 #slide-party {
	background: url(/uploadedImages/UNFCU/Products/Consumer_Loans/Signature_Loan/SigntaureLoanDirect_LandingPage_1.jpg) 50% 35%;
	background-size: cover;
	}


/* max 750 */
@media only screen and (max-width: 750px) {  
	.hero-signatureDirect-q3 .h2 {
		width: 80%;
		text-align: center;
		margin: 0px 10%;
		margin-top: 150px;
		padding: 20px 30px;
		font-size: 25px;
		}
}

/* max 550 */
@media only screen and (max-width: 550px) {  
	.hero-signatureDirect-q3 .h2 {
		font-size: 20px;
		margin-top: 150px;
		}
}




/*------------------------------------------2017 FHA -----------------------------------------------------*/
/*********************************************************************************************************/

.hero-fha {
	background: url(/uploadedImages/UNFCU/Promotions/Campaigns/2017/Q3_FHA/FHA.jpg) right 70% no-repeat;
	background-size: cover;
	border-bottom: solid 4px #f08c21;
	}

/*--------------------------------------- BOD ELECTION 2017 ---------------------------------------------*/
/*********************************************************************************************************/

.hero-bod-election {
	background-color: #008bcd;
	background-size: cover;
	border-bottom: solid 4px #004b8d;
	width: 100%;
	height: 240px;
	padding: 0px 0px;
	overflow: hidden;
	}
	
.hero-bod-election .hero-bod-container {
	display: table;
	background: none !important;
	border-top: none;
	margin: 0px auto;
	position: relative;
	}

.hero-bod-election .hero-bod-content {
	display: table-cell;
	vertical-align: middle;
	height: 240px;
	padding: 0px 20px;
	position: relative;
	z-index: 10;
	}

.hero-bod-election h1, .hero-bod-election h2 {color: #fff;}

.hero-bod-election h1 {margin-bottom: 10px;}
	
.hero-bod-election .icon:before {
	font-size: 450px;
	color: #006aa7;
	bottom: 15px;
	right: 80px;
	position: absolute;
	}

/* max 1159 */
@media only screen and (max-width: 1159px) {  
.hero-bod-election .icon:before {
	right: 20px;
	}
}

/* max 999 */
@media only screen and (max-width: 999px) {  
.hero-bod-election .icon:before {
	font-size: 400px;
	right: 30px;
	}
}

/* max 859 */
@media only screen and (max-width: 859px) {  
.hero-bod-election .hero-bod-container {
	height: 200px;
	display: table;
	}

.hero-bod-election .icon:before {
	right: -70px;
	}

.hero-bod-election .hero-bod-content {
	display: table-cell;
	padding: 0px;
	}
}

/* max 749 */
@media only screen and (max-width: 749px) {  
.hero-bod-election .hero-bod-content {
	text-align: center;
	}

.hero-bod-election .icon:before {
	color: #006aa7;
	}
}

/* max 599 */
@media only screen and (max-width: 599px) {  
.hero-bod-election h2 {
	font-size: 20px;
	}
}

/* max 449 */
@media only screen and (max-width: 449px) {  
.hero-bod-election, .hero-bod-election .hero-bod-container {
	height: 160px;
	padding: 0px;
	border-bottom: solid 3px #004b8d !important;
	}
	
.hero-bod-election .hero-bod-content {
	height: 160px;
	}
	
.hero-bod-election .icon {
	display: none;
	}
	
.hero-bod-election h2 {
	display: none;
	}
}


/*--------------------------------------- BOD ELECTION 2019 ---------------------------------------------*/
/*********************************************************************************************************/

.hero-bod-content h1 {font-size: 38px; font-weight: 400;}

/* min 1000 */
@media only screen and (min-width: 1000px) {
    .hero-bod-content h1 {font-size: 48px;}
}	

/* min 1159 */
@media only screen and (min-width: 1159px) {
    .hero-bod-election .icon:before {right: 60px;}
/* switch when header is shortened after voting results */
/* .hero-bod-election .icon:before {right: 200px;} */
}

/* max 449 */
@media only screen and (max-width: 449px) {
    .hero-bod-content h1 {font-size: 34px;}
/* .hero-bod-election h2 {display: block;} */
}



/*--------------------------------------- 2017 Q2 HOME LOANS ---------------------------------------------*/
/*********************************************************************************************************/


.hero-homeloans-q2 h1 {
	background: #f18a20;
	display: inline-block;
	padding: 20px;
	padding-left: 100px;
	padding-right: 30px;
	color: #fff;
	width: 400px;
	margin-top: 40px;
	margin-left: -100px;
	}

.hero-homeloans-q2 {
	background: url(/uploadedImages/UNFCU/Promotions/Campaigns/2017/Q2_HomeLoans/LandingPage_MainImage.jpg) 0% 42% no-repeat;
	background-size: cover;
	position: relative;
	}

/* max 859 */
@media only screen and (max-width: 859px) {  
	.hero-homeloans-q2 {background-size: 110%;}
}


/* max 750 */
@media only screen and (max-width: 750px) {  
	.hero-homeloans-q2 h1 {
		width: 300px;
		margin-top: 20px;
		font-size: 26px;
		padding-right: 20px;
		}

	.hero-homeloans-q2 {background-size: 120%;}
}


/* max 449 */
@media only screen and (max-width: 449px) {  
	.hero-homeloans-q2 h1 {
		width: auto;
		text-align: center;
		background: #f18a20;
		margin: 0px -30px 0px -30px;
		padding: 40px 50px;
		}
}


/*--------------------------------------- 2017 DIGITAL BANKING ---------------------------------------------*/
/************************************************************************************************************/

.hero-digital-banking h1 {
	background: #004b8d;
	display: inline-block;
	padding: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 50px;
	color: #fff;
	width: 370px;
	margin-top: 0px;
	margin-left: -30px;
	}

.hero-digital-banking h2 {
	color: #fff;
	font-weight: 300;
	font-size: 52px;
	width: 45%;
	}

.hero-digital-banking {position: relative;}

.hero-digital-banking {
	background: url(/uploadedImages/UNFCU/Services/Account_Access/Online_Banking/DigitalBanking_LandingPage_MainImage.jpg) 0% 40% no-repeat;
	background-size: cover;
	position: relative;
	}

.hero-digital-banking ul, .hero-digital-banking ul li {height: 100%; position: absolute; top: 0px; left: 0px; width: 100%;}

.hero-digital-banking .flex-control-nav, .hero-digital-banking .flex-direction-nav {display: none;}

/* max 1160 */
@media only screen and (max-width: 1160px) {  
	.hero-digital-banking h2 {
		font-size: 45px;
		width: 400px;
		}
	}

/* max 859 */
@media only screen and (max-width: 859px) {  
	.hero-digital-banking h1 {
		width: 300px;
		padding-top: 30px;
		padding-bottom: 10px;
		}

	.hero-digital-banking h2 {
		font-size: 40px;
		width: 350px;
		}
}


/* max 599 */
@media only screen and (max-width: 599px) {  
	
	.hero-digital-banking h1 {
		text-align: center !important;
		width: auto;
		}

	.hero-digital-banking h2 {
		font-size: 30px;
		width: 250px;
		}

	.hero-digital-banking {
	background: url(/uploadedImages/UNFCU/Services/Account_Access/Online_Banking/DigitalBanking_LandingPage_MainImage.jpg) 0% 40% no-repeat;
	background-size: 120%;
	position: relative;
	}

}

/* max 370 */
@media only screen and (max-width: 599px) {  
	
	.hero-digital-banking h1 {
		text-align: center !important;
		width: 70%;
		margin: 0 15%;
		margin-top: 20px;
		margin-bottom: 10px;
		padding-top: 10px;
		}

	.hero-digital-banking h2 {
		font-size: 30px;
		width: 70%;
		margin: 0 15%;
		text-align: center;
		}

	.hero-digital-banking {
	background: url(/uploadedImages/UNFCU/Services/Account_Access/Online_Banking/DigitalBanking_LandingPage_MainImage.jpg) 0% 40% no-repeat;
	background-size: 140%;
	position: relative;
	}

}

/* max 449 */
@media only screen and (max-width: 449px) {  
	
	.hero-digital-banking h2 {
		display: none;
		}

}


/*--------------------------------------- 2017 DIGITAL BANKING img 2---------------------------------------------*/
/*****************************************************************************************************************/


.hero-digital-banking2 {
	background: url(/uploadedImages/UNFCU/Services/Account_Access/Online_Banking/DigitalBanking_LandingPage_MainImage_opt2.jpg) 0% 90% no-repeat;
	background-size: cover;
	}


/* max 1160 */
@media only screen and (max-width: 1300px) { 
	.hero-digital-banking2 {
		background-size: 1300px;
		background-position: 40% bottom;
	}

 }

/* max 859 */
@media only screen and (max-width: 859px) {  
	.hero-digital-banking2 {background-size: 1000px;}
}	

/* max 599 */
@media only screen and (max-width: 599px) {  
	.hero-digital-banking2 {
		background-size: 140%;
		background-position: 0% bottom;
	}

}

/* max 350 */
@media only screen and (max-width: 350px) {  
	.hero-digital-banking2 {
		background-size: cover;
		background-position: 10% bottom;
	}

}


/*----------------------------------------- 2018 DIGITAL BANKING img 3 ------------------------------------------*/
/*****************************************************************************************************************/


.hero-digital-banking3 {
	background: url(/uploadedImages/UNFCU/Services/Account_Access/Online_Banking/DigitalBanking_LandingPage_MainImage_opt3.jpg) 0% 70% no-repeat;
	background-size: cover;
	}

.hero-digital-banking3 h2 {
	color: #004b8d;
	}

/* max 1160 */
@media only screen and (max-width: 1300px) { 
	.hero-digital-banking3 {
		background-size: 1300px;
		background-position: 40% 70%;
	}

 }

/* max 859 */
@media only screen and (max-width: 859px) {  
	.hero-digital-banking3 {background-size: 1000px;}
}	

/* max 749 */
@media only screen and (max-width: 749px) {  
	.hero-digital-banking3 {background-position: 25% 70%;}
}	

/* max 599 */
@media only screen and (max-width: 599px) {  
	.hero-digital-banking3 {
		background-size: 140%;
		background-position: 20% 70%;
	}
	
	.hero-digital-banking3 h1 {
		text-align: left !important;
		width: 280px;
		margin: 0;
		margin-top: 0px;
		margin-bottom: 20px;
		margin-left: -20px;
		padding-top: 30px;
		}

	.hero-digital-banking3 h2 {
		font-size: 33px;
		width: 55%;
		margin: 0px;
		text-align: left;
		}
}

/* max 449 */
@media only screen and (max-width: 449px) {  
	
	.hero-digital-banking3 h1 {
		background: rgba(0,75,141,.94);
		text-align: center !important;
		width: 64%;
		margin: 0 18%;
		margin-top: 20px;
		margin-bottom: 10px;
		padding-top: 10px;
		}
	
	.hero-digital-banking h2 {
		display: none;
		}
}

/* max 350 */
@media only screen and (max-width: 350px) {  
	.hero-digital-banking3 {
		background-size: cover;
		background-position: 10% bottom;
	}
}

/*----------------------------------------- 2018 DIGITAL BANKING map --------------------------------------------*/
/*****************************************************************************************************************/

.hero-digital-banking-map {background: #efefed;}

.hero-digital-banking-map .container {
	background: url(/uploadedImages/UNFCU/Homepage/Marquee_Images/DigitalBanking_HP_banner_201805.jpg) 110% 100% no-repeat; 
	background-size: 800px;
	min-height: 400px;
	}

.hero-digital-banking-map h1 {
	background: #004b8d;
	display: inline-block;
	padding: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 50px;
	color: #fff;
	margin-top: 0px;
	margin-left: -30px;
	}

.hero-digital-banking-map h2, .hero-digital-banking-map h2 span {
	color: #004b8d;
	font-weight: 300;
	font-size: 50px;
	width: 400px;
	}

.hero-digital-banking-map h2 span {
	font-weight: 700;
	display: block;
	}


/* max 1300 */
@media only screen and (max-width: 1300px) { 
	.hero-digital-banking-map {background: #efefed url(/uploadedImages/UNFCU/Homepage/Marquee_Images/DigitalBanking_HP_banner_201805.jpg) 120% 100% no-repeat; background-size: 800px;}
	.hero-digital-banking-map .container {background: none; }
	
 }

/* max 1160 */
@media only screen and (max-width: 1160px) { 
	.hero-digital-banking-map {background-position: 180% 100%;}
 }

 /* max 999 */
@media only screen and (max-width: 999px) { 
    .hero-digital-banking-map {background-position: 400px 100%; background-size: 600px;}
	.hero-digital-banking-map h1 {width: 300px;}
	.hero-digital-banking-map h2, .hero-digital-banking-map h2 span {font-size: 45px;}
	.hero-digital-banking-map .container {min-height: auto;}
	
 }

/* max 859 */
@media only screen and (max-width: 859px) {  
	.hero-digital-banking-map {background-position: 350px 100%;}
	.hero-digital-banking-map h1 {
		width: 300px;
		padding-top: 30px;
		padding-bottom: 10px;
		}
		
	.hero-digital-banking-map h2, .hero-digital-banking-map h2 span {font-size: 35px;}
}	

/* max 749 */
@media only screen and (max-width: 749px) {  
	.hero-digital-banking-map {background-position: 300px 100%;}
	
}	

/* max 599 */
@media only screen and (max-width: 599px) {  
	.hero-digital-banking-map .container {background: rgba(0,0,0,.55); height: 250px;}
	.hero-digital-banking-map {background-position: 200% 100%; background-size: 400px;}

	.hero-digital-banking-map h1 {
		margin: 0px;
		padding: 0px;
		margin-bottom: 20px;
		padding-top: 30px;
		margin-left: 15%;
		width: 70%;
		padding-bottom: 10px;
		text-align: center;
		}

	.hero-digital-banking-map h2, .hero-digital-banking-map h2 span {
		width: 100%;
		padding: 0px;
		margin: 0px;
		color: #fff;
		text-align: center;
	}
}

/* max 449 */
@media only screen and (max-width: 449px) {  
	.hero-digital-banking-map {background-position: 0% 100%; background-size: 400px;}
	.hero-digital-banking-map h1 {
		margin-left: 7%;
		width: 86%;
		}
}


/*--------------------------------------- 2018 DIGITAL BANKING Trench ---------------------------------------*/
/*************************************************************************************************************/


.hero-digital-banking-trench {
	background: url(/uploadedImages/UNFCU/Homepage/Marquee_Images/DigitalBanking_HP_banner_201803.jpg) 0% 30% no-repeat;
	background-size: cover;
	}

.hero-digital-banking-trench h1 {
	background: #004b8d;
	display: inline-block;
	padding: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 50px;
	color: #fff;
	margin-top: 0px;
	margin-left: -30px;
	}

.hero-digital-banking-trench h2, .hero-digital-banking-trench h2 span {
	color: #fff;
	font-weight: 400;
	font-size: 50px;
	width: 400px;
	}

.hero-digital-banking-trench h2 span {
	font-weight: 700;
	display: block;
	}

/* max 1300 */
@media only screen and (max-width: 1300px) { 
	.hero-digital-banking-trench {
		background-size: 1300px;
		background-position: 40% 30%;
	}

 }

/* max 1160 */
@media only screen and (max-width: 1160px) { 
	.hero-digital-banking-trench h2, .hero-digital-banking-trench h2 span {font-size: 42px;}
 }

 /* max 999 */
@media only screen and (max-width: 999px) { 
	.hero-digital-banking-trench h1 {width: 300px;}
 }

/* max 859 */
@media only screen and (max-width: 859px) {  
	.hero-digital-banking-trench {background-size: 1000px;}
    .hero-digital-banking-trench h1 {
		width: 300px;
		padding-top: 30px;
		padding-bottom: 10px;
		}
		
	.hero-digital-banking-trench h2 {
        width: 350px;
        font-size: 35px;
    }
}	

/* max 749 */
@media only screen and (max-width: 749px) {  
	.hero-digital-banking-trench {background-position: 25% 30%;}
}	

/* max 599 */
@media only screen and (max-width: 599px) {  
	.hero-digital-banking-trench {
		background-size: cover;
		/* background-position: 20% 70%; */
	}
    
    .hero-digital-banking-trench .container {background: rgba(0,0,0,.55); height: 250px;}
	
	.hero-digital-banking-trench h1 {
		margin: 0px;
		padding: 0px;
		margin-bottom: 20px;
		padding-top: 30px;
		margin-left: 15%;
		width: 70%;
		padding-bottom: 10px;
		text-align: center;
		}

	.hero-digital-banking-trench h2, .hero-digital-banking-trench h2 span {
		width: 100%;
		padding: 0px 40px;
		margin: 0px;
		text-align: center;
	}
}

/* max 449 */
@media only screen and (max-width: 449px) {  
    .hero-digital-banking-trench h2 {
        width: 100%;
        padding: 0px;
    }
        
	.hero-digital-banking-trench h1 {
		margin-left: 7%;
		width: 86%;
		}
}

/* max 350 */
@media only screen and (max-width: 350px) {  
	.hero-digital-banking-trench {
		background-size: cover;
		background-position: 10% bottom;
	}
}

/*------------------------------------------ 2018 Debit Card / ATM ------------------------------------------------*/
/*******************************************************************************************************************/


.hero-debit-2018q1, .hero-checking-2018q1 {
	position: relative;
	height: 260px !important;
	min-height: auto;
	z-index: 100;
	background: url(/uploadedImages/UNFCU/Products/Credit_Cards/Debit_Card/Debit_Card_full.jpg) right 54%;
	background-size: cover;
	}

.hero-checking-2018q1 {
	background: url(/uploadedImages/UNFCU/Products/Savings_and_Checking/Checking_Accounts/Checking_full.jpg) right 24%;
	background-size: cover;
	}

.hero-debit-2018q1 .h2, .hero-checking-2018q1 .h2 {
	background: rgba(165,65,152,.95);
	display: inline-block;
	padding: 25px;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;
	margin-top: 70px;
	margin-left: -30px;
	line-height: 1.2;
	font-weight: 300;
	font-size: 28px;
	}

.hero-checking-2018q1 .h2 {width: 450px; line-height: 1.4;}


/* max 999 */
@media only screen and (max-width: 999px) { 
	.hero-debit-2018q1 .h2, .hero-checking-2018q1 .h2 {
		width: 315px;
		margin-left: 0px;
		}

	.hero-checking-2018q1 .h2 {margin-top: 50px;}

}

/* max 750 */
@media only screen and (max-width: 750px) {  
	.hero-debit-2018q1 .h2, .hero-checking-2018q1 .h2 {
		width: 100%;
		text-align: center;
		margin: 0px 0%;
		margin-top: 150px;
		padding: 20px 30px;
		font-size: 25px;
		}

	.hero-debit-2018q1, .hero-checking-2018q1 {
		background: url(/uploadedImages/UNFCU/Products/Credit_Cards/Debit_Card/Debit_Card_full.jpg) right 85%;
		background-size: 110%;
		}

	.hero-checking-2018q1 {
		background: url(/uploadedImages/UNFCU/Products/Savings_and_Checking/Checking_Accounts/Checking_full.jpg) right 44%;
		background-size: 120%;
	}

	.hero-checking-2018q1 .h2 {margin-top: 120px;}

}

/* max 550 */
@media only screen and (max-width: 550px) {  
	.hero-debit-2018q1 .h2, .hero-checking-2018q1 .h2 {
		font-size: 20px;
		margin-top: 100px;
		}

	.hero-debit-2018q1, .hero-checking-2018q1 {
		background: url(/uploadedImages/UNFCU/Products/Credit_Cards/Debit_Card/Debit_Card_full.jpg) 70% 75%;
		background-size: cover;
		height: 200px !important;
		background-size: 150%;
		}
	.hero-checking-2018q1 {
		background: url(/uploadedImages/UNFCU/Products/Savings_and_Checking/Checking_Accounts/Checking_full.jpg) right 24%;
		background-size: cover;
	}

	.hero-checking-2018q1 .h2 {margin-top: 80px;}
}

/*------------------------------------------ 2018 6/1 ARM -----------------------------------------------*/
/*********************************************************************************************************/

#hero-61ARM-2018q1 {
	position: relative;
	z-index: 100;
	background: url(/uploadedImages/UNFCU/Promotions/Campaigns/2018/Q1_61ARM/ARM_201803.jpg) 10% 70% no-repeat;
	background-size: 110%;
}

#hero-61ARM-2018q1 .col-lg-12 {
    width: 40%;

}

#hero-61ARM-2018q1 h2 {	color: #fff; margin-top: 70px;}
#hero-61ARM-2018q1 h2:before {background-color: #fff;}
	
#hero-61ARM-2018q1 .testimonial-hero h5.font-xl:before, #hero-61ARM-2018q1 .testimonial-hero h5.font-xl:after {
    content: none !important;
}

.hero-61ARM-2018q1-bar {padding: 15px 0 10px 0; line-height: 1em;}

.hero-61ARM-2018q1-bar h3 {font-size: 25px; font-weight: 400;}

/* max 1500 */
@media only screen and (max-width: 1500px) {
	#hero-61ARM-2018q1 {
	background-position: 20% 70%;
	background-size: 135%;
	}
	}

/* max 1000 */
@media only screen and (max-width: 1000px) {
    #hero-61ARM-2018q1 {
	background-position: 20% 70%;
	background-size: 150%;
	}
    }
    
/* max 859 */
@media only screen and (max-width: 859px) {}

/* max 750 */
@media only screen and (max-width: 750px) {}

/* max 599 */
@media only screen and (max-width: 599px) {
	#hero-61ARM-2018q1 .col-lg-12 {width: 100%;}
	#hero-61ARM-2018q1 {
	background-position: 50% 50%;
	background-size: cover;
	}

	#hero-61ARM-2018q1 h2 {margin-top: 0px;}

	.hero-61ARM-2018q1-bar h3 {font-size: 18px; font-weight: 500;}

	#hero-61ARM-2018q1.no-text-container {padding: 0px; display: table;}
	#hero-61ARM-2018q1 .mobile-overlay {
	background: rgba(0,0,0,.6);
	display: table-cell;
	padding: 20px 10px;
	vertical-align: middle;
	}
	
}

/*------------------------------- 2018 Home Improvement Loan --------------------------------*/
/********************************************************************************************/

.hero-HIL-q1 {
	position: relative;
	z-index: 100;
	background: url(/uploadedImages/UNFCU/Homepage/Marquee_Images/HIL_Q1_HP_banner_extended_201803.jpg) 40% 20% no-repeat;
	background-size: 110%;
	height: 260px !important;
	min-height: auto;
}

.hero-HIL-q1 .col-lg-12 {width: auto;}

.hero-HIL-q1 h2 {
    color: #fff; 
    margin-top: 70px; 
    font-size: 27px;
    font-weight: 300; 
    background: rgba(240, 140, 33, .95); 
    padding: 25px 30px; 
    margin-left: -30px;
}
    
.hero-HIL-q1 h2:before {background-color: #fff;}

/* max 1300 */
@media only screen and (max-width: 1300px) { 
	.hero-HIL-q1 {background-size: 140%;}
}


/* max 999 */
@media only screen and (max-width: 999px) { 
	.hero-HIL-q1 {
	    background-size: 150%;
    }
	
	.hero-HIL-q1 h2 {
		width: 300px;
		/*margin-left: 0px;*/
	}
}

/* max 750 */
@media only screen and (max-width: 750px) {   
	.hero-HIL-q1 {
		background: url(/uploadedImages/UNFCU/Homepage/Marquee_Images/HIL_Q1_HP_banner_extended_201803.jpg) 50% 30% no-repeat;
		background-size: 180%;
	}
	
	.hero-HIL-q1 h2 {
		width: 60%;
		margin: 0px 20%;
		margin-top: 160px;
		padding: 20px 30px;
		font-size: 25px;
		text-align: center;
	}

}

/* max 599 */
@media only screen and (max-width: 599px) {
	
	.hero-HIL-q1 h2 {
		width: 60%;
		margin: 0px 20%;
		margin-top: 120px;
		padding: 20px;
		font-size: 25px;
		text-align: center;
		}

}


/* max 550 */
@media only screen and (max-width: 550px) {  
	.hero-HIL-q1 {
		background: url(/uploadedImages/UNFCU/Homepage/Marquee_Images/HIL_Q1_HP_banner_extended_201803.jpg) 50% 30% no-repeat;
		background-size: 240%;
		height: 220px !important;
	}
	
	.hero-HIL-q1 h2 {
		font-size: 20px;
		text-align: center;
		width: 90%;
		margin: 0px 5%;
		margin-top: 120px;
	}
}
	
	


/*------------------------------------------ 2018 Amazon ------------------------------------------------*/
/*********************************************************************************************************/

.hero-CCIncentive-201810 {
	position: relative;
	z-index: 100;
	background: #e7f7f7 url(/uploadedImages/UNFCU/Promotions/Campaigns/2018/Q4_CC_AMAZON/CC_Amazon_full.jpg) 50% 50% no-repeat;
	height: 300px !important;
	min-height: inherit;
	text-align: center;
	}

.hero-CCIncentive-201810 .hero-content {
	background: #54c8e8;
	display: inline-block;
	text-align: center;
	padding: 40px 40px 50px 40px;
	margin-top: 50px;
	}

.hero-CCIncentive-201810 .hero-content h1, .hero-CCIncentive-201810 .hero-content h2, .hero-CCIncentive-201810 .hero-content sup a {
	color: #fff !important;
	font-weight: 500;
	margin-bottom: 0px;
	}

#content-CCIncentive-201810 .font-xl {font-weight: 500 !important;}

#content-CCIncentive-201810 ul li span{
	display: block;
	font-size: 15px;
	}

#content-CCIncentive-201810 .card-image img {max-width: 170px;}


/*------------------ 201904 MEMBER LOYALTY REWARDS -----------------------*/
/**************************************************************************/


.hero-mlr-friends {
	background: url(/uploadedImages/UNFCU/Homepage/Marquee_Images/MLR_HP_banner_201904.jpg) 0% 30% no-repeat;
	background-size: cover;
    /* min-height: 280px !important; */
	}

.hero-mlr-friends #hero-mlr-headphones {
	background: url(/uploadedImages/UNFCU/Join_UNFCU/Become_a_UNFCU_Member/Member_Loyalty_Rewards_v2/MLR_HP_banner2_201904.jpg) 0% 30% no-repeat;
	}

.hero-mlr-friends #hero-mlr-daughter {
	background: url(/uploadedImages/UNFCU/Join_UNFCU/Become_a_UNFCU_Member/Member_Loyalty_Rewards_v2/MLR_HP_banner3_201904.jpg) 0% 30% no-repeat;
	}

.hero-mlr-friends h3 {
	background: rgba(240,140,33,0.00); 
	padding: 5px 25px 0px 20px; 
	font-weight: 500; 
	font-size: 19px;
	letter-spacing: 6px; 
	color: #aaafaf; 
	margin-top: -60px; 
	margin-left: -20px;
	padding-top: 50px; 
	display: inline-block;
	}

.hero-mlr-friends h2, .hero-mlr-friends h2 span {
	color: #fff;
	font-weight: 300;
	font-size: 50px;
	width: 440px;
	}

.hero-mlr-friends h2 span {
	font-weight: 700;
	display: block;
	}

.hero-mlr-friends .divider-mlr-outer {
    display: table; 
    width: 150px;
    margin-top: 80px;
    margin-bottom: 20px;
}

.hero-mlr-friends .divider-mlr {
    display: table-cell;
    height: 4px; 
}

.hero-mlr-friends .mlr-silver-bg {background-color: #d1d1d1 !important;}
.hero-mlr-friends .mlr-gold-bg {background-color: #d7b05a !important;}
.hero-mlr-friends .mlr-platinum-bg {background-color: #586066 !important;}


/* max 1300 */
@media only screen and (max-width: 1300px) { 
	.hero-mlr-friends {
		background-size: 1300px;
		background-position: 40% 30%;
	}

 }

/* max 1160 */
@media only screen and (max-width: 1160px) { 
	.hero-mlr-friends h2, .hero-mlr-friends h2 span {font-size: 42px;}
 }

 /* max 999 */
@media only screen and (max-width: 999px) { 
	.hero-mlr-friends h3 {width: 300px;}
 }

/* max 859 */
@media only screen and (max-width: 859px) {  
	.hero-mlr-friends {background-size: 1000px;}
		
	.hero-mlr-friends h2 {
        width: 350px;
        font-size: 35px;
    }
}	

/* max 749 */
@media only screen and (max-width: 749px) {  
	.hero-mlr-friends {background-position: 25% 30%;}
    .hero-mlr-friends .divider-mlr {height: 3px;}
}	

/* max 599 */
@media only screen and (max-width: 599px) {  
	.hero-mlr-friends {
		background-size: cover;
		/* background-position: 20% 70%; */
	}
    
    .hero-mlr-friends .container {background: rgba(0,0,0,.55); height: 250px;}
	
	.hero-mlr-friends h3 { 
        color: #fff;
        font-weight: 400;
        font-size: 17px;
		text-align: center; 
		padding-right: 15px;
		margin-bottom: 15px;
		margin-left: 0px;
	}

	.hero-mlr-friends h2, .hero-mlr-friends h2 span {
		width: 100%;
		padding: 0px 40px;
		margin: 0px;
		text-align: center;
	}
    
    .hero-mlr-friends .divider-mlr-outer {
        margin-right: auto;
        margin-left: auto;
    }

    .hero-mlr-friends .divider-mlr {height: 2px;}
}

/* max 449 */
@media only screen and (max-width: 449px) {  
    .hero-mlr-friends h2 {
        width: 100%;
        padding: 0px;
    }
}

/* max 350 */
@media only screen and (max-width: 350px) {  
	.hero-mlr-friends {
		background-size: cover;
		background-position: 10% bottom;
	}
}


/*------------------ 201904 MEMBER LOYALTY REWARDS - ROTATING -----------------------*/
/*************************************************************************************/


.hero-mlr-rotating .flexslider-marquee-fade .flex-control-nav {display: none;}

.hero-mlr-rotating .flexslider-marquee-fade, .hero-mlr-rotating .flexslider-marquee-fade .slides, .hero-mlr-rotating .flexslider-marquee-fade .slides li {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
}

.hero-mlr-rotating .flexslider-marquee-fade .slides, .hero-mlr-rotating .flexslider-marquee-fade .slides li {z-index: 0;}

.hero-mlr-rotating #slide-mlr-friends {
	background: url(/uploadedImages/UNFCU/Homepage/Marquee_Images/MLR_HP_banner_201904.jpg) 0% 30% no-repeat;
	background-size: cover;
	}

.hero-mlr-rotating #slide-mlr-headphones {
	background: url(/uploadedImages/UNFCU/Join_UNFCU/Become_a_UNFCU_Member/Member_Loyalty_Rewards_v2/MLR_HP_banner2_201904.jpg) 0% 30% no-repeat;
    background-size: cover;
	}

.hero-mlr-rotating #slide-mlr-daughter {
	background: url(/uploadedImages/UNFCU/Join_UNFCU/Become_a_UNFCU_Member/Member_Loyalty_Rewards_v2/MLR_HP_banner3_201904.jpg) 0% 30% no-repeat;
    background-size: cover;
	}

.hero-mlr-rotating h3 {
	background: rgba(240,140,33,0.00); 
	padding: 5px 25px 0px 20px; 
	font-weight: 500; 
	font-size: 19px;
	letter-spacing: 6px; 
	color: #aaafaf; 
	margin-top: -60px; 
	margin-left: -20px;
	padding-top: 50px; 
	display: inline-block;
	}

.hero-mlr-rotating h2, .hero-mlr-rotating h2 span {
	color: #fff;
	font-weight: 300;
	font-size: 50px;
	width: 440px;
	}

.hero-mlr-rotating h2 span {
	font-weight: 700;
	display: block;
	}

.hero-mlr-rotating .divider-mlr-outer {
    display: table; 
    width: 150px;
    margin-top: 80px;
    margin-bottom: 20px;
}

.hero-mlr-rotating .divider-mlr {
    display: table-cell;
    height: 4px; 
}

.hero-mlr-rotating .mlr-silver-bg {background-color: #d1d1d1 !important;}
.hero-mlr-rotating .mlr-gold-bg {background-color: #d7b05a !important;}
.hero-mlr-rotating .mlr-platinum-bg {background-color: #586066 !important;}


/* max 1300 */
@media only screen and (max-width: 1300px) { 
	.hero-mlr-rotating {
		background-size: 1300px;
		background-position: 40% 30%;
	}

 }

/* max 1160 */
@media only screen and (max-width: 1160px) { 
	.hero-mlr-rotating h2, .hero-mlr-rotating h2 span {font-size: 42px;}
 }

 /* max 999 */
@media only screen and (max-width: 999px) { 
	.hero-mlr-friends h3 {width: 300px;}
 }

/* max 859 */
@media only screen and (max-width: 859px) {  
	.hero-mlr-rotating {background-size: 1000px;}
		
	.hero-mlr-rotating h2 {
        width: 350px;
        font-size: 35px;
    }
}	

/* max 749 */
@media only screen and (max-width: 749px) {  
	.hero-mlr-rotating {background-position: 25% 30%;}
    .hero-mlr-rotating .divider-mlr {height: 3px;}
}	

/* max 599 */
@media only screen and (max-width: 599px) {  
	.hero-mlr-rotating {
		background-size: cover;
		/* background-position: 20% 70%; */
	}
    
    .hero-mlr-rotating .container {background: rgba(0,0,0,.55); height: 250px;}
	
	.hero-mlr-rotating h3 { 
        color: #fff;
        font-weight: 400;
        font-size: 17px;
		text-align: center; 
		padding-right: 15px;
		margin-bottom: 15px;
		margin-left: 0px;
	}

	.hero-mlr-rotating h2, .hero-mlr-rotatingh2 span {
		width: 100%;
		padding: 0px 40px;
		margin: 0px;
		text-align: center;
	}
    
    .hero-mlr-rotating .divider-mlr-outer {
        margin-right: auto;
        margin-left: auto;
    }

    .hero-mlr-rotating .divider-mlr {height: 2px;}
}

/* max 449 */
@media only screen and (max-width: 449px) {  
    .hero-mlr-rotating h2 {
        width: 100%;
        padding: 0px;
    }
}

/* max 350 */
@media only screen and (max-width: 350px) {  
	.hero-mlr-rotating {
		background-size: cover;
		background-position: 10% bottom;
	}
}