/* CSS Document */

/* General */

@media (max-width: 767px) {
	.nav-tabs > li > a {
		padding: 10px 8px;
	}
}

.nav-container {
	position: relative;
}

@media (max-width: 362px) {
 #calc-cert {
	margin-bottom:10px;
}
}

@media (max-width: 374px) {
 .calc-button {
	margin-bottom:10px;
}
}

@media (min-width: 768px) { /* changed from 767px */
.nav-container {
	position: relative;
	height: 78px;
}
}
.no-indent-list {
	padding-left: 17px;
}
body[data-spy="scroll"] {
	position: relative; /* this is necessary for Scrollspy */
}
/* Board of Directors Styles */
.boxContent {
	padding: 22px;
	border-radius: 0 0 3px 3px;
}
.color2.boxContent {
	border: none;
}
.boxContent {
	border: 1px dashed rgba(0,0,0,0.15);
	border-top: none;
}
.boxContent h2, .boxContent h3 {
	color: #3d3d3d;
	font-size: 22px;
}
.color2, .slice.color2, .bulle.color2, .ctaBox.color2 {
	background-color: #1E1E23;
	color: #fff;
}
.color2 h1, .color2 h2, .color2 h3, .color2 h4, .color2 blockquote, .color2 a {
	color: #fff;
}
.directors {
	padding: 20px 0;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
@media (max-width: 991px) {
.directors {
	padding: 35px;
}
}
/* Board of Director Style End */

.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}
.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
}
.bs-callout p:last-child {
	margin-bottom: 0;
}
.bs-callout code {
	border-radius: 3px;
}
.bs-callout+.bs-callout {
	margin-top: -5px;
}
.bs-callout-default {
	border-left-color: #777;
}
.bs-callout-default h4 {
	color: #777;
}
.bs-callout-primary {
	border-left-color: #166296;
}
.bs-callout-primary h4 {
	color: #166296;
}
.bs-callout-danger {
	border-left-color: #d9534f;
}
.bs-callout-danger h4 {
	color: #d9534f;
}

@media (min-width: 1200px) {
.container-fluid {
	width: 1170px;
}
/*.dropdown-menu {
		width: 1170px;
		margin-left: auto;
		margin-right: auto;
	}*/	
}
/* Nav/Hero/Rates/Buttons Slider Styles */

body {
	font-family: 'Lato', sans-serif;
	padding-top: 77px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .navbar-brand, .navlinks-primary {
	font-weight: 700;
}
.navlinks-primary {
	font-size: 14px;
}
.navbar {
	/*border-radius: 0;  default is 4px; */
	border-style: none;
	margin-bottom: 0;
}
.navbar-default {
	background-color: #ffffff;/*border-color: #e7e7e7;*/
}
.navbar-default .navbar-brand {
	color: #00548E; /* default is #777 */
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
/*color: #5e5e5e; Make this a slightly different shade of the non-hover color */
}
.navbar-default .navbar-text {
/*color: #777;*/
}
.navbar-default .navbar-nav > li > a {
	color: #166296; /* default is #777 */
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #036; /* default is 333 */
}
.navbar-default .navbar-nav > .active > a,  navbar-default .navbar-nav > .active > a:hover,  .navbar-default .navbar-nav > .active > a:focus {
/*color: #555;
			background-color: #e7e7e7; */
}
.navbar-default .navbar-toggle {
/*border-color: #00548E;*/ /* default is #ddd */
			/*background-color: #00548E;*/
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #fff; /* default is #ddd */
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #166296;/* default is #888 */
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
/*border-color: #e7e7e7;*/
}
.navbar-default .navbar-nav > .open > a,  .navbar-default .navbar-nav > .open > a:hover,  .navbar-default .navbar-nav > .open > a:focus {
	color: #036; /* default is #555 */
	border-bottom: 3px solid #166296;
	background-color: transparent;
	padding-bottom: 13px;/*background-color: #e6f3f7;  default e7e7e7 */
}
.dropdown-menu {
	padding: 0;
	z-index: 2000;
	border-top: 1px solid #ccc;
}
.yamm-content i {
	color: #000000;
}
.yamm-content p {
	color: #777;
	border-bottom: 1px solid #efefef;
	padding-bottom: 7px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 16px;	
	font-weight: 700;
	margin-top: 8px;
}
.yamm-content h5 {
	color: #777;
	border-bottom: 1px solid #efefef;
	padding-bottom: 10px;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 16px;
}
.yamm-content ul {
	list-style: none outside none;
	padding-left: 0;
}
.yamm-content ul li {
	padding: 3px 0;
}
.yamm-content .btn {
	margin: 10px 0;
}
form.search {
	margin-bottom: 40px;
}
.search input[type="search"] {
	width: 500px;
}
/*.navbar-brand {
	height: 77px;
}*/
.navbar-toggle {
	margin-top: 21px;
	margin-bottom: 21px;
	border: none;
	padding: 9px 0;
}
.navbar-form {
	margin-top: 0;
	margin-bottom: 0;
	border-top: none;
}
.form-control {
	border-radius: 1px;
}
.nav .btn-afcu-blue, #login-modal .btn-afcu-blue {
	color: #fff;
	background-color: #166296;
	border-color: #fff;
	border-radius: 1px;
}
.cta-product .btn-afcu-blue{
	background-color: #59A927;
	border-color: #54922C;
}
.btn-afcu-blue {
	color: #fff !important;
	background-color: #166296;
	border-color: #166296;
	border-radius: 1px;
}

