/*
Theme Name: MDR Emerald Child Theme
Theme URI: http: //mdradvertising.com
Description: This is a custom child theme for MDR's Highrise Boilerplate
Author: MDR
Author URI: http: //mdradvertising.com/
Template: mdr-emerald
Version: 0.1
Text Domain: mdr-highrise-child
*/


/* Override parent theme items
------------------------------------
*/
body, .alt-font, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .btn, #menu-nav-menu { font-family: 'Barlow', sans-serif; }
h1 {font-family: proxima-nova, sans-serif !important; font-weight: 800;}
.proxima-nova-bold {font-family: proxima-nova, sans-serif !important; font-weight: 800;}

body { overflow-x: hidden; font-size: 17px; }

.center-bulleted-list { width: 400px; max-width: 90%; margin-left: auto; margin-right: auto; }

/* added for Header Left N */
li#custom_html-17 { margin: 0 !important; }

#top-bar-band { background: #ecf0f7 !important; color: #4f4f4f; padding: 10px 0; }
	#top-bar-band>.container { position: relative; }
	#top-bar-band a, #top-bar-band a:link, #top-bar-band a:focus, #top-bar-band a:hover { color: #4f4f4f !important; }
	#top-bar-band .fa { color: #4f4f4f !important; margin-right: 3px; }

	#top-bar-band #searchform { background: #ecf0f7 !important; }
		#searchform input[type=text] { font-size: 13px; padding: 5px 10px; height: 100%; border-radius: 15px; min-width: 150px; }
		#searchform .btn { margin-left: 5px; padding: 3px 3px 3px 7px !important; border-radius: 15px; }

		nav ul.navbar-nav #menu-item-search-form { display: none; }

	@media (max-width: 768px) { #top-bar-band #Header_Left, li#custom_html-17 { display: none; } }
	@media (max-width: 425px) {
		#top-bar-band { display: block; }
			#top-bar-band #menu-tools-menu-right-2 { /* margin: 0 auto 0 0 !important; */ margin-right: auto !important; }
				#top-bar-band .nav-link { padding: 5px 5px; }
				#top-bar-band #menu-item-search-form { display: block !important; }
	}

	.nav .ml-auto #menu-item-11410 a { pointer-events:none!important; cursor: default!important; }
	.nav .ml-auto .menu-item-11410 a { pointer-events:none!important; cursor: default!important; }

#hdrnav {  }
	#logo { background-image: url(images/logo45h.svg) !important; width: 250px; height: 50px; transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; }
		.affix #logo { width: 275px; height: 45px; }
	nav.navbar ul { padding: 30px 0 !important; transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; }
		/* #hdrnav.affix { padding: 5px 0 !important; } */
		.affix #menu-nav-menu { padding: 0px 0 !important; }
		/* .affix .navbar-nav>li>a { padding: 10px 15px !important; } */
	#menu-nav-menu { font-size: 18px; color: #00467f; }
		.dropdown-toggle::after { display: none !important; }
		nav.light .navbar-nav>li>a, nav.light .navbar-nav>li>a:focus { color: #00467f; font-weight: 500; padding: 11px 30px; }
			nav.light .navbar-nav>li:hover>a { color: #00467f; background-color: rgba(255,255,255,0.2); opacity: 0.75; }
				nav.light .navbar-nav>.active>a, nav.light .navbar-nav>.active>a:focus, nav.light .navbar-nav>.active>a:hover { color: #00467f; background-color: rgba(255,255,255,0.2); border-bottom: 3px solid #ffc423; }

					/* Active parent nav item */
					.navbar-nav>.active>a { position: relative; }
					.navbar-nav>.active>a:after { content: " "; border-bottom: 3px solid #ffc423; width: calc(100% - 20px); position: absolute; bottom: 0; left: 10px; }

		.navbar-nav>li.navbubble>a, .navbar-nav>li.navbubble>a:focus, /* .navbar-nav>li.navbubble>a:hover, */ .navbubble>a { display: inline-block; border-radius: 50px; padding-left: 30px !important; padding-right: 30px !important; padding-top: 8px; padding-bottom: 8px; }
			.navbubble.navbubble-yellow a, .navbubble.navbubble-yellow a:hover, .navbubble.navbubble-yellow a:focus { background: #ffc423; margin-left: 60px; }
			.navbubble.navbubble-lightblue>a, .navbubble.navbubble-lightblue>a:hover, .navbubble.navbubble-lightblue>a:focus { background: #45c5de; }
				.navbar-nav>li.navbubble>a {  }
			@media (max-width: 768px) { .navbar-nav>li.navbubble>a, .navbar-nav>li.navbubble>a:focus, .navbar-nav>li.navbubble>a:hover, .navbubble a { margin-left: 0px; margin: 15px 0; } }


			/* mega menu */
			.dropdown-header { font-size: 18px; padding: 4px 10px; }
			.has-mega-menu { position: static /* unset */ !important; }
				.navbar-default .navbar-nav>.has-mega-menu.open>a, .navbar-default .navbar-nav>.has-mega-menu.open>a:focus, .navbar-default .navbar-nav>.has-mega-menu.open>a:hover { background: url('images/has-mega-menu-triangle.html') center bottom no-repeat !important; transition: unset; -webkit-transition: unset; -moz-transition: unset; }
				.navbar-nav>li.has-mega-menu>.dropdown-menu { width: calc(100% + 30px); margin: -1px -15px 0; padding: 25px 2% !important; z-index: 20; box-shadow: 0px 5px 5px rgba(0,0,0,.15); -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.15); -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.15); border: 1px solid #dfe7ee;  }

					/* IE fix
					body.ie .navbar-nav>li.has-mega-menu>.dropdown-menu { width: 1200px; }
						@media (max-width: 1024px) {
							body.ie .navbar-nav>li.has-mega-menu>.dropdown-menu { width: 1000px; }
						}
						@media (max-width: 768px) {
							body.ie .navbar-nav>li.has-mega-menu>.dropdown-menu { width: 100%; margin: -1px 0px 0; padding: 15px 1% !important; }
						}
					 */

					.navbar-nav>li.has-mega-menu>.dropdown-menu>li { padding: 10px 0 10px; }
						.navbar-nav>li.has-mega-menu>.dropdown-menu>li:first-child { border-left: 0px }

						@media (max-width: 1000px) {
							.navbar-nav>li.has-mega-menu>.dropdown-menu { width: 100%; margin: -1px 0px 0; padding: 15px 1% !important; }
						}
						@media (max-width: 425px) {
							.navbar-nav>li.has-mega-menu>.dropdown-menu { background: rgba(255,255,255,.95); }
						}

				.triangle:after { /* position: absolute; top: 0; left: 0; z-index: 999; */ background: url(images/triangle.png) 0 0 no-repeat; background-repeat: no-repeat; }
				.arrow-up { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; border: 1px solid #dfe7ee }

				.has-mega-menu>.dropdown-menu>li>a { white-space: inherit; } /* let words wrap */
					.has-mega-menu>.dropdown-menu>li:hover>a { background: transparent !important; }

				.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: #f7f7f7 !important; }
				.current-menu-ancestor.active>a { background: transparent !important; } /* make bg of parent/ancestor transparent */

				/* mega menu columns */
				.navbar-nav>li.has-mega-menu>.dropdown-menu>li { float: left; display: block; width: 24%; text-align: left; margin: 0px 1% 0 0; padding: 0; position: relative; }
					.navbar-nav>li.has-mega-menu>.dropdown-menu>li>a { display: block; color: #003e74 !important; font-weight: 600; cursor: pointer; }
					.navbar-nav>li.has-mega-menu>.dropdown-menu>li>ul { display: block; float: none !important; position: relative; left: unset; top: unset; font-size: 17px; text-transform: none; box-shadow: 0 0 0 transparent; text-align: left; padding: 0 !important; }

					/* Products & Services */
					.navbar-nav>li#menu-item-525.has-mega-menu>.dropdown-menu>li { width: 23%; margin-right: 2%; }

					.notachild a { color: #003e74 !important; font-weight: 600; font-size: 18px; padding-bottom: 5px; }
						.notachild a:hover { background: transparent; }

				@media (max-width: 768px) {
					.navbar-nav>li.has-mega-menu>.dropdown-menu>li>ul {  }
				}

				@media (max-width: 425px) {
					#hdrnav { padding: 0 15px; overflow: hidden; }

					.navbar-collapse { padding: 0 !important; box-shadow: 0 0 0 transparent !important; }

					.navbar-nav>li.has-mega-menu>.dropdown-menu>li { width: 100% !important; margin: 0 !important; padding: 10px 0 0 0 !important;
						width: 50% !important; min-height: 230px; }
						.navbar-nav>li.has-mega-menu>.dropdown-menu>li>ul { text-align: left; }


					#menu-nav-menu { background: #fff; }
						#menu-nav-menu>li/* .navbar-nav>li */ { overflow: hidden; margin: 20px 0; }
							#menu-nav-menu>li>a, #menu-nav-menu>li:hover>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { display: block; float: none; color: #015aa2 !important; font-size: 20px; font-weight: 600; }
								#menu-nav-menu>li>a>br { display: none; }

								.navbar-nav>li.has-mega-menu>.dropdown-menu { display: block; position: relative; background: transparent; box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; padding: 0 !important; margin: 0; clear: both; overflow: hidden; }

					.dropdown-menu>li>a { white-space: unset; line-height: 1.1; padding: 7px 15px; }

					/* stop jumpy nav due to padding differences */
					.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 7px 15px; }
					.navbar-nav .open .dropdown-menu>li>a { line-height: 1.1; }
				}


#notibar { background: #ffc423 !important; color: #00467f; font-weight: 700; }
	#notibar a, #notibar a:link, #notibar a:focus, #notibar a:hover { color: #00467f; }


#alert-band { background: #ffc423 !important; padding: 10px 0px;  color: #00467f; font-weight: 700;  }

	/* Carousel */
	#myCarousel_home .item.overlay:after { background: rgba(87,69,69,0.55) !important; box-shadow: inset 0px 0px 240px 70px rgba(0,0,0,0.25) !important; -webkit-box-shadow: inset 0px 0px 240px 70px rgba(0,0,0,0.25) !important; -moz-box-shadow: inset 0px 0px 240px 70px rgba(0,0,0,0.25) !important; }
		#slider-overlay { position: absolute; bottom: 0; right: 0; z-index: 1000; height: 100% !important; width: 100%; /* SA removed style - it was squishing arrows on smaller desktop widths -- min-width: 1920px; */}
			@media (max-width: 1024px) { #slider-overlay { min-width: auto; } }

		#online-banking-box { height: 100%; max-width: 340px; top: 0% !important; text-align: unset !important; position: absolute; right: 5%; z-index: 1111; }
			@media (max-width: 768px) { #online-banking-box { display: none; } }
		#online-banking-box hr { width: calc(100% + 60px); margin: 0 0 15px -30px; }
			#online-banking-box .caption-box { padding: 20px 30px; background: #fff; }
				@media (max-width: 1024px) { #online-banking-box .caption-box { padding: 10px 20px; } #online-banking-box hr { width: calc(100% + 40px); margin: 0 0 15px -20px;; } }

		.item.overlay .carousel-caption { text-shadow: 0 1px 20px rgba(0,0,0,0.15) !important; }


		/*
		  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
		  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
		  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
		  Inspired from:  http://codepen.io/Rowno/pen/Afykb
		*/
		.carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
		.carousel-fade .carousel-inner .active { opacity: 1; }
		.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
		.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
		.carousel-fade .carousel-control { z-index: 2; }

		/* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */
		@media all and (transform-3d), (-webkit-transform-3d) {
		    .carousel-fade .carousel-inner > .item.next,
		    .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
		    .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
		    .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
		}


	.carousel-caption { width: 90% !important; left: 5% !important; right: 5% !important; padding: 0 !important;
	    height: 100%;
	    max-width: 600px;
		top: 0% !important;
		text-align: unset !important;
		z-index: 1111;
		font-size: 25px; font-weight: 500; line-height: 1.2;
	}

		.caption-box { padding: 10px 30px 0px; background: rgba(0,59,107,0.95); border-radius: 30px; }

		/* Carousel caption alignment */
		.carousel-caption.carcap-center { text-align: center !important; }
		.carousel-caption.carcap-right { text-align: right !important; }

		.carousel-caption .h1, .carousel-caption .h2, .carousel-caption .h3, .carousel-caption .h4, .carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4 { color: #fff; font-weight: 500; /* line-height: 1.5; */ }
		.carousel-caption .h1, .carousel-caption h1 { font-size: 55px; font-weight: 900; line-height: 1; }
			.carousel-caption .h1 small, .carousel-caption h1 small { font-size: 75%; color: #fff; }
		.carousel-caption .h3, .carousel-caption h3 {  }
		.carousel-caption .btn {  }
		span[class^="spacer-"] { display: inline-block; }

		@media (max-width: 1220px) {
			.carousel-caption { /* top: 10% !important; */ max-width: 540px; font-size: 16px; font-weight: 400; line-height: 1.2; }
				.caption-box { padding: 1px 20px; }
				.carousel-caption .h1, .carousel-caption h1 { font-size: 30px; margin: 0; padding: 10px 0; }
				.carousel-caption .h2, .carousel-caption h2 { font-size: 25px; margin: 0; padding: 10px 0; }
				.carousel-caption .h3, .carousel-caption h3 { font-size: 14px; margin: 0; padding: 10px 0; }
				.carousel-caption .btn { font-size: 14px; padding: 6px 15px 7px; }
				.carousel-caption p { margin: 0 0 0px; }
		}

		@media only screen and (max-width: 1024px)  {
			.carousel-caption{
				max-width:300px;
			}
		}

		@media (max-width: 768px) {
			.carousel-caption { /* top: 5% !important; */ max-width: 400px; font-size: 14px; }
				.carousel-caption .vcenter:first-of-type { width: calc(100% - 70px) !important; }
				.caption-box { padding: 0px 15px; }
				.carousel-caption .h1, .carousel-caption h1 { font-size: 22px; margin: 0; }
				.carousel-caption .h2, .carousel-caption h2 { font-size: 15px; }
				.carousel-caption .h3, .carousel-caption h3 { font-size: 12px; max-width: 500px; }
				.carousel-caption .btn { padding: 2px 10px 3px; font-size: 14px !important; }
		}
		@media (max-width: 425px) {
			.carousel-item:after { content: " "; position: absolute; top: 0; left: 0; z-index: 100; background: #0b497c; height: 100%; width: 100%; }
			.carousel-caption { width: 90% !important; left: 5% !important; right: 5% !important; max-width: 100%; font-size: 16px; }
			.carousel-caption .vcenter:first-of-type { width: calc(100% - 4px) !important; }
			.caption-box { padding: 10px 20px; }
			.carousel-caption .h1, .carousel-caption h1 { font-size: 28px; }
			.carousel-caption .h2, .carousel-caption h2 {  }
			.carousel-caption .h3, .carousel-caption h3 {  }
			.carousel-caption p {  }
			/* .carousel-control-next, .carousel-control-prev { display: none; } */
			.carousel-control-next { right: 5px; }
			.carousel-control-prev { left: 5px; }
		}
		@media (max-width: 375px) {
			.carousel-inner > .item > img, .carousel-inner > .item > a > img { min-height: 100px; }
		}

		/* Control */
		.car_control { position: absolute; bottom: 0; right: 0; }
			.carousel-control { opacity: .5 !important; margin: 0 0 0 2px; }
				.carousel-control:hover { opacity: 1 !important; }

				.carousel-control.left, .carousel-control.right { width: auto; height: auto; top: auto; position: relative; display: inline-block; }
				.carousel-control-next, .carousel-control-prev { font-size: 30px; }
					.porta-prev, .porta-next { width: auto !important; height: auto !important; margin-top: 0 !important; font-size: 40px !important; line-height: 1; position: relative !important; top: initial !important; z-index: 5 !important; display: block !important; background: rgba(62,165,231, 0.8); }
						.carousel .porta-prev { left: 0 !important; padding: 0px 25px 0px 20px !important }
						.carousel .porta-next { right: 0 !important; padding: 0px 20px 0px 25px !important }

			@media (max-width: 425px) { .porta-prev, .porta-next { font-size: 25px !important; } }

		/* Indicators */
		.carousel-indicators li { background-clip: border-box; border-width: 0px 0; margin-bottom: 5px; }


/* footer { width: calc(100% + 30px) }  */
	footer .widget_media_image img { max-width: none !important; }
	footer .h5 { font-size: 17px; }
	footer a { font-weight: 500; }
	footer ul.menu li { margin: 0 0 5px; }
	#menu-footer-nav-long { font-size: 17px; }
		#menu-footer-nav-long li a { font-weight: 600; }

	@media (max-width: 768px) { footer .btn { font-size: 15px; padding: 10px 16px 11px; } }

	#back-to-top { color: #00467f !important; }

	footer .btn { padding: 12px 16px !important; display: inline-block; }


/* Live Chat */
		a#btn_livechat { display: block; width: 40px; height: 106px; background: url(images/btn-livechat2.png) 0 0 no-repeat; background-size: 100%; position: fixed; top: /* 240 */240px; right: 0; z-index: 99999; text-decoration: none; }
			/* removed 3/5/21 body.home a#btn_livechat { top: 670px; } */

/* Home page sections */
body.home .the_content h2 { color: #00467f !important; }

.home-grid { margin-top: -60px; }
	.home-grid>.row { border: 1px solid #e9eef3; border-width: 0 0 1px 0; }
		.home-grid div[class^="col-"] { padding: /* 50px 15px 30px */ 40px 50px 30px; position: relative; }
			@media screen and (max-width: 1440px) { .home-grid div[class^="col-"] { padding: 35px 30px 20px; } }
		.home-grid .bordered { border-right: 1px solid #e9eef3; }
			.home-grid div[class^="col-"] p:first-of-type { /* display: none; */ margin: 0; }

			@media (max-width: 1024px) {
				.home-grid>.row { border: none; }
				.home-grid .bordered { border-right: none; }
			}

			@media (max-width: 768px) {
				.home-grid { margin-top: -40px; margin-bottom: -40px; }
				.home-grid div[class^="col-"] { padding: 15px 15px 5px; max-height: 100px; }
				.home-grid img { max-width: 50px; }
				body.home .the_content .home-grid h2 { font-size: 20px; margin: 0 0 2px 0; }
			}

#home-why-na {  }

.mod-blog-holder { min-height: 280px; }

#mod-latest-news {  }
	@media (max-width: 425px) { #mod-latest-news div[class^="col-md-3"] { margin-bottom: 50px; } }

/* Counter Money Sign */
.money:before { content: "$"; }
.million:after { content: "M"; }

/* Theme styles */
select:active, select:hover { outline: none }
::selection { background: rgba(62,165,231,0.5); /* WebKit/Blink Browsers */ }
::-moz-selection { background: rgba(62,165,231,0.5); /* Gecko Browsers */ }

p { margin: 0 0 30px; }

/*
.color-white, .color-white a, .color-white a:link, .color-white a:focus, .color-white a:hover, body.home .the_content .color-white h2 { color: #fff !important; }
.color-blue, .color-blue a, .color-blue a:link, .color-blue a:focus, .color-blue a:hover { color: #00467f !important; }
.color-yellow, .color-yellow a, .color-yellow a:link, .color-yellow a:focus, .color-yellow a:hover { color: #ffc423 !important; }
.color-gray, .color-gray a, .color-gray a:link, .color-gray a:focus, .color-gray a:hover { color: #4f4f4f !important; }
.color-lightgray, .color-lightgray a, .color-lightgray a:link, .color-lightgray a:focus, .color-lightgray a:hover { color: #9191a6 !important; }
*/

.color-white, body.home .the_content .color-white h2 { color: #fff !important; }
.color-blue { color: #00467f !important; }
.color-lightblue { color: #45c5de !important; }
.color-yellow { color: #ffc423 !important; }
.color-gray { color: #4f4f4f !important; }
.color-lightgray { color: #9191a6 !important; }

.bg-blue { background: #00467f !important; }
.bg-lightblue { background: #45c5de !important; color: #002A4D !important; }
.bg-lightcyan { background: #e1f3f9 !important; }
.bg-yellow { background: #ffc423 !important; color: #002A4D !important; }
.bg-white { background: #ffffff !important; }
.bg-blue-grad { background: #013e70; background: -moz-linear-gradient(-45deg,  #013e70 0%, #1e689b 100%); background: -webkit-linear-gradient(-45deg,  #013e70 0%,#1e689b 100%); background: linear-gradient(135deg,  #013e70 0%,#1e689b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013e70', endColorstr='#1e689b',GradientType=1 ); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#013e70+0,1e689b+100 */ }
.bg-gray { background: #fff !important; color: #ccc !important; }

.border-b-darkcyan { border-bottom: 1px solid #DFE7EE; }

.btn, #gform_submit_button_1, .gform_button { font-size: 17px; font-weight: 500; text-transform: none !important; margin: 0 0 20px 0; padding: 12px 40px 13px; border-radius: 30px; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); }
.gform_button { background: #00467f !important; }
.btn-padding-lg { font-size: 18px; padding: 15px 35px; }
.btn-xl { font-size: 20px; padding: 15px 35px; }
.btn-rnd { border-radius: 35px; padding: 10px 15px; }
.btn-border { border: 4px solid rgba(255,255,255,0.09); }
.btn-transblue { color: #1c5b8c; border: 1px solid #1c5b8c; background: transparent !important; }
	.btn-transblue:hover, .btn-transblue:active { color: #1c5b8c; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #00467f; }
h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2.25rem; }
h3, .h3 { font-size: 2rem; }
.p { font-size: 13px; }


.ghostbox { margin: 15px 40px; padding: 50px !important; border-radius: 30px; box-shadow: 0px 0px 50px 30px rgba(64,74,105,0.05); -moz-box-shadow: 0px 0px 50px 30px rgba(64,74,105,0.05); -webkit-box-shadow: 0px 0px 50px 30px rgba(64,74,105,0.05); }
	@media (max-width: 1024px) { .ghostbox { margin: 15px 10px; padding: 35px !important; } }
	@media (max-width: 425px) { .ghostbox { padding: 20px !important; } }
	.ghostbox.noshadow { box-shadow: 0px 0px 0px 0px rgba(255,255,255,0); -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0); -webkit-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0); }

.br-30 { border-radius: 30px !important; }

.xxl { font-size: 60px; font-weight: 700 !important; letter-spacing: -1px; line-height: 1; margin: 8px 0 10px; }
	.xxl small, .xxl .small { font-size: 22px; font-weight: 700; display: inline-block; text-align: left; margin-left: 5px; }
		.xxl small span, .xxl .small span { font-size: 120%; }
		@media (max-width: 1024px) {
			.xxl { font-size: 60px !important; }
			.xxl small, .xxl .small { font-size: 17px; font-weight: 600; }
			.xxl small span, .xxl .small span { font-size: 120%; }
		}
		@media (max-width: 780px) {
			.xxl {font-size: 35px !important;}
			.xxl small, .xxl .small { font-size: 14px; font-weight: 600; }
			.xxl small span, .xxl .small span { font-size: 90%; }

			}

.fw-900 {font-weight: 900; }

.the_content h1, .the_content .h1 { text-transform: none !important; font-weight: 500 /* !important */; font-size: 40px !important; }
	@media (max-width: 768px) { .the_content h1, .the_content .h1 { font-size: 30px !important; } }


#banner { background-position: center center; }
	#banner::after { content: ""; position: absolute; top: 0; right: 0; z-index: 1; width: 100%; height: 100%; background: url(images/ribbon-overlay.png) center right no-repeat !important; background-size:cover; }
		@media (max-width: 768px) { #banner::after { display: none; } }

.page-header { width: 100%; height: 174px; position: relative; overflow: hidden; background-size: 100%; 
	background: #00467f; 
	/*background: -moz-linear-gradient(left,  #134071 0%, #206599 60%, #1d71a7 100%); 
	background: -webkit-linear-gradient(left,  #134071 0%,#206599 60%,#1d71a7 100%); 
	background: linear-gradient(to right,  #134071 0%,#206599 60%,#1d71a7 100%); */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134071', endColorstr='#1d71a7',GradientType=1 ); /* Permalink - https://colorzilla.com/gradient-editor/#134071+0,206599+60,1d71a7+100 */ }
	.page-header::after { content: ""; position: absolute; top: 0; right: 0; z-index: 1; width: 100%; height: 100%; background: url(images/title-bg-stripes-rcu-skinny.png) center right no-repeat; background-size: auto 100%; }
		@media (max-width: 1440px) { .page-header::after { right: -250px; } }
		@media (max-width: 1024px) { .page-header::after { right: -430px; } }
		@media (max-width: 768px) { .page-header::after { right: -470px; } }
		@media (max-width: 767px) { .page-header::after { display: none; } }
	.page-header h1 { color: #fff; font-weight: 900; text-transform: uppercase; margin-bottom: 0; padding-left: 130px; background-size: 101px 77px !important; /* height: 77px; line-height: 77px; */ height: auto; line-height: 1; }
	.page-header img { position: absolute; margin-top: -20px; }
		@media (max-width: 768px) { .page-header img { margin-top: 0px; } }


.page-id-78 .page-header h1 { background: url(images/icon-cc-check.png) left center no-repeat; }


.superchecklist { list-style: none; padding: 0; font-weight: 600; font-size: 20px; color: #00467f; overflow: hidden; }
	.superchecklist li { background: url(images/icon-circle-check.png) left 2px no-repeat; padding: 0px 0 4px 48px; list-style: none; display: block; margin: 0 30px 15px 0; }
.splitlist { clear: both; overflow: hidden; }
	.splitlist li { margin: 0 15px 18px 30px; width: 44%; /* float: left; */ display: inline-block; }
.float-left { float: left; width: 100%; }
.inline-float-left li { display: inline-block; }
.chevronnumberedlist { list-style: none; font-size: 20px; font-weight: 500; }
	.chevronnumberedlist li { margin-bottom: 15px; background: url(images/icon-chevrons.png) 4px 9px no-repeat; padding: 0px 0px 0px 32px; }


ul.no-style { list-style-type: none; padding-inline-start: 0px; line-height: 2em; }


.padding-top-bottom { padding-top: 80px; padding-bottom: 80px; }


/* Flag Checking */
#flag-membership-features {  }
	#flag-membership-features p { font-size: 110%; }


/* Checking page styles */
.su-table.checking { border-top-left-radius: 25px; border-top-right-radius: 25px;
	color: #fff; background: #134172 !important; /* Old browsers */
	background: -moz-linear-gradient(left, #134172 0%, #1d5c8c 60%, #1f72a6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #134172 0%,#1d5c8c 60%,#1f72a6 100%) !important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #134172 0%,#1d5c8c 60%,#1f72a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134172', endColorstr='#1f72a6',GradientType=1 ); /* IE6-9 */
}
.su-table.checking table { color: #195e92; border: 0 none !important; }
	.su-table.checking table tr.tableheader {  }
		.su-table.checking table tr.tableheader td {  }

	.su-table.checking table tr:first-child, .su-table.checking table tr:first-child td { background: transparent !important; }
	.su-table.checking table tr, .su-table.checking table tr td { background: #e1f3fa !important; }
	.su-table.checking table tr.su-even { background: #fff !important; }
	.su-table.checking .su-even:first-child, .su-table.checking .su-even:nth-child(2) { background: transparent !important; }
		.su-table.checking table td { padding: 0.5em 0.5em !important; border-right: 1px solid #195e92 !important; text-align: center; }
		.su-table.checking td { border: 0 none !important; }
			.su-table.checking td h3 { color: #fbb415; font-size: 120%; }
				/* .su-table.checking tr:first-child td:last-child h3 { color: #195e92 !important; } */
		.su-table.checking tr:first-child td:last-child { /* background: #ffc42e !important; */ }
		.su-table.checking td:first-child { text-transform: none; text-align: left; font-weight: normal; border-right: 0px !important; }
		.su-table.checking td:last-child { border-right: 0px !important; }
			.su-table.checking tr.su-even:first-child td:first-child, .su-table.checking tr:nth-child(2) td:first-child, .su-table.checking tr:last-child td:first-child { border-right: 0 none !important; }
		.su-table.checking td:last-child { /* background: #48a6dc !important; */ }
			.su-table.checking tr:last-child td:last-child { background: transparent !important; }
		.su-table.checking .su-even td { background: transparent !important; }
	.su-table.checking table a.btn { padding: 7px 10px 7px; }

.tableheader, .su-table.checking .su-table.checking .su-even.tableheader, .su-table.checking .tableheader.su-even:first-child {
	color: #fff;
	/*
	background: #134172 !important;
	background: -moz-linear-gradient(left, #134172 0%, #1d5c8c 60%, #1f72a6 100%);
	background: -webkit-linear-gradient(left, #134172 0%,#1d5c8c 60%,#1f72a6 100%) !important;
	background: linear-gradient(to right, #134172 0%,#1d5c8c 60%,#1f72a6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134172', endColorstr='#1f72a6',GradientType=1 );
	*/
}
	/* .su-table.checking .tableheader td { background: transparent !important; } */
	.su-table.checking .tableheader td h3 { color: #fff; }
.mimr { font-size: 120%; line-height: 1.2; }


/* Board of Directors */
.board_member { padding: 50px; margin-bottom: 20px; }
body.page-id-11526 #content img.member { border-radius: 1.25rem !important; width: 190px; }
body.page-id-11526 #content h5 { margin-top: 15px; margin-bottom: 0px; }
.board_member p { margin-bottom: 0px; }


/* Career Center menu */
.careercenter { display: inline-block; }
	ul#menu-career-center { margin: 20px 0; padding: 0; text-align: center; border: 1px solid #48a6dc; border-width: 1px 0; /* width: 57%; */ /* position: absolute; */ /* top: -31px; */ /* right: 0; */ display: inline-block; }
		ul#menu-career-center li { list-style-type: none; display: inline-block; }
			ul#menu-career-center li a { display: block; padding: 12px 7px 14px; text-decoration: none; color: #444; }
		ul#menu-career-center li.current-menu-item { background: #f3b939; }
			ul#menu-career-center li.current-menu-item a { color: #48a6dc; border-top: 10px solid #48a6dc; margin-top: -6px; }
		ul#menu-career-center li.menu-item-2082 a { text-transform: uppercase; margin-bottom: 4px; color: #fff; background: #195e92; }

body.parent-pageid-256 h1, body.page-id-256 h1 { padding-bottom: 40px; }
body.page-id-384 h1, body.parent-pageid-384 h1 { display: inline-block; width: 447px; }


/* Board Member template styles */
.board_member { /* display: inline-block; width: 23%; margin-right: 1%; margin-bottom: 20px; */ }
	.board_member .su-spoiler-content, .biotext, body.page-id-2002 .su-spoiler-style-default > .su-spoiler-content { font-size: 90%; line-height: 130%; color: #999999; }
		.sue-photo-panel-head img { width: 100%; height: auto; }



/* Branch Locations */
#branchlocations { clear: both; overflow: hidden; }
	.na_branch { display: block; float: left; width: 29%; margin: 30px 4% 30px 0; min-height: 260px; }
		@media screen and (max-width: 425px) { .na_branch { float: none; width: 100%; max-width: 93%; margin: 15px; padding: 0; } }
		.na_branch h3 { padding: 0; }


/* Employee Testimonials */
body.page-id-396 .sue-testimonial { width: 22%; float: left; margin-right: 2%; padding-left: 90px; }
	body.page-id-396 .sue-testimonial:last-child { margin-right: 0; }

	body.page-id-396 .sue-testimonial-has-photo img.sue-testimonial-photo { width: 85px; height: auto; left: 0px; }

/*FAQs section - Careers Page */

.page-id-9691 .baf_taxonomy_info_container h2{
	display:none !important;
}


/* Mobile App */
#mobile-app { display: none; color: #195e92; padding: 10px; background: #fff /* #ffc42e url(images/yellow-rad-grad.jpg) center center no-repeat */; }
@media screen and (max-width: 425px) {
	body.home #mobile-app { display: none; /* hidden per Nancy/Brandye's request on Apr 19, 2017 */ }
}



/* Rates */
#mod-rates { margin: 0 auto; padding: 20px 0 20px; color: #113d5e; background: #ffcc4b; background-size: 100% 100%; }
				body.home #mod-rates { font-size: 12px; padding: 30px 0 10px; }
	#mod-rates h2 { font-size: 130%; text-transform: uppercase; padding-bottom: 10px; }
		body.home #mod-rates h2 { font-size: 200%; padding-bottom: 24px; text-transform: none; }
	#mod-rates .centerer { clear: none; margin-right: 4%; }
		#mod-rates .centerer p { display: none; }
		#mod-rates .ezcol-last { padding: 10px 0 20px; }
		#mod-rates h3 { display: inline-block; font-size: /* 41px */340%; font-weight: 300; line-height: 100%; }
		#mod-rates h4 { display: inline-block; font-size: /* 26px */220%; line-height: 16px; line-height: 25px; font-weight: 400; }
					body.home #mod-rates h4 { font-size: 225%; line-height: 17px; }
			#mod-rates h4 span { display: block; font-size: /* 10px */35%; }
	#mod-rates a.btn { font-size: 130%; padding: 10px 24px 12px; border-color: #d8a626; border-radius: 30px !important; }

/* Calculator Page Styles */
.calculator:before { height: 100px; content: ""; display:block; }


/* Rates Pages styles */
body.page-template-rates-loans-php {  }

	/*
	body.page-template-rates-loans-php h2, body.page-template-rates-share-php h2 {
		font-size: 140%; line-height: 100%; text-transform: uppercase; color: #004685; margin: 0 0 20px 0; padding: 10px 250px 10px 10px;
		display: inline-block;
		background: #fbb415;
		background: -moz-linear-gradient(left,  #fbb415 0%, #fadf07 34%, #ffffff 68%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fbb415), color-stop(34%,#fadf07), color-stop(68%,#ffffff));
		background: -webkit-linear-gradient(left,  #fbb415 0%,#fadf07 34%,#ffffff 68%);
		background: -o-linear-gradient(left,  #fbb415 0%,#fadf07 34%,#ffffff 68%);
		background: -ms-linear-gradient(left,  #fbb415 0%,#fadf07 34%,#ffffff 68%);
		background: linear-gradient(to right,  #fbb415 0%,#fadf07 34%,#ffffff 68%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb415', endColorstr='#ffffff',GradientType=1 );
	}
		body.page-template-rates-loans-php h2 span, body.page-template-rates-share-php h2 span, h1 span { text-transform: none; }
	*/

	/*
	body.page-template-rates-loans-php h3, body.page-template-rates-share-php h3 { font-size: 110%; line-height: 100%; padding: 0; text-transform: uppercase; color: #004685; }
		body.page-template-rates-loans-php h3 span, body.page-template-rates-share-php h3 span { color: #808180; text-transform: none; display: inline-block; padding-left: 30px; }
	*/

	.one_half.last.right-align { display: none; }

	.rates-table { width: 100%; color: #00467f; font-weight: 500; border-collapse: separate; border-spacing: 0; border: 0px solid #fff; /* border-radius: 20px 20px 0 0; -moz-border-radius: 20px 20px 0 0; */ padding: 0px; }
		.rates-table tr {  }
		.rates-table tr:nth-child(even) { background: #e1f3f9; }
			.rates-table tr th, .rates-table tr td { padding: 10px 40px; }
			.rates-table tr th { color: #fff; background: #00467f; }
			    .rates-table tr th:first-child { border-radius: 20px 0 0 0; }
				.rates-table tr th:last-child { border-right: 0 none; border-radius: 0 20px 0 0; }
			.rates-table tr td { border: 0; }

	.fine-print .su-note { border: 0px !important; }


		@media screen and (max-width: 425px) { .rates-table tr th, .rates-table tr td { padding: 15px; font-size: 12px; } }


/* Popup */
.wdpu-6265 .wdpu-content { padding: 10px !important; }



/* jQuery UI Styles */
.ui-dialog {  color: #00467f; padding: 10px; word-wrap: break-word; z-index: 99999; background: #ecf0f7; border-radius: 30px; box-shadow: 0px 0px 50px 30px rgba(64,74,105,0.05); -moz-box-shadow: 0px 0px 50px 30px rgba(64,74,105,0.05); -webkit-box-shadow: 0px 0px 50px 30px rgba(64,74,105,0.05); padding: 20px; }
	.ui-dialog-titlebar { font-size: 120%; color: #00467f; font-weight: 900; text-transform: uppercase; margin: 16px 0 10px 0; padding-bottom: 10px; background: transparent; }
		.ui-dialog-title:before { font-family: FontAwesome; content: "\f071"; margin-right: 4px; }
		.ui-dialog-titlebar button { color: #00467f; margin: 0 0 0 auto; padding: 0; border-width: 0px; font-size: 26px; line-height: 100%; position: absolute; top: 8px; right: 12px; width: 26px; background: transparent; box-shadow: 0px 0px 0px;
 }
			.ui-dialog-titlebar button:hover, .ui-dialog-titlebar button:active { background: transparent; }
			.ui-button-icon-only {  }
				.ui-button-icon-only .ui-button-text { display: none; }
					.ui-button-icon-only:before, .ui-dialog-titlebar-close:before { font-family: FontAwesome; content: "\f057"; }

	.ui-dialog-buttonset { text-align: center; }
		.ui-dialog-buttonset button { margin: 10px; }

/* .ui-widget-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99999; background-color: rgba(0, 0, 0, 0.3); } */



/* You're Why campaign */
body.page-template-template-youre-why #content, body.page-template-template-youre-why h1, body.page-template-template-youre-why h2 { font-family: 'Barlow', sans-serif; }
	body.page-template-template-youre-why #content h1 { color: #fff; }
/*
font-family: 'Barlow Condensed', sans-serif;
font-family: 'Barlow', sans-serif;
*/

body.page-template-template-youre-why #content { padding: 0; }
	body.page-template-template-youre-why #content .container960 { width: 80%; max-width: 800px; }

	#yw-hero { color: #fff; background-color: #445c78; position: relative; /* background-image: url('https://www.navyarmyccu.com/wp-content/uploads/yw-hero.jpg'); background-position: center center; background-size: cover; */ }
		.hero-caption { position: absolute; top: 30%; width: 90%; left: 5%; font-size: 180%; }
			.hero-caption h1 { color: #fff; font-weight: 900; font-size: 380%; letter-spacing: 4px; }

		#yw-hero-ticker { position: absolute; bottom: 0px; width: 100%; background: rgba(0,0,0,0.3); padding: 40px 0 20px; font-size: 180%; }
			#yw-hero-ticker h2 { color: #fdc43c; font-weight: 700; font-size: 250%; letter-spacing: 5px; }

			#mod-reviews { position: relative; width: 80%; margin: 0 auto; color: #fdc43c; }
				#mod-reviews .cycle-slideshow { position: relative; width: 100%; margin: 0 auto 30px; }
					#mod-reviews .cycle-slide { width: 100%; }
						#mod-reviews p { margin: 0; }

					#rev-prev, #rev-next { display: block; color: #fff; text-decoration: none; position: absolute; top: 44%; z-index: 100; cursor: pointer; }
						#rev-next { right: 0; }

		#yw-blueband { color: #fff; margin: -20px 0 0 0; padding: 80px 0; font-size: 150%; font-weight: 200;
			background: #2070a5; /* Old browsers */
			background: -moz-radial-gradient(center, ellipse cover, #2070a5 0%, #183e6f 100%); /* FF3.6-15 */
			background: -webkit-radial-gradient(center, ellipse cover, #2070a5 0%,#183e6f 100%); /* Chrome10-25,Safari5.1-6 */
			background: radial-gradient(ellipse at center, #2070a5 0%,#183e6f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2070a5', endColorstr='#183e6f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
			#yw-blueband h3 { color: #fff; font-weight: 900; font-size: 190%; }
			#yw-blueband h4 { color: #fdc43c; font-size: 160%; font-family: 'Barlow Condensed', sans-serif; font-weight: 200; }
			#yw-blueband p:last-child { margin: 0 0 0px 0; }

		#yw-content, .yw-content { padding: 60px 0 40px; position: relative; color: #13487d; font-size: 130%; line-height: 130%; font-weight: 500; background-color: #f0f3f5; /* background-image: url(https://www.navyarmyccu.com/wp-content/uploads/yw-content-bg.jpg); */ background-position: center top; background-size: cover; }
			.yw-content.blue { background: #39bcd8; color: #fff; }
				.yw-content.blue a { color: #f6ba3c; }
			.relbox { position: relative; }
				#yw-arrows { position: absolute; left: -80px; }
			#yw-content h2, #yw-content h3 { color: #13487d; }
			#yw-content h4 { font-size: 110%; font-weight: 900; }
			#yw-content h5 { font-size: 90%; font-weight: 900; }
			#yw-content .relbox ul { font-size: 80%; margin: 0 0 20px 20px; }
			#yw-conten strong { font-weight: 900; }
			#yw-content form { font-size: 15px; }

			/*
			#yw-icons-left, #yw-icons-right { position: absolute; top: -20px; }
				#yw-icons-left { left: -240px; }
				#yw-icons-right { right: -180px; }
			*/

			.bubble { color: #fff; position: relative; width: auto; display: inline-block; padding: 30px 40px 35px 30px; border-radius: 20px; box-shadow: /* 15px 15px 10px rgba(0,0,0,0.17) */ 10px 10px 10px rgba(0,0,0,0.10); }
				.bubble-blue { background: #22c1db; font-size: 190%; line-height: 120%; max-width: 270px; border-radius: 20px 20px 20px 0px; margin-bottom: 100px; }
				.bubble-yellow { background: #fdc33c; font-size: 120%; /* float: right; margin: -28px 20px 0 0; */ max-width: 95px; padding: 15px 10px 20px 15px; border-radius: 10px 10px 0px 10px; position: absolute; bottom: 30px; left: 230px; }
				.bubble span { color: #13487d; }

				/* triangles */
				.bubble-blue:after { content: ""; position: absolute; bottom: -40px; left: 0px; border-width: 40px 40px 0px 0px; border-style: solid; border-color: #22c1db transparent; display: block; width: 0; }
				.bubble-yellow:after { content: ""; position: absolute; bottom: -20px; right: 0px; border-width: 20px 0px 0px 20px; border-style: solid; border-color: #fdc33c transparent; display: block; width: 0; }
				/* .bubble-blue:after, .bubble-yellow:after { box-shadow: 15px 15px 10px rgba(0,0,0,0.17); } */

			/* form */
			#yw-content input[type=text], #yw-content input[type=email], #yw-content input[type=password], #yw-content textarea { border-radius: 8px; padding: 10px; }
			#gform_8 .gform_footer { text-align: right; margin: 0; padding: 0; }
			#extensions_message_8_4 { display: none; }

			#yw-content small { font-size: 12px; line-height: 17px; }

			#yw-content .push { margin-left: 41px; }

		/* Responsive */
		@media screen and (min-width: 1440px) {
			#yw-hero img { width: 100%; height: auto; }
		}

		@media screen and (max-width: 780px) {
			body.page-template-template-youre-why #content { width: 100%; padding: 0; }
			body.page-template-template-youre-why #content .container960 { width: 90%; }

				#yw-hero {  }
					.hero-caption { font-size: 150%; top: 15%; }
					#yw-hero-ticker { padding: 20px 0 0px; font-size: 140%; }
						#yw-hero-ticker h2 { font-size: 200%; }

						#mod-reviews { width: 95%; }

				#yw-blueband { padding: 60px 0; }

				#yw-content { padding: 60px 20px 20px; overflow: hidden; }
					#yw-icons-left, #yw-icons-right { display: none; }
					.bubble-yellow { bottom: 20px; left: 240px; }
					#yw-arrows { display: none; }
					.su-column { margin: 0 0 50px 0 !important; }
		}

		@media screen and (max-width: 425px) {
			#yw-hero img { min-width: 620px; }
			.hero-caption { top: 16%; width: 96%; left: 2%; font-size: 130%; }
				.hero-caption h1 { font-size: 260%; line-height: 100%; padding: 0 0 5px 0; }
			#yw-hero-ticker { padding: 10px 0 0px; font-size: 120%; }
				#yw-hero-ticker h2 { padding: 0 0 5px 0; }

			#yw-blueband { font-size: 110%; padding: 50px 0 30px; }
				#yw-blueband h3 { font-size: 150%; }
				#yw-blueband p { margin: 0 0 10px 0; }
		}

		@media screen and (max-width: 320px) {
			.bubble-yellow { bottom: 110px; left: 175px; }
		}



/* Gravity Forms Overrides */
	/* footer email signup */
	#gform_11 { font-size: 13px; max-width: 450px; }
		#gform_11 label { display: none; }
	#gform_fields_11 {  }
	#gform_wrapper_11 .gform_footer.top_label { width: auto; float: right; margin: -63px 1px 0 0; }
		#input_11_1 { background: transparent; border: 1px solid #574545; padding: 1px 4px 0 15px !important; color: #e40b8a; line-height: 44px; width: 75% }
		#gform_11 .gform_footer { margin-top: 0px; }
			#gform_11 .gform_footer input[type=submit] { height: 47px; padding: 0 20px; color: #fff; background: #574545; text-transform: none; font-weight: 100; text-shadow: 0 0 transparent; -webkit-box-shadow: 0px 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; }

	.gform_wrapper select, .gform_wrapper textarea { margin: 0 !important; padding: 7px 2px !important; }



/* BS overrides */
b, strong { font-weight: 600; }

label { font-weight: 400 !important; }

.modal-content { border-radius: 0px !important; }
	.modal-body { padding: 0; }

.pagination>li>a, .pagination>li>span, .pagination>li>a:hover, .pagination>li>span:hover {  }
	.pagination>li>span.current { /* color: #d6bfcc; */ /* background: rgba(228,11,138,0.11); */ background-color: #f1f1f1; }

@media (max-width: 767px) { .table-responsive { border: 0px; margin-bottom: 0px; } }

.btn.btn-sm { font-size: 14px !important; padding: 7px 15px !important; }

.media-left, .media>.pull-left { padding-right: 30px; padding-left: 10px; }


/* Datepicker */
.ui-datepicker { margin: 0 !important; }
	.ui-datepicker-title select { margin: 0px 5px 10px 5px; padding: 4px 5px !important; width: calc(100% - 10px); color: #fff; border: 1px solid #fff; background: transparent url(images/select-trans-downarrow.html) 96% center no-repeat; }


/* Rates pages */
/*
body.page-template-rates-loans-php h3, body.page-template-rates-share-php h3 { font-size: 24px; line-height: 1; padding: 0; text-transform: uppercase; color: #195e92; font-weight: 800; }
	body.page-template-rates-loans-php h3 span, body.page-template-rates-share-php h3 span { color: #444; padding-left: 10px; font-size: 14px; font-weight: 400; }
*/


body.page-id-10237 h1 { display: none; }
.page-id-5409 .the_content .su-spoiler-title { color: #fff; }


/* Savings rates campaign page, Feb 2020 */
	/*
	.page-template-template-savings-campaign-php .page-header { display: none; }
	.page-template-template-savings-campaign-php #content { padding-top: 0px; }
	*/

	#savings-rates-hero { /* background: #dddde5 url('https://www.navyarmyccu.com/wp-content/uploads/hero-bg.jpg') center top no-repeat; background-size: 100% auto; padding: 60px 0 100px; */
		background: #fff url(../../uploads/hero-bg2.jpg) right bottom no-repeat; background-size: auto; padding: 60px 0 150px;
	}
		#savings-rates-hero .h1 { font-size: 50px; font-weight: 300; text-transform: none; }
		#savings-rates-hero .lead { font-weight: 400; line-height: 1.8; }

		@media screen and (max-width: 1024px) {
			#savings-rates-hero { padding: 20px 0 90px; background-size: 660px auto; }
				#savings-rates-hero .h1 { font-size: 35px; }
				#savings-rates-hero .lead { line-height: 1.5; font-size: 18px; }
		}
		@media screen and (max-width: 768px) {
			#savings-rates-hero { padding: 20px 0 90px; background-size: /* 850px auto */ 420px auto; }
				#savings-rates-hero .h1 { font-size: 30px; margin: 0; }
				#savings-rates-hero .lead { line-height: 1.4; font-size: 16px; }
		}
		@media screen and (max-width: 425px) {
			#savings-rates-hero { padding: 50px 0 40px; background-image: none; }
		}

	.bluegradcells {  }
		.bluegradcells div[class^="col-"] { color: #fff; padding: 15px 30px; border: 6px solid #fff; border-width: 6px 6px 6px 0px; background: rgb(6,81,137); background: -moz-linear-gradient(280deg, rgba(6,81,137,1) 31%, rgba(36,127,180,1) 100%); background: -webkit-linear-gradient(280deg, rgba(6,81,137,1) 31%, rgba(36,127,180,1) 100%); background: linear-gradient(280deg, rgba(6,81,137,1) 31%, rgba(36,127,180,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#065189",endColorstr="#247fb4",GradientType=1); }
			.bluegradcells div[class^="col-"]:last-child { border-right: 0px solid #fff; }
		.bluegradcells h2, .bluegradcells .h2, .bluegradcells h3, .bluegradcells .h3 { color: #fdd806; font-size: 42px; }

		@media screen and (max-width: 425px) {
			.bluegradcells div[class^="col-"] { border-width: 6px 0px 3px; padding: 10px 0; }
		}




/* Overrides */
.widgets_on_page > ul, .widgets_on_page > ul li { margin: 0; padding: 0; }
nav { background: transparent; box-shadow: 0px 0px 0px transparent; -webkit-box-shadow: 0px 0px 0px transparent; -moz-box-shadow: 0px 0px 0px transparent; }
	.pagination { font-size: 22px; }
		.pagination li {  }
			.pagination>li>a, .pagination>li>span, .pagination>li>a:hover, .pagination>li>span:hover { padding: 7px; }
.checklist { font-weight: 400; }
	.checklist li { padding-left: 0px; }
	.checklist li:before { margin-left: -27px; color: #00467f; }




.navbar-nav>li.has-mega-menu>.dropdown-menu{
	padding: 0!important;
	border-radius: 0;
	-webkit-box-shadow: 0px 0 14px rgba(0,0,0,.05);
	-moz-box-shadow: 0px 0 14px rgba(0,0,0,.05);
	box-shadow: 0px 0 14px rgba(0,0,0,.05);
}

.navbar-nav>li.has-mega-menu>a{
	position: relative;
	z-index: 22;
	transition: none!important;
	height: 50px;
	opacity: 1!important;
}

.navbar-nav>li.has-mega-menu:hover>a{
	color: #4e78a1!important;
	z-index: 23;

}
.navbar-nav>li.has-mega-menu>a:after,
.navbar-nav>li.has-mega-menu>a:before {
	bottom: -30px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	display: none!important;
}
.navbar-nav>li.has-mega-menu.active>a:after,
.navbar-nav>li.has-mega-menu.active>a:before {
	bottom: -33px;
}
.navbar-nav>li.has-mega-menu>a:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF!important;
	border-width: 14px;
	margin-left: -14px;
}
.navbar-nav>li.has-mega-menu>a:before {
	border-color: rgba(223, 231, 238, 0);
	border-bottom-color: #dfe7ee;
	border-width: 15px;
	margin-left: -15px;
}
.navbar-nav>li.has-mega-menu:hover>a:after,
.navbar-nav>li.has-mega-menu:hover>a:before{
	display: block!important;
}

.navbar-nav>li.has-mega-menu>.dropdown-menu{
	display: none!important;
	/* overflow: hidden; */
}
.navbar-nav>li.has-mega-menu:hover>.dropdown-menu{
	display: block!important;
	z-index: 22;
}


.win .navbar-nav>li.has-mega-menu:hover>.dropdown-menu{
	display: block!important;
	z-index: 22;

}
.navbar-nav>li.has-mega-menu:hover>.dropdown-menu:before{
	height: 45px;
	left: 0;
	right:0;
	top:-45px;
	content: '';
	/*background: red;*/
	position: absolute;
}

.navbar-nav>li.has-mega-menu>.dropdown-menu>li{
	padding: 25px 15px;
	width: 25%;
	margin: 0!important;

	display: block;
	flex-direction: column;

}


.navbar-nav>li.has-mega-menu>.dropdown-menu>li.two-col{
	width: 50%;
}

.navbar-nav>li.has-mega-menu>.dropdown-menu>li.two-col .dropdown-menu{
	column-count: 2;
}

.navbar-nav>li.has-mega-menu>.dropdown-menu:after{
	border-left: 1px solid #dfe7ee;
	content: '';
	position: absolute;
	right: 25%;
	top: 0;
	width: 0;
	bottom: 0;
}


.navbar-nav>li.navbubble>a,
.navbar-nav>li.navbubble>a:hover,
.navbar-nav>li.navbubble>a:focus,
.navbubble>a{
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
	background: #ffc423!important;
	color: #002A4D!important;
}

.navbar-nav>li.has-mega-menu>.dropdown-menu>li.navbubble.navbubble-lightblue>a,
.navbar-nav>li.has-mega-menu>.dropdown-menu>li.navbubble.navbubble-lightblue:hover>a,
.navbar-nav>li.has-mega-menu>.dropdown-menu>li.navbubble.navbubble-lightblue>a:hover,
.navbar-nav>li.has-mega-menu>.dropdown-menu>li.navbubble.navbubble-lightblue>a:focus{
	text-shadow: none!important;
	background: #45c5de!important;
}


.navbar-nav>li.has-mega-menu>.dropdown-menu li.nolink a:hover,
.navbar-nav>li.has-mega-menu>.dropdown-menu li.nolink a:focus{
	cursor: default!important;
	pointer-events: none!important;
	background: none!important;
	color: #212529!important;
}

.navbar-nav>li.has-mega-menu>.dropdown-menu li#menu-item-11410 a:hover,
.navbar-nav>li.has-mega-menu>.dropdown-menu li#menu-item-11410 a:focus {

	cursor: default!important;
	pointer-events: none!important;

}

li#menu-item-11410 a:hover,
li#menu-item-11410 a:focus {

	cursor: default!important;

}

.unclickable { cursor: default!important; pointer-events: none!important; }

.navbar-nav>li.has-mega-menu>.dropdown-menu .dropdown-menu a:hover,
.navbar-nav>li.has-mega-menu>.dropdown-menu>li>a:hover{
	background: #f7f7f7!important;
}

.navbar-nav>li.has-mega-menu>.dropdown-menu>li a:active{
	background: none!important;
	color: #16181b!important;
}

.affix .navbar-nav>li.has-mega-menu:hover>.dropdown-menu:before{
	height: 5px;
	top:-5px;
}

.affix .navbar-nav>li.has-mega-menu:hover>a:after,
.affix .navbar-nav>li.has-mega-menu:hover>a:before{
	bottom: 0;
}
.affix .navbar-nav>li.has-mega-menu:hover>a:before{
	border-width: 7px;
	margin-left: -7px;
}
.affix .navbar-nav>li.has-mega-menu:hover>a:after{
	border-width: 6px;
	margin-left: -6px;
}

.affix .navbar-nav>li.has-mega-menu.active>a:before,
.affix .navbar-nav>li.has-mega-menu.active>a:after{
	display: none!important;
}



.our-culture-slider-section{

	background-image: url(../../uploads/RallyCareersPage_Ribbon5764.png?id=16055) !important;
	background-position: center left !important;
	background-repeat: no-repeat !important;
	/*background-size: cover !important;*/

}


.our-culture-slider-section .our-culture-slider-wrap{
	padding: 35px 0;
}
.our-culture-slider-section h2{
	margin-bottom: 40px;
}
.our-culture-slider-section img{
	border-radius: 20px;
	transition: all .4s ease;
	transition-delay: 0.5s;
	transform: scale(.95);
	filter: grayscale(1) blur(2px);
}

.our-culture-slider-section .slide-copy{
	padding-left: 40px;
	position: relative;
}

.our-culture-slider-section .slide-text{
	font-size: 20px;
}

.our-culture-slider-section .slide-item{
	outline: none;
	padding: 10px 50px;
}

.our-culture-slider-section .slide-item.slick-active img{
	transform: scale(1);
	filter: grayscale(0) blur(0);
}

.our-culture-slider-section .slide-copy:before{
	width: 30px;
	left: 0;
	height: 30px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("images/yellow_quote.png");
	position: absolute;
	content: '';
}


.testimonial-slider-section{
	background: #ecf0f8;
}

.testimonial-slider-section .testimonial-slider-wrap{
	padding: 35px 0;
}


.testimonial-slider-section .slide-copy{
	padding-left: 40px;
	position: relative;
}

.testimonial-slider-section .slide-copy:before{
	width: 30px;
	left: 0;
	height: 30px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("images/blue_quote.png");
	position: absolute;
	content: '';
}

.testimonial-slider-section .slide-testimonial-info{
	display: flex;
	align-items: center;
	font-style: italic;
	color: #00467f;
}

.testimonial-slider-section .slide-item{
	padding: 10px 30px;
}

.testimonial-slider-section .slide-testimonial-info img{
	margin-right: 20px;
}

.testimonial-slider-section .slide-testimonial-info strong{
	font-style: normal;
	display: block;

}

.testimonial-slider-section h2{
	margin-bottom: 40px;
}



@media (max-width: 1230px) {

	.testimonial-slider-section .slick-next,
	.our-culture-slider-section .slick-next{
		right: 0;
	}

	.testimonial-slider-section .slick-prev,
	.our-culture-slider-section .slick-prev{
		left: 0;
	}
}


@media (max-width: 991px) {

	#fixed_nav_toggle.navbar-toggle {
		display: block !important;
	}

	body nav.navbar ul {
		float: none !important;
	}

	nav.navbar .nav-pills>li,
	.navbar-nav>li {
		float: none;
		display: block;
		text-align: left;
	}
	.navbar-nav>li.navbubble>a, .navbar-nav>li.navbubble>a:focus, .navbar-nav>li.navbubble>a:hover, .navbubble a{
		margin-left: 0px;
		margin: 15px 0;
	}
	#hdrnav{
		height:  70px;
	}
	body{
		padding-top: 70px!important;
	}

	#logo{
		width: 290px!important;
		height: 50px!important;;
	}
	.navbar.sticky-top{
		position: fixed!important;
	}

	.navbar .navbar-collapse{
		position: absolute;
		height: calc(100vh - 70px)!important;
		left: 0;
		right: 0;
		overflow: auto;
		background: #FFF;
		top: 70px;
		padding: 40px!important;
		border-top: 1px solid #dfe7ee;
		display: block!important;
		visibility: visible;
		opacity: 0;
		pointer-events: none;
		transform: translateY(100px);
		transition: all 0.7s cubic-bezier(0.5, 0.005, 0.075, 0.985)!important;

	}

	.navbar .navbar-collapse.pakita{

		transform: translateY(0);
		opacity: 1;
		visibility: visible;
		pointer-events: inherit;
	}

	.navbar-nav>li.has-mega-menu{
		overflow: visible!important;
	}

	.navbar-nav>li.has-mega-menu:hover>.dropdown-menu{
		display: none!important;
	}
	.navbar-nav>li.has-mega-menu>.dropdown-menu {
		display: none!important;
		transition: height .4s ease!important;
		overflow: hidden;
		/*height: 0;*/
	}
	.navbar-nav>li.has-mega-menu>.dropdown-menu .indent-child-mobile .dropdown-menu li a{
		padding-left: 25px!important;
	}

	nav.light .navbar-nav>.active>a,
	nav.light .navbar-nav>.active>a:focus,
	nav.light .navbar-nav>.active>a:hover{
		border: 0;
	}
	.navbar-nav>li.has-mega-menu>.dropdown-menu>li{

	}
	.navbar-nav>li.has-mega-menu>a{
		transition: all .4s ease!important;
	}

	.navbar-nav>li.has-mega-menu{
		display: block;
		position: relative!important;
	}

	.navbar-nav>li.has-mega-menu:before{
		content: '';
		position: absolute;
		border-radius: 50%;
		background: #FFF!important;
		left: 10px;
		top: 16px;
		opacity: 0;
		width: 20px;
		height: 20px;
		border: 5px solid #ffc423;
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		transform: translateX(-20px);
		transition: all .4s ease;
	}

	.navbar-nav>li.has-mega-menu.pakita:before{
		transform: translateX(0);
		opacity: 1;
	}
	.navbar-nav>li.has-mega-menu.pakita>a{
		padding-left:40px!important;
	}



	.navbar-nav>li.has-mega-menu>a{
		z-index: 23;
	}



	.navbar-nav>li.has-mega-menu>a:hover:after,
	.navbar-nav>li.has-mega-menu>a:hover:before{
		display: none!important;
	}


	.navbar-nav>li.has-mega-menu.pakita>a:after,
	.navbar-nav>li.has-mega-menu.pakita>a:before,
	.navbar-nav>li.has-mega-menu.active.pakita>a:after,
	.navbar-nav>li.has-mega-menu.active.pakita>a:before{
		display: block!important;
	}

	.navbar-nav>li.has-mega-menu>a:after,
	.navbar-nav>li.has-mega-menu>a:before{
		left:20px;
		bottom:-1px!important;
	}
	.navbar-nav>li.has-mega-menu>a:before{
		border-width: 9px;
		margin-left: -9px;
	}
	.navbar-nav>li.has-mega-menu>a:after{
		border-width: 8px;
		margin-left: -8px;
	}


	.navbar-nav>li.has-mega-menu>.dropdown-menu>li{
		float: none;
		display: block;
		border:0!important;
		padding: 0;
		width:100%!important;
		min-height: 0;
	}

	.navbar-nav>li.has-mega-menu>.dropdown-menu>li:last-child{
		border-top: 1px solid #dfe7ee!important;
		padding: 20px;
	}


	div#page-arrow-up + div{
		height:  auto!important;
	}

	.navbar-nav>li.has-mega-menu>.dropdown-menu{

	}
	.navbar-nav>li.has-mega-menu.show>.dropdown-menu{
		display: none!important;
	}

	.navbar-nav>li.has-mega-menu>.dropdown-menu.pakita{
		display: block!important;
	}


	#menu-nav-menu{
		padding: 0!important;
	}

	.navbar-nav .dropdown-menu{
		width: 100%!important;
	}

	.dropdown-header,
	.dropdown-menu>li>a{
		padding: 10px 15px!important;
	}

	.navbar-nav>li.has-mega-menu>.dropdown-menu>li.two-col .dropdown-menu{
		column-count: 1;
	}

	nav.light .navbar-nav>li.navbubble>a{
		text-align: center;
	}


	.navbar-nav>li.has-mega-menu>.dropdown-menu>li+li,
	.navbar-nav>li.has-mega-menu>.dropdown-menu>li>ul>li {
		border-top: 1px solid #dfe7ee!important;
	}

	.navbar-nav>li.has-mega-menu>.dropdown-menu>li:last-child>ul>li{
		border: 0!important;
	}

	.navbar-nav>li.has-mega-menu>.dropdown-menu:after{
		display: none;
	}

	.our-culture-slider-section .slide-copy{
		margin-top: 30px;
	}
	.our-culture-slider-section .slide-sub-text{
		font-size: 14px;
	}
	.our-culture-slider-section .slide-text {
		font-size: 17px;
	}


	.testimonial-slider-section .slick-prev,
	.our-culture-slider-section .slick-prev {
		left: -25px;
	}

	.testimonial-slider-section .slick-next,
	.our-culture-slider-section .slick-next {
		right: -25px;
	}

}

@media (max-width: 767px) {

	.testimonial-slider-section .slide-item,
	.our-culture-slider-section .slide-item {
		padding: 10px 20px;
	}

	.testimonial-slider-section .slick-prev,
	.our-culture-slider-section .slick-prev {
		left: -15px;
	}

	.testimonial-slider-section .slick-next,
	.our-culture-slider-section .slick-next {
		right: -15px;
	}

	.testimonial-slider-section .slide-testimonial-info{
		font-size: 14px;
		line-height: 1.2;
	}

	.testimonial-slider-section .slide-testimonial-info img {
		margin-right: 10px;
		max-width: 50px;
	}
}

@media (max-width: 425px){
	body{
		padding-top: 58px!important;
	}

	#logo{
		width: 210!important;
		height: 44px!important;;
	}

	#hdrnav{
		height:  58px;
	}

	#hdrnav{
		overflow: visible;
	}

	.navbar .navbar-collapse{
		height: calc(100vh - 58px)!important;
		top: 58px;
	}

	#menu-nav-menu>li{
		margin: 0;
	}

	#menu-nav-menu>li>a, #menu-nav-menu>li:hover>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		font-weight: 500;
		font-size: 18px;
	}

	.navbar-nav>li.has-mega-menu>.dropdown-menu>li{
		padding: 0!important;
	}

	.navbar-nav>li.has-mega-menu>.dropdown-menu>li:last-child{
		padding: 10px 20px!important;
	}
	.navbar-nav>li.has-mega-menu>.dropdown-menu>li:last-child a{
		padding:0 15px!important;
	}
	.navbar-nav>li.has-mega-menu>.dropdown-menu>li.navbubble.navbubble-lightblue>a{
		padding:10px 15px!important;
	}


}

@media (max-width: 375px) {

	#top-bar-band{
		font-size: 11px;
	}

	#top-bar-band a .fa-search {
		transform: translateY(4px);
	}
}