@font-face {
  font-family: 'HelveticaNeue-Light';
  font-weight: 400;
  src: url("../fonts/HelveticaNeue-Light.eot") format("eot"), 
  url("../fonts/HelveticaNeue-Light.woff") format("woff"),
  url("../fonts/HelveticaNeue-Light.ttf") format("truetype");
  
} 
@font-face {
  font-family: 'HelveticaNeue-Regular';
  font-weight: 500;
  src: url("../fonts/HelveticaNeue-Regular.eot") format("eot"), 
  url("../fonts/HelveticaNeue-Regular.woff") format("woff"),
  url("../fonts/HelveticaNeue-Regular.ttf") format("truetype");

  font-style: normal;
}
@font-face {
  font-family: 'HelveticaNeue-Bold';
  font-weight: 700;
  src: url("../fonts/HelveticaNeue-Bold.eot") format("eor"), 
  url("../fonts/HelveticaNeue-Bold.woff") format("woff"),
  url("../fonts/HelveticaNeue-Bold.ttf") format("truetype");
  ;
} 


body{
	font-family: 'HelveticaNeue-Regular', Helvetica, Arial, "sans-serif";
	font-weight: 500;
    color:#000000;
}

a{
color: #0267B1;
text-decoration: none;
}

a:hover,
a:focus{
color: #0267B1;
text-decoration:underline;
}

sup {
  line-height:0; 
  font-size:62%; 
  vertical-align:2px;}

header {
width:100%;
}



.mainLogo{
max-width: 272px;
width:272px;
height: auto;
margin-bottom: 11px;}

 
#heroMain{
background-color: #C00C00;
}


#heroMain a{
text-decoration: none;
}

 
.heroBgImg{
  background-color: #C00;
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover; 
  min-height: 300px;
}

/* 50% 50% Marquee */
.wide {
    overflow: hidden;
    width: auto;}
  
.wide .home {
  background: url("../images/hero-home-960x640.jpg");}
  
.wide .mc-credit {
  background: url("../images/hero-home-960x640.jpg");} 

.wide .mc-world-credit {
  background: url("../images/hero-world-mastercard-credit-960x640.jpg");} 
  
.wide .mc-we-credit {
  background: url("../images/hero-world-elite-mastercard-credit-960x640.jpg");}
  
.wide .mc-enhanced-debit-credit {
  background: url("../images/hero-world-mastercard-credit-960x640.jpg");} 
  
 .wide .mc-world-debit {
  background: url("../images/hero-world-debit-mastercard-960x640.jpg");}  

/* 50% 50% Marquee */ 
.wide .wide-right {
   
  background-size: cover;
  background-position: center center;
  width: auto;
  flex: 1 0 0;
  min-height: 400px;
  }

/**********************/