.btn-afcu-blue:hover,  .btn-afcu-blue:focus,  .btn-afcu-blue:active,  .btn-afcu-blue.active,  .open > .dropdown-toggle.btn-afcu-blue {
	color: #166296 !important;
	background-color: #fff;
	border-color: #166296;
}
.btn-afcu-blue:active,  .btn-afcu-blue.active,  .open > .dropdown-toggle.btn-afcu-blue {
	background-image: none;
}
.btn-afcu-blue.disabled,  .btn-afcu-blue[disabled],  fieldset[disabled] .btn-afcu-blue,  .btn-afcu-blue.disabled:hover,  .btn-afcu-blue[disabled]:hover,  fieldset[disabled] .btn-afcu-blue:hover,  .btn-afcu-blue.disabled:focus,  .btn-afcu-blue[disabled]:focus,  fieldset[disabled] .btn-afcu-blue:focus,  .btn-afcu-blue.disabled.focus,  .btn-afcu-blue[disabled].focus,  fieldset[disabled] .btn-afcu-blue.focus,  .btn-afcu-blue.disabled:active,  .btn-afcu-blue[disabled]:active,  fieldset[disabled] .btn-afcu-blue:active,  .btn-afcu-blue.disabled.active,  .btn-afcu-blue[disabled].active,  fieldset[disabled] .btn-afcu-blue.active {
	color: #fff !important;
	background-color: #166296;
	border-color: #166296;	
}
.btn-afcu-blue.badge {
	color: #fff;
	background-color: #166296;
}
.btn-afcu-red {
	color: #fff !important;
	background-color: #C42729;
	border-color: #C42729;
	border-radius: 1px;
}
.btn-afcu-red:hover,  .btn-afcu-red:focus,  .btn-afcu-red:active,  .btn-afcu-red.active,  .open > .dropdown-toggle.btn-afcu-red {
	color: #C42729 !important;
	background-color: #fff;
	border-color: #C42729;
}
.btn-afcu-red:active,  .btn-afcu-red.active,  .open > .dropdown-toggle.btn-afcu-red {
	background-image: none;
}
.btn-afcu-red.disabled,  .btn-afcu-red[disabled],  fieldset[disabled] .btn-afcu-red,  .btn-afcu-red.disabled:hover,  .btn-afcu-red[disabled]:hover,  fieldset[disabled] .btn-afcu-red:hover,  .btn-afcu-red.disabled:focus,  .btn-afcu-red[disabled]:focus,  fieldset[disabled] .btn-afcu-red:focus,  .btn-afcu-red.disabled.focus,  .btn-afcu-red[disabled].focus,  fieldset[disabled] .btn-afcu-red.focus,  .btn-afcu-red.disabled:active,  .btn-afcu-red[disabled]:active,  fieldset[disabled] .btn-afcu-red:active,  .btn-afcu-red.disabled.active,  .btn-afcu-red[disabled].active,  fieldset[disabled] .btn-afcu-red.active {
	color: #fff !important;
	background-color: #C42729;
	border-color: #C42729;	
}
.btn-afcu-red.badge {
	color: #fff;
	background-color: #C42729;
}
.btn-afcu-teal {
	color: #fff !important;
	background-color: #01AEF0;
	border-color: #01AEF0;
	border-radius: 8px;
}
.btn-afcu-teal:hover,  .btn-afcu-teal:focus,  .btn-afcu-teal:active,  .btn-afcu-teal.active,  .open > .dropdown-toggle.btn-afcu-teal {
	color: #01AEF0 !important;
	background-color: #fff;
	border-color: #01AEF0;
}
.btn-afcu-teal:active,  .btn-afcu-teal.active,  .open > .dropdown-toggle.btn-afcu-teal {
	background-image: none;
}
.btn-afcu-teal.disabled,  .btn-afcu-teal[disabled],  fieldset[disabled] .btn-afcu-teal,  .btn-afcu-teal.disabled:hover,  .btn-afcu-teal[disabled]:hover,  fieldset[disabled] .btn-afcu-teal:hover,  .btn-afcu-teal.disabled:focus,  .btn-afcu-teal[disabled]:focus,  fieldset[disabled] .btn-afcu-teal:focus,  .btn-afcu-teal.disabled.focus,  .btn-afcu-teal[disabled].focus,  fieldset[disabled] .btn-afcu-teal.focus,  .btn-afcu-teal.disabled:active,  .btn-afcu-teal[disabled]:active,  fieldset[disabled] .btn-afcu-teal:active,  .btn-afcu-teal.disabled.active,  .btn-afcu-teal[disabled].active,  fieldset[disabled] .btn-afcu-teal.active {
	color: #fff !important;
	background-color: #01AEF0;
	border-color: #01AEF0;	
}
.btn-afcu-teal.badge {
	color: #fff;
	background-color: #01AEF0;
}
.btn-afcu-dark-blue {
	color: #fff !important;
	background-color: #115386;
	border-color: #fff;
	border-radius: 1px;
}
.btn-afcu-login{
	color:#493409 !important;
	background-color:#f5d73e;
	font-weight:bold;
	border-radius:0;	
}
.btn-afcu-dark-blue:hover,  .btn-afcu-dark-blue:focus,  .btn-afcu-dark-blue:active,  .btn-afcu-dark-blue.active,  .open > .dropdown-toggle.btn-afcu-dark-blue {
	color: #fff !important;
	background-color: #0F4D80;
	border-color: #fff;
}
.btn-afcu-dark-blue:active,  .btn-afcu-dark-blue.active,  .open > .dropdown-toggle.btn-afcu-dark-blue {
	background-image: none;
}
.btn-afcu-dark-blue.disabled,  .btn-afcu-dark-blue[disabled],  fieldset[disabled] .btn-afcu-dark-blue,  .btn-afcu-dark-blue.disabled:hover,  .btn-afcu-dark-blue[disabled]:hover,  fieldset[disabled] .btn-afcu-dark-blue:hover,  .btn-afcu-dark-blue.disabled:focus,  .btn-afcu-dark-blue[disabled]:focus,  fieldset[disabled] .btn-afcu-dark-blue:focus,  .btn-afcu-dark-blue.disabled.focus,  .btn-afcu-dark-blue[disabled].focus,  fieldset[disabled] .btn-afcu-dark-blue.focus,  .btn-afcu-dark-blue.disabled:active,  .btn-afcu-dark-blue[disabled]:active,  fieldset[disabled] .btn-afcu-dark-blue:active,  .btn-afcu-dark-blue.disabled.active,  .btn-afcu-dark-blue[disabled].active,  fieldset[disabled] .btn-afcu-dark-blue.active {
	color: #fff !important;
	background-color: #115386;
	border-color: #fff;
}
.btn-afcu-dark-blue.badge {
	color: #fff;
	background-color: #115386;
}
.btn-afcu-white {
	color: #166296 !important;
	background-color: #fff;
	border-color: #166296;
	border-radius: 1px;
}
.btn-afcu-white:hover,  .btn-afcu-white:focus,  .btn-afcu-white:active,  .btn-afcu-white.active,  .open > .dropdown-toggle.btn-afcu-white {
	color: #fff !important;
	background-color: #166296;
	border-color: #166296;
}
.btn-afcu-white:active,  .btn-afcu-white.active,  .open > .dropdown-toggle.btn-afcu-white {
	background-image: none;
}
.btn-afcu-white.disabled,  .btn-afcu-white[disabled],  fieldset[disabled] .btn-afcu-white,  .btn-afcu-white.disabled:hover,  .btn-afcu-white[disabled]:hover,  fieldset[disabled] .btn-afcu-white:hover,  .btn-afcu-white.disabled:focus,  .btn-afcu-white[disabled]:focus,  fieldset[disabled] .btn-afcu-white:focus,  .btn-afcu-white.disabled.focus,  .btn-afcu-white[disabled].focus,  fieldset[disabled] .btn-afcu-white.focus,  .btn-afcu-white.disabled:active,  .btn-afcu-white[disabled]:active,  fieldset[disabled] .btn-afcu-white:active,  .btn-afcu-white.disabled.active,  .btn-afcu-white[disabled].active,  fieldset[disabled] .btn-afcu-white.active {
	color: #166296 !important;
	background-color: #fff;
	border-color: #166296;
}
.btn-afcu-white.badge {
	color: #166296;
	background-color: #fff;
}
.btn-afcu-ltgreen {
	color: #fff !important;
	background-color: #59A927;
	border-color: #54922C;
	border-radius: 1px;
}

.btn-afcu-orange {
	color: #fff !important;
	background-color: #FD8E00;
	border-color: #e78304;
	border-radius: 1px;
}

