@font-face {
  font-family: 'MarkWebPro';
  font-weight: 400;
  src: url("../fonts/MarkWebPro-LightW01Regular.woff") format("woff"), 
  url("../fonts/MarkWebPro-LightW01Regular.ttf") format("truetype"),
  url("../fonts/MarkWebPro-LightW01Regular.woff2") format("woff2");
}
@font-face {
  font-family: 'MarkWebPro';
  font-weight: 500;
  src: url("../fonts/MarkWebW01Regular.woff") format("woff"), 
  url("../fonts/MarkWebW01Regular.ttf") format("truetype"),
  url("../fonts/MarkWebW01Regular.woff2") format("woff2");
  font-style: normal;
}
@font-face {
  font-family: 'MarkWebPro-Bold';
  font-weight: 700;
  src: url("../fonts/MarkWebPro-BoldW01Regular.woff") format("woff"), 
  url("../fonts/MarkWebPro-BoldW01Regular.ttf") format("truetype"),
  url("../fonts/MarkWebPro-BoldW01Regular.woff2") format("woff2");
}
@font-face {
  font-family: 'MarkWebPro';
  font-weight: 600;
  src: url("../fonts/MediumW01Regular.woff") format("woff"), 
  url("../fonts/MediumW01Regular.ttf") format("truetype"),
  url("../fonts/MediumW01Regular.woff2") format("woff2");
}
@font-face {
  font-family: 'MarkWebPro-BookW01Regular';
  font-weight: 600;
  src: url("../fonts/MarkWebPro-BookW01Regular.woff") format("woff"), 
  url("../fonts/MarkWebPro-BookW01Regular.ttf") format("truetype"),
  url("../fonts/MarkWebPro-BookW01Regular.woff2") format("woff2");
}



body{
	font-family: MarkWebPro;
	font-weight: 500;

}
a:hover,
a:active,
a:focus{
	text-decoration: none;
}
.no-padding{
	padding: 0;
	margin: 0;
}
.link-button{
	font-family: MarkWebPro-BookW01Regular;
	display: block;
	color: #FFF!important;
	background-color: #003366;
	text-align: center;
	border-radius: 5px;
	transition: all .4s ease-in-out;
	font-size: 16px;
	margin: 10px auto;
	height: 40px;
	white-space: nowrap;
	letter-spacing: 1px;
}
.link-button:hover{
	background-color: #353432;
	color: #FFF;
	}
.learn-more{
	max-width: 150px;
	padding: 8px 27px;
	margin-bottom: 25px;	
}
.links,
.links:hover,
.links:focus,
.links:active{
	text-decoration: underline;
	color: #0000C0;
}

.disc-link{
    text-decoration: none;
	color: #0000C0;
}

.ctaText{
	

	
}
.privacy{
	color:#333333;
	text-decoration:underline;
}
.privacy:hover{
	color:#333333;
	text-decoration:underline;
}
	
.see-details{
	max-width: 150px;
	padding: 6px 	5px;	
}

.textBold{
	font-family: 'MarkWebPro-Bold';}

@media(max-width: 767px){
	.link-button{
		font-size: 14px;
	}
	.see-details{
		padding: 9px;
	}
}
/* Navigation */
.nav-wrapper{
	background-color: #003366!important;
	height: 45px;
}
 
  .img-brand{
    float: left;
    padding-top: 15px;
    width: 285px;
    height: auto;;
  }
  .navy-nav{
    float: right;
    color: #FFF;
    position: relative;
    letter-spacing: 2px;
    font-size: 14px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    width: 250px;
    height: 45px;
  }
  .navy-nav:hover{
    cursor: pointer;
  }
 
  .dropdown-menus{
    position: absolute;
    display: none;
    top: 45px;
    left: 0;
    z-index: 9990;
  }

  .dropdown-links{
      color: #003366;
    background-color: #f1efeb;
    border-top: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    width: 250px;
    letter-spacing: normal;

  } 