.dark h1, 
.dark p{color:#ffffff;}

h1{
font-size: 2.125rem;
line-height: 2.625rem; 
font-family: 'HelveticaNeue-Bold', Helvetica, Arial, "sans-serif";
}

h1::before{
  background-color: #000000;
  display: block;
  content: "";
  height: .375rem;
  margin-bottom: .75rem;
  width: 48px;
}

h2,
h3.h2{
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    font-family: 'HelveticaNeue-Bold', Helvetica, Arial, "sans-serif";
    margin-bottom: 22px;
    
}

h3.eyebrow{
font-family: 'HelveticaNeue-Bold', Helvetica, Arial, "sans-serif";
font-size: 1.125rem; 
font-weight: 700;
line-height: 1.75rem;  
letter-spacing: 0.9px;
text-transform: uppercase;
color: #C00;}

  
h4,p{
font-size:1rem;
line-height: 1.5rem;
}

strong,
p.lead{
  font-family: 'HelveticaNeue-Bold', Helvetica, Arial, "sans-serif";}
  
a.tel-link,
a.tel-link:hover{
 text-decoration: none;
 color: inherit;
}

.cards-tiles .card,
.cards-tiles .card-benefits{
background-color: #E8ECED;
  border:none;
  border-radius: 0;
  padding: 25px 25px 35px 25px;
  position: relative;
}
 
.cards-tiles .card-body{
  padding:0;
}
.cards-tiles .card img{
  max-width: 185px;
  height: auto;
  margin-bottom: 22px;
}
.cards-tiles .card-benefits img{
  max-width: 320px;
  width:100%;
  height: auto;
  margin-bottom: 18px;
}

.cards-tiles .card h3.card-title,
.cards-tiles .card-benefits h3.card-title{
   margin-bottom: 16px;
   font-size: 1.5rem;
   line-height: 2rem;
   font-weight: 700;
   font-family: 'HelveticaNeue-Bold', Helvetica, Arial, "sans-serif";
}

.btn-primary{
font-family: 'HelveticaNeue-Bold', Helvetica, Arial, "sans-serif";
  background-color: #C00;
  border: 1px solid #C00;
  color: #ffffff;
  padding: 11px 42px;
  font-size: 1.125rem;
   line-height: 1.75rem;
   font-weight: 700;
   text-align: center;
   border-radius: 0;
   transition: 0.4s all linear;

}

.btn-primary:hover,
.btn-primary:focus,
.btn:active{
  background-color: #b30000 !important;
  border: 1px solid #b30000 !important;
  color: #fff;
  text-decoration: none;
}

.cards-tiles .card p,
.cards-tiles .card-benefits p{
margin-bottom: 22px;
}

sup.ast{
font-size:99%;
line-height: 0;
vertical-align: -6px;
} 

/*******Benefits Nav*********/

.benefits-nav-wrapper{margin-top: 25px;}

ul.benefits-nav{
 margin: 0;
 padding: 0;
}

.nav-link{
 margin-right: 26px; 
 margin-bottom: 25px;
 
}
.nav-link a{display: block;}

.nav-link:last-of-type{
 margin-right: 0;
}
.logo-link-160{
  width:130px;
}

.logo-link-150{
  width:120px;
}

.logo-link-130{
  width:100px;
}

.logo-link-108{
  width:78px;
}

.logo-link-106{
  width:76px;
}


.logo-link-56{
  width:26px;
}

.icon-link-38{width:28px;}
.icon-link-44{width:34px;}
.icon-link-46{width:36px;}
.icon-link-48{width:38px;}
.icon-link-54{width:44px;}
.icon-link-56{width:46px;}
.icon-link-58{width:48px;}
.icon-link-64{width:54px;}
.icon-link-66{width:56px;}
 
 /**nav animation on hover**/
.nav-link a img { 
 transition: transform 0.4s ease-in-out;

}
.nav-link a:hover img { 
 transform: scale(0.9);   
}

/*******CTA section************/
.light-grey-wrapper{
 background-color: #F3F5F6;
 padding: 35px 25px;
}

/*********Footer***********/


footer.MainFooter{
 border-top:1px #262B2D solid;
 
}

.legal p,
.legal ul li{
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: #5C6062;
}

.legal ul{
  margin: 0 0 15px 15px;
  padding: 0;
}
 
.legal .link-back{
  font-size: 1rem;
  line-height: 1.125rem;
}
.legal .link-back:hover{
text-decoration: none;
}
 
.LogoBottom{
  padding-top:12px;
  width: 160px;
}

.fidc-logo{
 width:66px;
}

.eh-logo{
width:55px;
padding-top:12px;
padding-right: 20px;
}

 /**logo animation on hover**/
.eh-logo a img,
.fidc-logo a img{ 
 transition: transform 0.4s ease-in-out;

}
.eh-logo a:hover img,
.fidc-logo a:hover img{ 
 transform: scale(1.1);   
}

.footerLogo{
width: 200px;
height: auto;
margin-bottom: 10px;
}
 
 
footer.MainFooter a{ 
color:inherit;
 text-decoration: underline;

}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  background-color: #C00;
  padding:5px 10px;
  color: #ffffff;
  border-radius: 0;
  font-weight: bold;
  transition: 0.4s all linear;
}

 #btn-back-to-top:hover{
  background-color: #B30000;
 }
 
 .screen-reader-text {  
  position: absolute;
  top: -9999px;
  left: -9999px;
}