.btn-afcu-green {
	color: #fff !important;
	background-color: #005A00;
	border-color: #005A00;
}
.btn-afcu-green:hover,  .btn-afcu-green:focus,  .btn-afcu-green:active,  .btn-afcu-green.active,  .open > .dropdown-toggle.btn-afcu-green {
	color: #005A00 !important;
	background-color: #fff;
	border-color: #005A00;
}
.btn-afcu-green:active,  .btn-afcu-green.active,  .open > .dropdown-toggle.btn-afcu-green {
	background-image: none;
}
.btn-afcu-green.disabled,  .btn-afcu-green[disabled],  fieldset[disabled] .btn-afcu-green,  .btn-afcu-green.disabled:hover,  .btn-afcu-green[disabled]:hover,  fieldset[disabled] .btn-afcu-green:hover,  .btn-afcu-green.disabled:focus,  .btn-afcu-green[disabled]:focus,  fieldset[disabled] .btn-afcu-green:focus,  .btn-afcu-green.disabled.focus,  .btn-afcu-green[disabled].focus,  fieldset[disabled] .btn-afcu-green.focus,  .btn-afcu-green.disabled:active,  .btn-afcu-green[disabled]:active,  fieldset[disabled] .btn-afcu-green:active,  .btn-afcu-green.disabled.active,  .btn-afcu-green[disabled].active,  fieldset[disabled] .btn-afcu-green.active {
	color: #fff !important;
	background-color: #005A00;
	border-color: #005A00;
}
.btn-afcu-green.badge {
	color: #fff;
	background-color: #005A00;
}
.btn-afcu-trans {
	color: #fff !important;
	background-color: transparent;
	border-color: #fff;
	border-radius: 1px;
}
.btn-afcu-trans:hover,  .btn-afcu-trans:focus,  .btn-afcu-trans:active,  .btn-afcu-trans.active,  .open > .dropdown-toggle.btn-afcu-trans {
	color: #545454 !important;
	background-color: #fff;
	border-color: #fff;
}
.btn-afcu-trans:active,  .btn-afcu-trans.active,  .open > .dropdown-toggle.btn-afcu-trans {
	background-image: none;
}
.btn-afcu-trans.disabled,  .btn-afcu-trans[disabled],  fieldset[disabled] .btn-afcu-trans,  .btn-afcu-trans.disabled:hover,  .btn-afcu-trans[disabled]:hover,  fieldset[disabled] .btn-afcu-trans:hover,  .btn-afcu-trans.disabled:focus,  .btn-afcu-trans[disabled]:focus,  fieldset[disabled] .btn-afcu-trans:focus,  .btn-afcu-trans.disabled.focus,  .btn-afcu-trans[disabled].focus,  fieldset[disabled] .btn-afcu-trans.focus,  .btn-afcu-trans.disabled:active,  .btn-afcu-trans[disabled]:active,  fieldset[disabled] .btn-afcu-trans:active,  .btn-afcu-trans.disabled.active,  .btn-afcu-trans[disabled].active,  fieldset[disabled] .btn-afcu-trans.active {
	color: #fff !important;
	background-color: transparent;
	border-color: #fff;
}
.btn-afcu-trans.badge {
	color: #fff;
	background-color: transparent;
}
#nav-login-desktop .form-control {
	border: 1px solid #fff;
}
#dropdown-login {
	background-color: #13598D;
	border: none;
	padding: 40px 40px 20px 40px;
	width: 227px;
}
#dropdown-login a {
	color: #fff;
}
#dropdown-login:before {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 10px;
	border-bottom-width: 0;
	border-top-color: #166296;
	top: 0;
	left: 50%;
	content: "";
	margin-left: -10px; /* -5px was the value I copied from http://wobootstrap.com/htmldemo/flatpoint/ */
}
/*
		#nav-login {
			width: 227px;
			padding: 14px 40px;
			background-color: #166296;	
		*/
#nav-login-desktop {
	margin-top: 23px;
	margin-bottom: 23px;
}
/*}*/
#nav-login-tablet {
	width: 117px;
	/*padding: 14px 15px;      before login changes*/
	padding: 14px 0 14px 15px;
	background-color: #f5d73e;
	color: #493409 !important;
}
#nav-login-mobile {
	width: 100px;
	background-color: #f5d73e;
	margin: 0;
	border: none;
	border-radius: 0;
	text-align: center;
	padding: 22px 0;
	font-weight:bold;
}
#nav-login-mobile a {
	color: #493409 !important;
}
#nav-login-mobile a:hover {
	text-decoration: none;
}
#nav-login-mobile i {
	display: block;
}
.form-group {
	margin-bottom: 8px;
}

@media (max-width: 767px) {
.yamm .yamm-content {
	padding: 5px 30px;
}
a.navlinks-primary {
	border-bottom: 1px solid #e7e7e7;
}
.navbar-nav {
	margin: 0 -15px;
}
/*.nav-container {
				padding-right: 15px;
			}*/
.navbar-brand {
	padding: 15px 0;
	height: 78px;
}
.rates-cta {
	margin-top: 40px !important;
	width: 200px;
}
.hero-slide {
	height: 170px !important; 
}
#rates-next {
	top: 100% !important;
	left: 50% !important;
	margin-left: -16px;
	margin-top: -16px;
}
#home-rates {
	padding-bottom: 40px;
}
.slide-text {
	margin-top: -57px !important;
}
.hero-headline {
	font-size: 30px !important;
}
.hero-secondary {
	font-size: 13px !important;
}
.rates-container {
	padding-left: 0;
	padding-right: 0;
}
/* fix for the horizontal scrollbar on the xs grid on the home page */
.rates-container .row {
	margin-right: 0;
	margin-left: 0;
}
#rates-slider {
	padding-left: 0;
	padding-right: 0;
}
/* end fix */
#rates-slider div {
	border-bottom: 1px solid #e9e9e9;
}
}

@media (min-width: 768px) and (max-width: 991px) {
#topNav .nav > li > a {
	padding-left: 8px;
	padding-right: 8px;
}
/* This is hidden on this grid now
			#nav-login {
				width: 117px;
				padding: 14px 15px;
			}*/
.hero-slide {
	height: 400px !important;
}
}

@media (min-width: 1921px) {
	.hero-slide {
		height: 650px !important;
	}
}

@media (min-width: 836px) and (max-width: 1039px) {
#topNav .nav > li > a {
	padding-left: 10px;
	padding-right: 10px;
}
}

@media (min-width: 768px) and (max-width: 808px) {
#topNav .nav > li > a {
	padding-left: 5px;
	padding-right: 5px;
}
}

@media(min-width: 768px) {
/*.nav > li > a {
				line-height: 47px;
			}*/
#defaultmenu .nav > li > a { /* this style was previously applied to [#subNav .nav > li > a] as well. removed after changing subnav collapse breakpoint */
	line-height: 47px;
}
#defaultmenu .nav > li > a:hover {
	color: #ccc;
}
/*.icon-arrow-down {
				font-size: 10px;
			}*/			
}
/*@media(max-width: 1199px) {
			.nav-container, .rates-container {
				width: 100%;
			}
		}*/	
		
		
		
.slick-slider {
	margin-bottom: 0;
}
.slick-dots {
	bottom: 5px;
	z-index: 1000;
}
.slick-prev {
	visibility: hidden;
}
#hero-prev, #hero-next {
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -32px;
	font-size: 64px;
	cursor: pointer;
}
#hero-prev {
	left: 0;
	z-index: 1000;
}
#hero-next {
	right: 0;
	z-index: 1000;
}
.hero-slide {
	background-position: center bottom;
	background-size: cover;
	width: 100%;
	height: 500px;	
}
/* Fix for brief flash of all slides on page load. Visibility gets changed to visible with Javascript after slick initilization */
#hero-slider {
	visibility: hidden;
}
/* End fix */
.hero-link {
	display: inline-block;
	width: 100%;
	height: 100%;
}
/* This creates the overlay on the background image (tints it) 
.overlay:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
	background-color: rgba(0,0,0,0.5);
}
*/
.slide-text {
	position: absolute;
	top: 50%;
	margin-top: -89px;
	color: #fff;
	width: 100%;
}
.hero-headline {
	font-size: 70px;
	font-weight: 300;
}
.hero-secondary {
	font-size: 18px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.slick-dots li button:before {
	font-size: 15px;
	color: #fff;
	opacity: 0.5;
}
.slick-dots li.slick-active button:before {
	color: #fff;
	opacity: 0.85;
}
#hero-slider .btn {
	width: 200px;
}
#hero-slider .btn-lg {
	font-size: 16px;
}
/* slider revolution styles */
.hero-container {
	width: 100%;
	position: relative;
	padding: 0;
}
.hero {
	width: 100%;
	position: relative;
	visibility: hidden; /* to fix the brief unstyled flash before the slider loads */
}
/* end slider revolution styles */
#rates-next {
	color: #166296;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -16px;
	font-size: 32px;
	cursor: pointer;
}
#rates-slider div {
	border-right: 1px solid #e9e9e9;
	height: 180px;
	color: #545454;
}
#rates-slider p.rate-large {
	color: #166296;
	font-weight: 300;
	font-size: 40px;
	font-style: normal;
	line-height: 1.1;
}
#rates-slider small {
	margin-top: 50px;
	display: block;
	color: #545454;
}
#rates-slider p {
	font-style: italic;
	margin-bottom: 0;
	color: #545454;
}
a.rate-slide-link {
	text-decoration: none;
}
.rates-cta {
	margin-top: 20px;
}
/* End Nav/Hero/Rates Slider Styles */