.navy-nav::-moz-selection,
.dropdown-links::-moz-selection { color: #003366}
.navy-nav::selection,
.dropdown-links::selection { color: #003366; }

.dropdown-links:first-child { 
    border-top: 4px solid #FFF;
}
.dropdown-links:last-child { 
    border-bottom: none;
}



@media(min-width: 768px){
  .navy-nav-selected{
    background-color: #e6eff9;
    color: #003366;
  }
  .navy-nav-selected .dropdown-links{


  }
  .dropdown-links:hover{
    color: #003366!important;
    background-color: #e6eff9;
  }
  .mobile-nav{
    display: none;
  }
  .no-claim{
		margin-bottom: 30px;/*48px;*/
	}
.privicy-link-home{
	margin-top:20px;}
}

@media(max-width: 767px){
.no-padding-xs{
    padding: 0;
    margin-left: 0;
}
.img-brand{
     margin-left: 15px;
     width: 235px;
     height: auto;
     padding-top: 18px;
}
.mobile-nav{
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -12px;
    padding-top: 13px;
}
.mobile-nav .mobile-icon-bar{
    background-color: #FFF;
    display: block;;
    height: 2px;
    width: 25px;
    border-radius: 5px;
    margin-bottom: 5px;
    transition: all .15s ease-in-out;
}
.navy-nav-selected .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navy-nav-selected .middle-bar {
  opacity: 0;
}
.navy-nav-selected .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.nav-text{
	display: none;
}
.navy-nav{
	float: left;
	width: 45px;
}
.navy-nav-selected .dropdown-links{
	color: #FFF;
	background-color: #003366;
	border-top: 1px solid #FFF;
	padding-top: 11px;
	padding-bottom: 11px;
	}
	.no-claim{
		margin-bottom: 0;
	}
	
	
.privicy-link-home{
	margin-bottom:20px;
	margin-top:0px;}	
}



/* HERO */
.hero{
	height: 360px;
	background-position: center;;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('../images/hero.jpg');
	margin-bottom: 45px;
}

.heroBiz{
	height: 420px;
	background-position: center;;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('../images/hero-biz.jpg');
	margin-bottom: 45px;
}

.hero h1,
.heroBiz h1{
	font-size: 40px;
	line-height: 50px;
	margin-bottom: 18px;
	font-weight: 400;
}
.hero p,
.heroBiz p{
	font-size: 30px;
	font-weight: 400;

}
.img-hero-mc{
	margin-top: 75px;
	margin-bottom: 0;
}
.cards-list-container{
	margin-bottom: 35px;
}
.hero-contents{
	position: absolute;
	top: 40%;
	left: 0;
}
@media(min-width: 1200px){
  .hero h1{
    max-width: 55%;
  }
  
.heroBiz h1{
    max-width: 65%;
  }  
}
@media(max-width: 1199px){
	.hero h1,
	.heroBiz h1{
		width: 62%;
	}
}
@media(max-width: 992px){
	.hero h1{
		width: 68%;
	}
	.heroBiz h1{
		width: 78%;
	}
	.img-hero-mc{
	
	}
}
@media(max-width: 767px){
	.hero{
		height: 115px;
		background-position: top;
		background-image: url('../images/hero-xs.jpg');

	}
	.heroBiz{
		height: 115px;
		background-position: top;
		background-image: url('../images/hero-biz-xs.jpg');}
	
	
	.hero-contents{
		position: relative;
	}
	.img-hero-mc{
		margin-top: 40px;
		margin-bottom: 65px;
	}
	.hero h1,
	.hero h2,
	heroBiz h1,
	.heroBiz h2{
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
	.hero h1,
	.heroBiz h1{
		font-size: 23px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.hero h2,
	.heroBiz h2{
		font-size: 16px;
		margin-bottom: 25px;
	}
	.benefit-box-col{
		padding-right: 8px;
		padding-left: 8px;
	}
}
 		

/* BENEFITS*/

.benefit-box{
	max-width: 360px;
	background-color: #f1efeb;
	text-align: center;
	border-radius: 10px;
	padding: 40px;
	margin: 0 auto 35px;
}
.benefit-box a{
	color: #003366;
}
.card-name{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.benefit-box h3{
	font-weight: 400;
	color: #000;
	font-size: 22px;
	max-width: 210px;
	margin: 0 auto;
}
.img-index-card{
	margin-bottom: 30px;
	width: 220px;
}


@media(max-width: 992px){
	.card-name{
		height: 50px;
		margin-bottom: 30px;
	}
}

@media(max-width: 767px){
	.img-index-card{
		margin-bottom: 20px;
	
	}
	.benefit-box{
		max-width: 160px;
		padding: 15px;
		margin-bottom: 25px;
	}
	.card-name{
		margin-bottom: 15px;
	}
	.benefit-box h3{
		font-size: 16px;
		
	}
}
@media screen and (max-width: 767px){
	.box-odd{
		float: right;
	}
	.box-even{
		float: left;
	}
}

@media screen and (min-width: 993px){
	.benefit-box{
		min-height: /*360px;*/565px;
	}
	
.benefit-box-sm{min-height: 360px;}	

.benefit-box-pp{min-height: 525px;}	
}

/* main-footer*/
footer{
	height: 120px;
	background-color: #f1efeb;
	padding-top: 30px;
	position: relative;
}
.logo-navy-federal-footer{
	padding-right: 18px;
	margin-right: 18px;
	border-right: 1px solid #64625e;
}
.scroll-top{
	display: none;
}


@media screen and (max-width: 767px){
	.scroll-top {
		display: block;
		position: fixed;
		bottom:45px;
		right: 0px;
		
		background-color: #003366;
		padding: 5px 10px;
		border: 1px solid #FFF;
		border-radius: 5px 0 0 5px;
	}
	.scroll-top a{
		color: #FFF;
		font-size: 16px;
	}
	.scroll-top a:hover{
		cursor: pointer;;
	}
	
	.img-card-inner{
		width: 240px;
		
	}
#home footer{
	height: 170px;
	
}
}
/**/
/*INNER PAGES*/
.card-benefit-list-container{
	margin-bottom: 50px;
}

.benefit{
	width: 50px;
	height: 50px;
	background-color: #003366;
	border-radius: 50%;
	transition: all .15s ease-in-out;
	padding: 8px;
	display: inline-block;
	margin: 8px;
}
 

.benefit-postmates {
     
    padding: 10px 8px 8px 13px;}

.img-arrow{
	margin-top: -3px;
	margin-right: 5px;
	
}
.img-arrow-file-claim{
	margin-left: 3px;
	margin-top: -2px;
}

.benefit:hover{
	background-color: #353432;
	cursor: pointer;
	text-decoration: none;
}
@media(min-width: 769px){
	.benefit:hover{
		background-color: #353432!important;
	}
}
.tooltip {
  font-family: MarkWebPro;
  font-size: 12px;
  font-weight: 400;
}
.tooltip-inner {
  max-width: 170px;
  padding: 5px 8px;
  color: #fff;
  text-align: center;
  background-color: #353432;
}
.bg-blue{
	background-color: #003366!important;
}
.tooltip.bottom .tooltip-arrow {
          border-bottom-color: #353432;
       }
.inner-footer-top{
	background: #353432;
	padding-top: 40px;
	padding-bottom: 35px;
}
.inner-footer-top p{
	font-size: 18px;
	color: #FFF;
	font-weight: 400;
	max-width: 95%;
	margin: 0 auto;
	line-height: 28px;
}
.inner-footer-top strong{
	font-family: MarkWebPro-Bold;
	font-weight: 700;
}
.inner-benefits-box{
	padding: 35px;
}
.benefit-list li{
	padding-left: 0;
	padding-right: 0;
}
.benefit-list:first-child{
	padding-left: 5px;
	}
@media (min-width: 768px) and (max-width: 992px){
	.inner-benefits-box{
		min-height: 520px;
	}
}



.inner-benefits-box h2{
	font-size: 22px;
	font-weight: 400;
}
.inner-benefits-box p{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 30px;
}

.inner-benefits-box-cta{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 22px!important;
}

.benefit-iconB{
	width: 100px;
	height: auto;
}
.inner-benefits h3{
	font-weight: 400;
	font-size: 30px;
	margin-top:0;
	margin-bottom: 20px;
}
.file-a-claim{ 
	font-size: 16px;
	font-family: MarkWebPro-BookW01Regular;
	font-weight: 600;

 }
 
.apps{
	 font-size: 16px;
	font-family: MarkWebPro-BookW01Regular;
	font-weight: 600;
	display:block;
	margin-top:20px;
	margin-bottom:10px;

}
 
.apps:hover,
.file-a-claim:hover{
	color: #353432;
	cursor: pointer;
	text-decoration: none;}
	
.inner-benefits .best-rate{
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 20px;
}
.inner-benefits h4{
	font-family: MarkWebPro-BookW01Regular;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 4px;
	margin-bottom: 20px;
}
.inner-footer-bottom{
	background-color: #f1efeb;	
	padding-top: 25px;
}
.blurp{
	min-height: 223px;
}

.blurp-fileclaim{
	min-height: 207px;}

.blurp-xl{
	min-height: 320px;
}
 

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.blurp-xl {
    min-height: 310px;
	 
}
 
}



 /**Firefox
@-moz-document url-prefix() {
    .blurp-xl{
        min-height:330px;
    }*/
}

/* Safari */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ @media {
    .blurp-xl {
     min-height:302px; 
	 }  
}}

 

.inner-footer-bottom p,
.inner-footer-bottom ul li{
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.inner-footer-bottom ul li{
margin-bottom: 5px;
}

.legal{
	color: #61ccf1;
}
@media (min-width: 993px) and (max-width: 1199px){
	.blurp{
		min-height: 295px;
	}
	
	.blurp-xl{
		min-height: 388px;
	}
	.inner-benefits-box-cta{
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0px!important;
}

/**Firefox*/
@-moz-document url-prefix() {
    .blurp-xl{
        min-height:400px;
    }
}


}

 
  
@media (min-width: 768px) and (max-width: 1199px){
	.benefit{
		width: 40px;
		height: 40px;
		margin: 3px;
	}
}
@media screen and (max-width:767px){
	.benefits-wrapper{
		max-width: 280px;
		margin: 0 auto;
	}
	.card-benefit-list-container{
		margin-bottom: 30px;
	}
	.inner-benefits-box{
		max-width: 335px!important;
	}
	.benefit-iconB{
		width: 90px;
	}
	.tooltip-inner,
	.tooltip-arrow{
		display: none!important;
	}
	.inner-benefits h3,
	.inner-benefits h4,
	.inner-benefits .best-rate{
		text-align: center;
	}
	.inner-benefits .best-rate,
	.inner-benefits h4{
		font-size: 16px;
	}
	.inner-benefits h3{
		margin-top: 30px;
		font-size: 22px;
	}
	.benefits-wrapper{
		margin: 0 auto;
	}
	.inner-benefits-box h2{
		font-size: 19px;
	}
	.inner-benefits-box p,
	.file-a-claim{
		font-size: 14px;
	}
	.inner-benefits-box-cta{
	margin-bottom: 0px!important;
}
	.inner-footer-top p{
		font-size: 16px;
	}
	.inner-footer-bottom p{
		font-size: 10px;
	}
	.blurp{
	min-height: 1px;
}
}

@media screen and (min-width: 1200px){
	.benefits-first{
		margin-left: 0;
	} 

.benefit-box{
		min-height: /*360px;*/513px;
	}
	
.benefit-box-sm{min-height: 360px;}

 	
}

.skipnav {
  display: none;
  position: absolute;
  top: -50px;
  left: 0;
  padding: .25em .25em;
  background: #fff;
  border: 1px solid #e6e4e3;
  border-radius: 0 0 3px 3px;
  transition: all .5s ease-out;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 1.5em;
  color: #0C487C
}
@media screen and (min-width: 48.75em){
	.skipnav {
	  display: block;
	}
}

.skipnav:focus {
  z-index: 9999;
  top: 0;
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/

.brand{
	color: #003366;
}