@media (max-width: 767px) {
/* 50% 50% Marquee */ 
.wide .wide-right { 
  min-height: 400px;
  }


.btn-primary{ 
   font-size: 1rem;
  padding: 11px 30px; 
}

}

@media (max-width: 575px) {
/* 50% 50% Marquee */ 
.wide .wide-right { 
  min-height: 300px; }
 
 /*No tooltip on mobile**/
 .tooltip{
 display: none;
 
 }
 
 
}
/*  mobile landscape */
@media only screen and (max-width: 767px) and (orientation: landscape) {
 /*No tooltip on mobile**/
 .tooltip{
 display: none;
 
 } 
}

  /* tablet landscape */
 @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  /*No tooltip on mobile**/
 .tooltip{
 display: none;
 
 } 
}

 
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
.mainLogo{ 
margin-bottom: 17px;} 
  
h1{
font-size: 2.55rem;
line-height: 2.855rem;
}

h1::before{ 
  width: 60px;
}
 
h2,
h3.h2{
font-size: 1.75rem;
line-height: 2.5rem;
}

⁨⁨


h3.eyebrow{ 
font-size: 1.125rem;  
line-height: 1.75rem;   }


h4, p{
font-size:1.125rem;
line-height: 1.75rem;
}



.cards-tiles .card,
.cards-tiles .card-benefits{ 
  padding: 40px; 
}

.nav-link{
 margin-right: 38px;  
 margin-bottom: 25px;
}

.logo-link-160{
  width:160px;
}

.logo-link-150{
  width:150px;
}

.logo-link-106{
  width:106px;
}

.logo-link-130{
  width:130px;
}

.logo-link-108{
  width:108px;
}
.logo-link-56{
  width:56px;
}

.icon-link-38{width:38px;}
.icon-link-44{width:44px;}
.icon-link-46{width:46px;}
.icon-link-48{width:48px;}
.icon-link-54{width:54px;}
.icon-link-56{width:56px;}
.icon-link-58{width:58px;}
.icon-link-64{width:64px;}
.icon-link-66{width:66px;}

/*******CTA section************/
.light-grey-wrapper{
  
 padding: 40px;
}

.legal .link-back{
  font-size: 0.95rem;
  line-height: 1.125rem;
}

.LogoBottom{ 
  width: 200px;
}

}



@media (min-width: 981px) {
.cards-tiles .card h3.card-title,
.cards-tiles .card-benefits h3.card-title{ 
   font-size: 1.75rem;
   line-height: 2.5rem;
    
}

}
@media screen and (min-width: 1140px) {
h1{
font-size: 3rem;
line-height: 3.625rem;
} 
}

@media screen and (min-width: 1200px) {
.heroBgImg{ 
  min-height: 480px;
}
/* 50% 50% Marquee */
.wide {
     
    display: flex;
    flex-wrap: wrap;
    margin-left: calc((100% - 1320px) / 2);
    max-width: none;
  }
  .wide .row {
    flex: 1 0 0;
  }
 
  .wide .wide-right {
    width: auto;
    flex: 1 0 0;
    min-height: 480px;
  }
  
h4{
font-size:1.125rem;
line-height: 1.75rem;
} 
}

@media screen and (max-width: 1400px) and (min-width: 1200px) {
/* 50% 50% Marquee */
.wide {
    margin-left: calc((100% - 1140px) / 2);
  }
}

/********************************************/
/****container adjustment*****/
/********************************************/
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 98%;
  }
}

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
.wide-left .offset-custom{
 margin-left: 1.5%;
 }
 
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1300px;
  }
 
}