/* Notification Styles */

#notification-bar {
	background-color: #151519;
	padding: 5px 0;
	color: #fff;
	text-align: center;
}
#notification-bar i {
	font-size: 2em;
	vertical-align: middle;
}
#notification-bar span {
	font-weight: 700;
	font-size: 18px;
	margin-left: 15px;
}
#notification-details {
	background-color: #1E1E23;
	color: #ccc;
	font-size: 16px;
}
#notification-details h4 {
	margin-top: 30px;
	color: #fff;
}
#notification-details a {
	color: #87C2ED;
}
/* End Notification Styles */

/* Feature Tiles Styles */
#feature-tiles {
	background-color: #ebebeb;
	padding: 40px;
	/*min-height: 436.5px;*/
}
.feature-tiles {
	display: block;
	padding: 0;
	margin: 25px 0;
	line-height: 1.42857143;
	background-color: #fff;
	border: none;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.feature-tiles > img {
	display: block;
	width: 100%;
	width: 100%;
	height: auto;
	-webkit-border-radius: 5px 5px 0 0; /* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-moz-border-radius: 5px 5px 0 0; /* Firefox 1-3.6 */
	border-radius: 5px 5px 0 0;	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}
.feature-tiles > img,  .feature-tiles a > img {
	margin-right: auto;
	margin-left: auto;
}
a.feature-tiles:hover,  a.feature-tiles:focus,  a.feature-tiles.active {
	border-color: #428bca;
}
.feature-tiles .feature-tiles-caption {
	padding: 20px;
	color: #333;
	max-height: 132px;
}
.clamped {
	line-height: 1.5;
	overflow: hidden;
	position: relative;
}
.clamped-3 {
	/* Clamp to 3 lines, ie line-height x 3: */
	max-height: 4.5em;
}
.ellipsis {
	background: #fff;
	bottom: 0;
	position: absolute;
	right: 0;
}
.fill {
	background: #fff;
	height: 100%;
	position: absolute;
	width: 100%;
}
.feature-tiles h4 {
	font-size: 17px;
}
.feature-tiles p {
	font-family: 'Lato', sans-serif;
	font-size: 15px;
}

@media (min-width: 991px) {
.feature-tiles:hover {
	margin-top: -5px;
}
}

@media (max-width: 767px) {
#feature-tiles a {
	text-decoration: none !important;
}
}

@media (min-width: 1200px) {
#feature-tiles {
	padding: 50px 13px;
}
}
/* Feature Tiles Styles End */
		
/* News-Events Styles */
.news-events {
	width: 100%;
	height: 175px;
	border: 5px solid white;
	padding: 0;
}
.news-events-body {
	padding: 15px;
	position: relative;
	z-index: 2;
}
.news-events-default {
	border-color: #fff;
}
.news-column {
	padding: 0;
}
.side-panel-right {
	border-right: 0;
	border-left: 0;
}
.side-panel-left {
	border-left: 0;
	border-right: 0;
}
.dimmed {
	position: relative;
}
.dimmed:after {
	content: " ";
	z-index: 1;
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(255,255,255, 0.75);
}
#news-events {
	margin-left: 15px;
	margin-right: 15px;
}
.news-hover p, .news-hover a {
	color: #fff;
	font-weight: bold;
}
.news-hover i {
	text-decoration: none;
}
.article-header {
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
	color: #545454;
	min-height:85px;
}
.article-link {
	font-weight: bold;
	font-size: 12px;
}
.article-date {
	margin: 0 0 0 0;
	color: #848484;
	font-size: 12px;
}
.icon-angle-right:hover {
	text-decoration: none;
}
.icon-position {
	font-size: 8px;
	position: relative;
}

@media (max-width: 767px) {
.news-events {
	width: 100%;
	height: 175px;
	border: 3px solid white;
	padding: 0;
}
.side-panel-left {
	border-left: 0;
	border-right: 0;
}
.panel-middle {
	border: 0;
}
.side-panel-right {
	border-right: 0;
	border-left: 0;
}
}
/* News-Events Styles End */

/* Custom Header Color */
.orange-heading{
	color:#FD8E00;
}

.blue-heading{
	color:#0c5085;
}

.green-heading{
	color:#5ca532;
}

/* Call To Action Bar Styles */
.cta-bar {
	width: 100%;
	height: 100px;
	line-height: 100px;
	padding: 0;
	color: white;
	font-size: 1.3em;
}
.cta-bar a {
	color: white;
}
.cta-bar-body {
	text-align: center;
}
.cta-bar-default {
	border-color: #fff;
}
.cta-column {
	border-bottom: 1px solid rgb(30, 30, 35);
	padding: 0;
	background: #00548e;
}

@media (min-width: 768px) {
.cta-bar {
	border-left: 1px solid rgb(30, 30, 35);
}
}
.apply-for-loan {
/*(background-color: #166296;	*/
}
.open-an-account {
/*background-color: #13598D;*/
}
.find-a-location {
/*background-color: #115386;*/
}
.download-the-app {
/*background-color: #0F4D80; */
}
#cta-bar {

	margin-left: 15px;
	margin-right: 15px;
}
.cta-text {
	margin: 0 0 0 0;
}
.cta-text:hover {
	color: #ccc
}
.icon-font {
	font-size: 1.3em;
	vertical-align: middle;
	position: relative;
	bottom: 2px;
}

@media (max-width: 767px) {
#cta-bar a {
	text-decoration: none !important;
}
}
/* Call To Action Bar Styles End */
		
/* Footer Styles */
.footer h4 {
	color: #fff;
	font-weight: normal;
}
.footer ul {
	color: #fff;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.footer a {
	color: #fff;
	text-decoration: none;
}
.footer-alignment {
	text-align: left
}
.footer-padding {
}

/*@media (max-width: 991px) {
.footer-alignment {
	text-align: center;
}
}*/

@media (min-width: 1199px) {
.footer-padding {
	padding-left: 50px;
}
}

@media (max-width: 1198px) {
.footer-padding {
	padding-left: 25px;
}
}

@media (max-width: 991px) {
.footer-padding {
	padding-left: 0px;
}
}
.social {
	margin-bottom: 0em;
}
.social a {
	display: inline-block;
	margin: 1em 1em;
}
.social a i {
	color: #fff;
	font-size: 2em;
}
#social-icons {
	background-color: #151519;
}
#footer-section {
	background-color: #1E1E23;
	padding-top: 40px;
	padding-bottom: 40px;
}
/* Social Icons Hover */
#facebook:hover {
	color: #3b5998;
}
#twitter:hover {
	color: #55acee;
}
#instagram:hover {
	color: #517fa4;
}
#youtube:hover {
	color: #bb0000;
}
#pinterest:hover {
	color: #cb2027
}
.lazerz {
	background: -moz-radial-gradient(center, ellipse cover, rgba(245,146,45,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(245,146,45,1)), color-stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(245,146,45,1) 0%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(245,146,45,1) 0%, rgba(255,255,255,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(245,146,45,1) 0%, rgba(255,255,255,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(245,146,45,1) 0%, rgba(255,255,255,0) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5922d', endColorstr='#00ffffff', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	height: 1px;
	width: 30%;
	display: inline-block;
}

@media (max-width: 660px) {
.lazerz {
	width: 25%;
}
}

@media (max-width: 540px) {
.lazerz {
	width: 20%;
}
}
@media (max-width: 460px) {
.lazerz {
	display: none;
}
}
.news-events-list li:first-child {
	border-top: none;
}
.news-events-list li {
	padding: 8px 0;
	border-top: 1px solid #353535;
}
.news-events-list small {
	color: #667580;
	display: block;
}
/* Footer Styles End */

/* Rates Table Styles http://codepen.io/pixelchar/pen/rfuqK */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	color: #337aa8;
}
a:hover, a:focus {
	color: #4b8ab2;
}
.table-container {
	margin: 5% 3%;
}

@media (min-width: 48em) {
.table-container {
	margin: 2%;
}
}

@media (min-width: 75em) {
.table-container {
	margin: 2em auto;
	max-width: 75em;
}
}
.responsive-table {
	width: 100%;
	margin-bottom: 1.5em;
}

@media (min-width: 48em) {
.responsive-table {
	font-size: .9em;
}
}

@media (min-width: 62em) {
.responsive-table {
	font-size: 1em;
}
}
.responsive-table thead {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

@media (min-width: 48em) {
.responsive-table thead {
	position: relative;
	clip: auto;
	height: auto;
	width: auto;
	overflow: auto;
}
}
.responsive-table thead {
	border-bottom: 2px solid #545454;
}
.responsive-table thead th {
	font-weight: 900;
	text-align: center;
	color: #545454;
}
.responsive-table thead th:first-of-type {
	text-align: left;
}
.responsive-table tbody,  .responsive-table tr,  .responsive-table th,  .responsive-table td {
	display: block;
	padding: 0;
	text-align: left;
	white-space: normal;
}

@media (min-width: 48em) {
.responsive-table tr {
	display: table-row;
}
}
.responsive-table th,  .responsive-table td {
	padding: .5em;
	vertical-align: middle;
}

@media (min-width: 30em) {
.responsive-table th,  .responsive-table td {
	padding: .75em .5em;
}
}

@media (min-width: 48em) {
.responsive-table th,  .responsive-table td {
	display: table-cell;
	padding: .5em;
}
}

@media (min-width: 62em) {
.responsive-table th,  .responsive-table td {
	padding: .75em .5em;
}
}

@media (min-width: 75em) {
.responsive-table th,  .responsive-table td {
	padding: .75em;
}
}
.responsive-table caption {
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

@media (min-width: 48em) {
.responsive-table caption {
	font-size: 1.5em;
}
}
.responsive-table tfoot {
	font-size: .8em;
	font-style: italic;
}

@media (min-width: 62em) {
.responsive-table tfoot {
	font-size: .9em;
}
}

@media (min-width: 48em) {
.responsive-table tbody {
	display: table-row-group;
}
}
.responsive-table tbody tr {
	margin-bottom: 1em;
	border: 2px solid #999;
}

@media (min-width: 768px) {
.responsive-table tbody tr {
	margin-bottom: 1em;
	border-left: none;
	border-right: none;
}
}

@media (min-width: 48em) {
.responsive-table tbody tr {
	display: table-row;
	border-width: 1px;
}
}
.responsive-table tbody tr:last-of-type {
	margin-bottom: 0;
}

@media (min-width: 48em) {
.responsive-table tbody tr:nth-of-type(odd) {
	background-color: rgba(94, 93, 82, 0.1);
}
}
.responsive-table tbody th[scope="row"] {
	background-color: #999;
	color: white;
}

@media (min-width: 48em) {
.responsive-table tbody th[scope="row"] {
	background-color: transparent;
	color: #5e5d52;
	text-align: left;
}
}
.responsive-table tbody td {
	text-align: right;
}

@media (min-width: 30em) {
.responsive-table tbody td {
	border-bottom: 1px solid #999;
}
}

@media (min-width: 48em) {
.responsive-table tbody td {
	text-align: center;
}
}
.responsive-table tbody td[data-type=currency] {
	text-align: right;
}
.responsive-table tbody td[data-title]:before {
	content: attr(data-title);
	float: left;
	font-size: .8em;
	color: rgba(94, 93, 82, 0.75);
}

@media (min-width: 30em) {
.responsive-table tbody td[data-title]:before {
	font-size: .9em;
}
}

@media (min-width: 48em) {
.responsive-table tbody td[data-title]:before {
	content: none;
}
}
/* Rates Table Styles End */

/* Sub-Nav Styles */		
#subNav .navbar-default {
	background-color: rgba(94, 93, 82, 0.1);
	border-radius: 0;
}
#subNav li {
	color: #545454;
}
#subNav .navbar-toggle {
	background-color: transparent;
	border: none;
	cursor: pointer;
	text-align: center;
	float: none;
	font-size: 18px;
	color: #545454;
	font-weight: normal;
}
.icon-arrow-down {
	font-size: 12px;
}


/* begin grid-float-breakpoint overrides for subnav */

@media (max-width: 991px) {
	#subNav .navbar-header {
		float: none;
	}
	#subNav .navbar-toggle {
		display: block;
	}
	#subNav .navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	#subNav .navbar-collapse.collapse {
		display: none!important;
	}
	#subNav .navbar-nav {
		float: none!important;
		margin: 0 -15px; /* changed from 7.5px -15px */
	}
	#subNav .navbar-nav>li {
		float: none;
	}
	#subNav .navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#subNav .navbar-text {
		float: none;
		margin: 15px 0;
	}
	/* since 3.1.0 */
	#subNav .navbar-collapse.collapse.in { 
		display: block!important;
	}
	#subNav .collapsing {
		overflow: hidden!important;
	}
	/* added by Brian */
	#subNav .container-fluid > .navbar-collapse,
	#subNav .container-fluid > .navbar-header,
	#subNav .container > .navbar-collapse,
	#subNav .container > .havbar-header {
		margin-right: -15px;
		margin-left: -15px;
	}
}

@media (min-width: 992px) {
	#subNav .nav > li > a {
		line-height: 47px;
	}
	/* maximize the space for links on md and lg grids */
	#subnav-main {
		padding-left: 0;
		padding-right: 0;
	}
}

/* end grid-float breakpoint overrides for subnav */


/* Sub-Nav Styles End */

/* Page-Banner Styles */
.page-banner {
	height: 350px;
}
.page-banner h1, .page-banner > .h1 {
	text-align: center;
	font-size: 50px;
	font-style: italic;
	color: white;
	font-weight: 300;
	margin: 0;
	padding-top:50px;
}
#featured-review {
	color: #DEDEDE;
	font-size: 24px;
}
#featured-review-footer {
	color: #ccc;
}

@media (max-width: 767px) {
.page-banner {
	height: 150px;
}
}

@media (max-width: 991px) {
.page-banner h1, .page-banner > .h1 {
	font-size: 40px;
}
#featured-review {
	font-size: 18px;
}
}

@media (max-width: 450px) {
.page-banner h1, .page-banner > .h1 {
	font-size: 25px;
}
.rates-banner h1 {
	font-size: 18px;
}
}
/* Page-Banner Styles End */

/* Rates-Banner Styles */
.rates-banner {
	height: 150px;
}
.rates-banner h1 {
	text-align: center;
	font-size: 25px;
	font-style: italic;
	color: white;
	font-weight: 300;
	margin: 0;
	padding-top:50px;
}

/* Rates-Banner Styles End */

/* Contact Tiles Styles */
#contact-tiles-section {
	padding: 75px 0;
}
.panel-alt {
	padding: 60px 15px;
}
.panel-padding {
	padding: 35px 15px;
}
.icon-style {
	font-size: 64px;
	font-weight: 300;
	display: block;
	color: #166296;
	padding: 10px 0;
}
.contact-text {
	color: #777;
}

@media (max-width: 991px) {
.panel-alt {
	text-align: center;
}
}
/* Contact Styles End */
		
/* FAQ Styles */
.panel-heading .accordion-toggle:after {
	/* symbol for "opening" panels */
	font-family: 'afcu-icons';  /* essential for enabling glyphicon */
	content: "\e606";    /* adjust as needed, taken from bootstrap.css */
	float: right;        /* adjust as needed */
	color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
	/* symbol for "collapsed" panels */
	content: "\e602";    /* adjust as needed, taken from bootstrap.css */
}
.hr-faq-divider {
	height: 2px;
	border: 0 none;
	background-color: #999;
}
.faq-section .container {
	padding-bottom: 50px;
}
.faq-button {
	margin: 30px 0;
}
a.accordion-toggle {
	text-decoration: none;
}
.faq-section .panel-heading {
	background-color: #fff;
	color: #545454;
}
.faq-section .panel-body {
	border: 0;
}
.faq-section .panel {
	border: 0;
}
.faq-section .panel-title {
	margin: 5px 0;
}
/* FAQ Styles End */


/* BRANCH SEARCH */
#branch-search {
	background-color: #f4f4f4;
	padding: 20px;
}
.branch-h4 {
	color: #808080;
	font-size: 15px;
	padding-left: 5px;
}

@media(max-width: 767px) {
.branch-h4 {
	text-align: center;
}
}
 .form-control::-webkit-input-placeholder {
color: #B3B3B3;
}
 .form-control::-moz-placeholder { /* Firefox 19+ */
 color: #B3B3B3;
}
 .form-control:-ms-input-placeholder {
 color: #B3B3B3;
}
.branch-miles {
	color: #B3B3B3;
	font-style: italic;
}
.branch-time {
	color: #A0A0A0;
	border: 0;
}
.branch-address {
	color: #2C709F;
	border: 0;
}
.branch-tile {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 25px;
	border-top: 1px solid #ebebeb;
	font-size: 14px;
}
.branch-tile a {
	text-decoration: none;
}

@media(max-width: 767px) {
.row-small {
/*text-align: center;*/
		
}
}
/*.in {
			background-color: #f4f4f4;
		}*/
		
		
		
.panel-title {
	font-size: 14px;
}
 #branch-search ::-webkit-input-placeholder::before {
font-family: afcu-icons;
content:'\e61e  ';
}
 #branch-search ::-moz-placeholder::before {
font-family: afcu-icons;
content:'\e61e  ';
} /* firefox 19+ */
 #branch-search :-ms-input-placeholder::before {
font-family: afcu-icons;
content:'\e61e  ';
} /* ie */
 #branch-search :-moz-input-placeholder::before {
font-family: afcu-icons;
content:'\e61e  ';
}

@media(max-width: 1199px) {
.branch-container {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
}
/* Start Brian's styles */
		
#locator-results .panel-group .panel,  #all-branches .panel-group .panel {
	border-radius: 1px;
}
#locator-results h5,  #all-branches h5 {
	margin-bottom: 5px;
}
#locator-results i,  #all-branches i {
	color: #166296;
}
#locator-results .hours-container,  #all-branches .hours-container {
	margin-left: 17px;
}
#locator-results a > .panel-heading,  #all-branches a > .panel-heading {
	color: #545454;
	background-color: #f5f5f5;
	border-color: #ddd;
}
#locator-results .panel-body,  #all-branches .panel-body {
	border-top: 1px solid #ddd;
}
#locator-results a[data-toggle="collapse"],  #all-branches a[data-toggle="collapse"] {
	color: #545454;
}

@media(min-width: 768px) {
#all-branches {
	height: 600px;
	overflow: auto;
}
}
/* End Brian's styles */
		
/* END BRANCH SEARCH */
		
/* MAP STYLE */	
		   
      /*#map-outer {  
	  				padding: 20px; 
					border: 0px solid #CCC; 
					margin-bottom: 20px; 
					background-color:#FFF }
	  #map-container { 
	  		height: 775px;
			display: block; 
			 }
	  @media all and (max-width: 991px) {
		#map-outer  { height: 950px }
		}
		
		
		
	#map-page, #map-canvas {
			display: block; 
			width: 100%; 
			height: 775px; 
			padding: 0; 
			}*/
			
#map-column {
	height: 600px;
}
/* END MAP STYLE */

/* Product Page Styles */
.main-container {
	padding-top: 50px;
	padding-bottom: 30px;
}
.content {
	font-size: 16px;
}
.main-container h2, .main-container h4 {
	margin-top: 0;
}
/* Offset Nabvar for anchor tags 
.anchor-offset-nav:before {
	display: block; 
	content: " "; 
	margin-top: -90px; 
	height: 90px; 
	visibility: hidden;
}*/

/*.calc-form label {
	border-top: 1px solid #E6E6E6;
	border-right: none;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	width: 50%;
	margin-left: 0;
	margin-right: -3px;
	padding: 10px;
	font-style: italic;
	color: #B3B3B3;
	font-weight: 400;
	margin-bottom: 10px;			
}
.calc-form input {
	border: 1px solid #E6E6E6;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	text-align: right;
	padding: 10px;
	width: 50%;
	margin-bottom: 10px;			
}*/
.calc-result-container {
	background-color: #FAFAFA;
	border: 1px solid #E6E6E6;
	border-radius: 3px;
	padding: 30px 10px;
	width: 100%;
	color: #166296;
	font-weight: 700;
	margin-bottom: 10px;
}
.calc-result-amount {
	float: right;
}
.img-sidebar {
	width: 100%;
	height: auto;
	max-width: 300px;
	margin-top: 35px;
	margin-bottom: 20px;
}
.cta-product {
	background-color: #eee;
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.cta-product a {
	margin-top: 45px;
}

@media (max-width: 991px) {
.cta-product {
	text-align: center;
}
.sidebar-ad-text {
	text-align: center;
	width: 265px;
}
}

@media (max-width: 767px) {
.prod-image {
	text-align: center;
}
}
/* End Product Page Styles */

/* FAQ modal styles */
.modal{
	padding-top:75px;
	
}

/* modal scroll fixes */
.modal-open .modal {
	padding-left: 0px !important;
	padding-right: 0px !important;
	overflow-y: scroll;
	z-index: 9999;
}
/* Login Modal Styles */
#login-modal {
	color: #fff;
}
#login-modal a {
	color: #fff;
}
#login-modal .close {
	color: #fff;
	text-shadow: none;
}
#login-modal .modal-header {
	border: none;
}
#login-modal .modal-content {
	background-color: #13598D;
}
#login-modal .modal-body {
	padding: 14px 40px;
}
/* End Login Modal Styles */
/* Start Membership Agreement Table Styling */
div.ma th {
	text-transform: uppercase;
	text-align: center;
	border: 1px solid #999;
	color: #000;
	background-color: #ccc;
	padding-left: 10px;
	padding-right: 10px;
}
div.ma table, div.ma td {
	border: 1px solid #999;
	text-align: left !important;
}
div.ma p, div.ma ul {
	text-align: left;
}
.facts {
	background-color: #333 !important;
	color: #fff !important;
	font-size: 16px;
}
/* End Membership Agreement Table Styling */

/* Rates Sidebar Styling */
#nav-rates.affix {
	position: fixed;
	top: 80px;
}
#nav-rates.affix-bottom {
	position: absolute;
}
#nav-rates.affix-top {
	position: static;
}
.rates-sidenav > li > a {
	line-height: 20px;
	padding: 5px 15px;
}
/*#nav-rates .nav-pills>li.active>a, #nav-rates .nav-pills>li.active>a:focus, #nav-rates .nav-pills>li.active>a:hover {*/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	background-color: #166296;
}
/* End Rates Sidebar Styling */


/* Index Styles */

.index-container {
	padding-top: 40px;
	padding-bottom: 35px;
}
.index-callout {
	padding: 15px;
	margin: 15px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}
.index-callout-primary {
	border-left-color: #166296;
}
/* End Index Styles */

/* Visa Rates Styles (Could be used for more) */
/* this matches the background color used for table striping in .responsive-table */
.gray-background {
	background-color: rgba(94, 93, 82, 0.1);
}
/* End Visa Rates Styles */

/* News Styles */
.presImage {
	float: left;
	margin: 0 15px 10px 0;
}
#news-content {
	margin-bottom: 30px;
}
.pager li>a, .pager li>span {
	border-color: #166296;
	border-radius: 1px;
	color: #166296;
}
.pager li>a:focus, .pager li>a:hover {
	background-color: #166296;
	color: #fff;
	border-color: #166296;
}
.news-item-container {
	padding: 15px 0;
}
/* End News Styles */

 
/* Navbar Inverse Styles */

.navbar-inverse {
	background-color: #00548e;
	/*	background-color: #062554;*/
	border-color: #080808;
	z-index: 3000;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	color: #fff;
	background-color: #13598d;
}
/*Navbar gradient */
#headerGradient {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #062554; /* Old browsers */
	background: -moz-linear-gradient(left, #062554 0%, #0f477a 24%, #062554 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #062554), color-stop(24%, #0f477a), color-stop(100%, #062554)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #062554 0%, #0f477a 24%, #062554 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #062554 0%, #0f477a 24%, #062554 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #062554 0%, #0f477a 24%, #062554 100%); /* IE10+ */
	background: linear-gradient(to right, #062554 0%, #0f477a 24%, #062554 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#062554', endColorstr='#062554', GradientType=1 ); /* IE6-9 */
/*background: rgba(11, 70, 157, 1);
	background: -moz-radial-gradient(25%, ellipse cover, rgba(11, 70, 157, 1) 0%, rgba(6,37,84,0) 100%);
	background: -webkit-radial-gradient(25%, ellipse cover, rgba(11, 70, 157, 1) 0%, rgba(6,37,84,0) 100%);
	background: -o-radial-gradient(25%, ellipse cover, rgba(11, 70, 157, 1) 0%, rgba(6,37,84,0) 100%);
	background: -ms-radial-gradient(25%, ellipse cover, rgba(11, 70, 157, 1) 0%, rgba(6,37,84,0) 100%);
	background: radial-gradient(ellipse at 25% , rgba(11, 70, 157, 1) 0%, rgba(6,37,84,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d57ad', endColorstr='#062554', GradientType=1 ); */
}

/*Small grid dropdown menu */
@media (max-width: 767px) {
/*
.navbar-inverse h5 {
	color: #545454;
}
.navbar-inverse a {
	color: #545454;
}*/

.navbar-inverse .navbar-nav > li > a {
	color: #797979;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color: #3c3c3c;
}
.navbar-inverse .navbar-nav > li > a:active {
	color: #545454;
}
.navbar-inverse .navbar-nav > li > a:focus {
	color: #545454;
}
.navbar-inverse li {
	background-color: #e8e8e8;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	color: #fff;
	/*background-color: #3c3c3c;*/
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	border-color: #2a2a2a;
}
.yamm-content h5 {
	border-bottom: 1px solid #fff;
}
a.navlinks-primary {
	border-bottom: 1px solid #fff;
}
}

/* Shrinking Navbar */
/* .shrink class is enabled via JavaScript in navshrink.js */


@media (min-width: 768px) { /* changed from 767px */
.navbar-scroll {
	height: 78px;
	-webkit-transition: height 0.00s;
	-moz-transition: height 0.00s;
	transition: height 0.00s;
	-webkit-transform: translateZ(0);
}
.navbar-scroll.shrink {
	height: 50px !important;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	-webkit-transform: translateZ(0);
}
.navbar-brand {
	height: 78px;
	padding: 6px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translateZ(0);
	
}
.navbar-brand.shrink {
	height: 50px !important;
	padding: 6px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translateZ(0);
}


.img-scroll img {
	width: 185px;
	height: 63px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translateZ(0);
}
.img-scroll.shrink img {
	width: 185px;
	height: 40px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translateZ(0);
}


.navb > li > a {
	line-height: 50px !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.shrink .navb > li > a {
	line-height: 20px !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#nav-login-desktop {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#nav-login-tablet {
	/*padding: 14px 15px;* before login changes */
	padding: 14px 0 14px 15px;
	background-color: transparent;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
#nav-login-tablet.shrink {
	/*padding: 0px 15px; before login changes*/
	padding: 0 0 0 15px;
	background-color: transparent;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.dropdown-menu.shrink {
	top: auto;
}
/* added by Brian */
.navbar.shrink #nav-login-desktop {
	margin-top: 8px;
	margin-bottom: 8px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
}
/* End Shrinking Navbar */

/* Google Site Search styling - Added by Tyler Gleave */
#googleSiteSearch {
	max-width: 600px;
	margin: 25px auto 50px auto;
}
#googleSiteSearchMobile {
	background: rgb(232, 232, 232);
}
.gsc-input-box {
	height: 35px !important;
	border-radius: 1px !important;
}
input.gsc-search-button-v2 {
	height: 34px !important;
}
.gsc-input {
	padding-right: 5px !important;
}
.gsst_a, .gsst_b {
	margin-top: 3px;
}
.gstl_50 .gssb_c {
	z-index: 6001;
}
input.gsc-search-button {
	background-image: url(http://www.google.com/uds/css/v2/search_box_icon.png) !important;
	background-repeat: no-repeat !important;
	background-size: 13px !important;
	background-position: 20px 9px !important;
}
.gsc-selected-option-container {
	width: 90px !important;
}
.gsc-result:hover {
	background-color: #E1E1E1 !important;
}
.gs-webResult.gs-result a.gs-title:hover, .gs-title b {
	color: #166296 !important;
}
.gsc-table-result {
	margin-left: 7px;
}
.gs-snippet {
	padding-right: 10px;
}
.gssb_c {
	position: fixed !important;
}
.gsc-webResult.gsc-result.gsc-promotion{
	border-color: #DEDEDE !important;
	background-color: #F7FFE4 !important;
	padding: 15px;
}
/* End Google Site Search Styling */

/* Product Page Alert-Info Styles */
.promo-box {
	margin:30px auto;
}
.promo-box-h3 {
	margin-top: 10px;
}
.disclaimer-text{
	font-size:12px;
}
/* End Product Page Alert-Info Styles */

/* Quick Links sidebar styling */
.quick-links-container {
	display: block;
	position: fixed;
	height: 75px;
	width: 30px;
	color: #fff;
	z-index: 1040;
	border-top-left-radius: 1px;
	border-bottom-left-radius: 1px;
	right: 0px;
	top: 185px;
	box-shadow: -1px 1px 1px rgb(37, 37, 37);
	border: none;
	outline: none;
	font-size: 3em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0;
	padding: 0;
	background: #00548e;
}
.chevron-left {
	margin-bottom: 5px;
}
.cbp-spmenu {
	background: #fff;
	position: fixed;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color: #166296;
}
.cbp-spmenu h3 {
	color: #777;
	text-align: center;
	margin-top: 10px;
	font-weight: 500;
}
.cbp-spmenu-vertical {
	width: 240px;
	top: 100px;
	padding: 0px;
	z-index: 1005;
	border-bottom-left-radius: 1px;
	border-top:1px solid #3e3e3e;
}
.cbp-spmenu-right {
	right: -240px;
}
.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
	box-shadow: -1px 1px 1px rgb(37, 37, 37);
}
.quick-links-open {
	right: 240px;
}
.quick-links-open:hover {
	width: 30px;
}
.cbp-spmenu-vertical ul {
	text-align: center;
	padding: 0px;
	list-style-type: none;
	width: 80%;
	margin: 10px auto;
}
.cbp-spmenu-vertical ul li {
	border-bottom: 1px solid #166296;
	font-size: 1.1em;
	line-height: 2em;
}
.cbp-spmenu-vertical ul li:last-child {
	border-bottom: none;
}
.cbp-spmenu-vertical ul li a {
	color: #166296;
}
.cbp-spmenu-vertical ul li a:hover {
	text-decoration: none;
	font-size: 1.05em;
}
.cbp-spmenu-vertical .social {
	background: #151519;
}
.cbp-spmenu-vertical .social a {
	margin: 0.5em 0.5em 0.3em 0.5em;
}
.cbp-spmenu-vertical .social a:hover {
	text-decoration: none;
}
.cbp-spmenu-vertical .social a i {
	font-size: 1.3em;
}
/* End Quick Links sidebar styling */

/* Smart Banner (app banner) styling */
#smartbanner {
	position: absolute;
	left: 0;
	top: -82px;
	border-bottom: 1px solid #e8e8e8;
	width: 100%;
	height: 78px;
	font-family: 'Helvetica Neue', sans-serif;
	background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
	background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
	background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	z-index: 9998;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	-webkit-text-size-adjust: none;
}
#smartbanner, html.sb-animation {
	-webkit-transition: all .3s ease;
}
#smartbanner .sb-container {
	margin: 0 auto;
	position: relative;
}
#smartbanner .sb-close {
	position: absolute;
	left: 5px;
	top: 5px;
	display: block;
	border: 2px solid #fff;
	width: 14px;
	height: 14px;
	font-family: 'ArialRoundedMTBold', Arial;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	color: #fff;
	background: #070707;
	text-decoration: none;
	text-shadow: none;
	border-radius: 14px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.4);
	-webkit-font-smoothing: subpixel-antialiased;
}
#smartbanner .sb-close:active {
	font-size: 13px;
	color: #aaa;
}
#smartbanner .sb-icon {
	position: absolute;
	left: 30px;
	top: 10px;
	display: block;
	width: 57px;
	height: 57px;
	background: rgba(0,0,0,0.6);
	background-size: cover;
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
#smartbanner.no-icon .sb-icon {
	display: none;
}
#smartbanner .sb-info {
	position: absolute;
	left: 98px;
	top: 18px;
	width: 44%;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: bold;
	color: #6a6a6a;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
#smartbanner #smartbanner.no-icon .sb-info {
	left: 34px;
}
#smartbanner .sb-info strong {
	display: block;
	font-size: 13px;
	color: #4d4d4d;
	line-height: 18px;
}
#smartbanner .sb-info > span {
	display: block;
}
#smartbanner .sb-info em {
	font-style: normal;
	text-transform: uppercase;
}
#smartbanner .sb-button {
	position: absolute;
	right: 40px;
	top: 24px;
	border: 1px solid #bfbfbf;
	padding: 0 10px;

	min-width: 10%;
	height: 24px;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	font-weight: bold;
	color: #6a6a6a;
	background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(255,255,255,0.8);
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(255,255,255,0.6), 0 1px 0 rgba(255,255,255,0.7) inset;
}
#smartbanner .sb-button:active, #smartbanner .sb-button:hover {
	background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%);
}
#smartbanner .sb-icon.gloss:after {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	border-top: 1px solid rgba(255,255,255,0.8);
	width: 100%;
	height: 50%;
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.2) 100%);
	border-radius: 10px 10px 12px 12px;
}
#smartbanner.android {
	border-color: #212228;
	background: #3d3d3d url('dark_background_stripes.gif');
	border-top: 5px solid #88B131;
	box-shadow: none;
}
#smartbanner.android .sb-close {
	border: 0;
	width: 17px;
	height: 17px;
	line-height: 17px;
	color: #b1b1b3;
	background: #1c1e21;
	text-shadow: 0 1px 1px #000;
	box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset, 0 1px 1px rgba(255,255,255,0.3);
}
#smartbanner.android .sb-close:active {
	color: #eee;
}
#smartbanner.android .sb-info {
	color: #ccc;
	text-shadow: 0 1px 2px #000;
}
#smartbanner.android .sb-info strong {
	color: #fff;
}
#smartbanner.android .sb-button {
	min-width: 12%;
	border: 1px solid #DDDCDC;
	padding: 1px;
	color: #d1d1d1;
	background: none;
	border-radius: 0;
	box-shadow: none;
	min-height: 28px
}
#smartbanner.android .sb-button span {
	text-align: center;
	display: block;
	padding: 0 10px;
	background-color: #42B6C9;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42B6C9), to(#39A9BB));
	background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB);
	text-transform: none;
	text-shadow: none;
	box-shadow: none;
}
#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover {
	background: none;
}
#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span {
	background: #2AC7E1;
}
#smartbanner.windows .sb-icon {
	border-radius: 0px;
}
/* End Smart Banner styling */


/* Begin Print styling */
@media print {
	a[href]:after {
		content: none;
	  }
	.quick-links-container, .cbp-spmenu {
		display: none;
	}
	.page-banner, #hero-slider{
		display: none;
	}
	.main-container{
		padding-top: 0px;
	}
	.cta-product, .cta-bar{
		display: none;
	}
	#productReviews{
		display: none;
	}
	.footer{
		display: none;
	}
}

/* End Print styling */

/* Begin Section Colors */

.gray-bg {
    background-color: #F5F5F5;
}
.white-bg {
    background-color: #FFFFFF;
}

/* End Section Colors */


/* Mobile Wallet Div Styling */
.shadow {
    -webkit-box-shadow: 1px 1px 1px 1px #999999;
    -moz-box-shadow: 1px 1px 1px 1px #999999;
    box-shadow: 1px 1px 1px 1px #999999;
    background-color: #FFFFFF;
    padding: 5px;
    margin-top: 10px;
}

.learnmorediv {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.mobile-learnmore {
    display: block;
    width: 100%;
    height: 40px;
    background-color: #ff9900;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 7px 0 0 0;
}
/* End Mobile Wallet Div Styling */


@media (min-width: 992px) {
.right-border {
   border-right: 1px solid #CDCDCD;		
}
}


/* Background stripe colors */
.background-stripe-white{
	background-color: #fff;
	padding-top: 25px;
	padding-bottom: 35px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;	
}
.background-stripe-gray{
	background-color: rgba(238, 238, 238, 0.5);
	padding-top: 25px;
	padding-bottom: 35px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;	
}
.background-stripe-blue{
	background-color: rgba(0,84,142, 0.1);
	padding-top: 25px;
	padding-bottom: 35px;
	border-bottom: 1px solid #00548E;
	border-top: 1px solid #00548E;	
}
.background-stripe-orange{
	background-color: rgba(245,146,45, 0.1);
	padding-top: 25px;
	padding-bottom: 35px;
	border-bottom: 1px solid #F5922D;
	border-top: 1px solid #F5922D;	
}
.background-stripe-green{
	background-color: rgba(89,169,39, 0.1);
	padding-top: 25px;
	padding-bottom: 35px;
	border-bottom: 1px solid #59A927;
	border-top: 1px solid #59A927;	
}
.slick-dots li button { padding: 35px; }