*{
	margin:0;
	padding:0;}

img, object, embed, video {
	max-width: 100%;
	width: 100%;
	height:auto;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

a img{
	border:none;}

 
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	15;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

*{
	margin:0;
	padding:0;}

@font-face {
  font-family: 'MarkForMCNarrowW00-Light';
  src: url('../fonts/MarkForMCNarrowW00-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/MarkForMCNarrowW00-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/MarkForMCNarrowW00-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/MarkForMCNarrowW00-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/MarkForMCNarrowW00-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/MarkForMCNarrowW00-Light.svg#svgMarkForMCNarrowW00-Light') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'MarkForMCNarrowW00-Regular';
  src: url('../fonts/MarkForMCNarrowW00-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/MarkForMCNarrowW00-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/MarkForMCNarrowW00-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/MarkForMCNarrowW00-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/MarkForMCNarrowW00-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/MarkForMCNarrowW00-Regular.svg#svgMarkForMCNarrowW00-Regular') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'MarkWebPro-LightW01Regular';
  src: url('../fonts/MarkWebPro-LightW01Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/MarkWebPro-LightW01Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/MarkWebPro-LightW01Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/MarkWebPro-LightW01Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/MarkWebPro-LightW01Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/MarkWebPro-LightW01Regular.svg#svgMarkWebPro-LightW01Regular') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'MarkWebPro-BoldW01Regular';
  src: url('../fonts/MarkWebPro-BoldW01Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/MarkWebPro-BoldW01Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/MarkWebPro-BoldW01Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/MarkWebPro-BoldW01Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/MarkWebPro-BoldW01Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/MarkWebPro-BoldW01Regular.svg#svgMarkWebPro-BoldW01Regular') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'MarkWebPro-BookW01Regular';
  src: url('../fonts/MarkWebPro-BookW01Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/MarkWebPro-BookW01Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/MarkWebPro-BookW01Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/MarkWebPro-BookW01Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/MarkWebPro-BookW01Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/MarkWebPro-BookW01Regular.svg#svgMarkWebPro-BookW01Regular') format('svg'); /* Legacy iOS */
}

 

body{
	font-family: 'MarkWebPro-LightW01Regular', 'Open Sans', sans-serif;
	 }

 

.clear{
	clear:both;}
	
.floatNone{
	float:none;}
	
a,
a:hover,
a:focus,
a img{
	outline: none;}

.boldFont{
	font-weight:bold;}

 .italicFont{
	font-style: italic;
}

.copyUnderlined{
	text-decoration:underline;}

sup{
	font-size:75%;
	line-height:25px;
	vertical-align:text-top;
	top:5px;}
	 
	
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	  
}

p,
h4{
	font-family: 'MarkForMCNarrowW00-Light', 'Open Sans', sans-serif;}
	
p.RegularMark,
h4.RegularMark{
	font-family: 'MarkForMCNarrowW00-Regular', 'Open Sans', sans-serif;}
	
 

.noWrap{
	white-space:nowrap;}

/***************/
/*HEADER*/
/**************/

#Header {
	width: 100%;
	 
}
 

#HeaderContent{
	float:none;
	width:96%;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px; } 

#HeaderContent h1{
	font-size:39px;
	line-height:44px;
	font-weight:300; 
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-bottom:30px;}

.Logos{
	max-width:325px;
	width:65%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;}
 

/***************/
/*MAIN CONTENT*/
/**************/


#mainContent {
	width: 100%;
	margin-left: auto;
	margin-right: auto; 
}
  
.GreyBG{
	background: #eae7e1;
	 
	 
}

.BorderBottom{
	border-bottom:1px solid #c3c0b9;}
  
.Intro{
	padding-top:30px;
	padding-bottom:30px;
	width:88%; 
	text-align:center;
	padding-left:6%;
	padding-right:6%; }

#mainContent{
	border-bottom:3px solid #84817d;}

#mainContent h2{
	font-size:28px;
	line-height:36px;
	color:#000000;
	font-weight:300;
	margin-bottom:25px;
	margin-top:5px;
	}

#mainContent h2 sup{
	font-size:50%; }

#mainContent h3{
	font-size:26px;
	line-height:32px;
	color:#000000;
	font-weight:300;
	margin-bottom:25px;
	margin-top:5px;
	}
	
#mainContent h4{
	font-size: 22px;
	line-height: 32px;
	color: #000000;
	font-weight: normal;
	margin-bottom: 25px;
	margin-top: 5px;
	}	

#mainContent p{
	font-size:18px;
	line-height:26px;
	color:#383838;
	font-weight:300;
	margin-bottom:10px;
	margin-top:25px;
	}	 		 

#mainContent p a{color:#383838;}
#mainContent .WalletsWrapper p{
	margin-top:15px;}

.WalletsWrapper h3{
	text-align:center;}

  

.col3{
	width:98%;
	float:none;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	 }
 

.col6{
	width:98%;
	float:none;
	margin-left: auto;
	margin-right: auto;
	 } 
	  
 

/**************/
/*Wallets*/
/**************/	

.WalletsWrapper{
	width:92%;
	padding-top:35px;
	padding-bottom:35px;
	padding-left:4%;
	padding-right:4%;}
  
.LogoImg{
	margin-top:25px;
	margin-left: auto;
	margin-right: auto;
	}
 
 

.btnWrapper{
	width:160px;
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;}


.btn{
	background-color: #f38b00;
	display: inline-block;
	 
	font-size:17px;
	line-height:25px;
	font-weight: 400; 
	color: #ffffff;
	padding-top: 7px;
	padding-right: 25px;
	padding-bottom: 8px;
	padding-left: 25px;
	margin-top:15px;
	text-decoration:none;
	border-radius: 5px ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 0px solid #f38b00;
	}
.btn:hover{
	background-color: #787774;
	 
} 

.justify-content-center{
	width:100%;
	margin-left:auto;
	margin-right:auto; }

.wallets{
	padding-bottom:25px;
	padding-top:10px;
	margin-bottom:25px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;}
	
.wallets50{
	padding-bottom:25px;
	padding-top:10px;
	margin-bottom:25px;
	width:88%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;}
	

.inner-wallet{
	max-width:85%;
	
	margin-left:auto;
	margin-right:auto;
	 }
	
.col-border{
	border-bottom:solid 1px #c3c0b9;} 
		  
#GPay{
	max-width:147px;
	padding-bottom:4px;
	margin-left: auto;
	margin-right: auto;}	
	
#ApplePay{
	max-width:121px;
	padding-bottom:4px;
	margin-left: auto;
	margin-right: auto;
	 }
.extrapadding{
	padding-left:5%;
	padding-right:5%;}
		
#SamsungPay{
	max-width:193px;
	 padding-bottom:4px;
	margin-left: auto;
	margin-right: auto; }
	
 

.SamsungPay {
	padding-bottom:0;
	padding-top:25px;}

#FitbitPay{
	max-width:203px;
	margin-left: auto;
	margin-right: auto;}
	

#GarminPay{
	max-width:215px;
	margin-left: auto;
	margin-right: auto;}	


.wallets .btn{ 
	font-size:15px;
	line-height:20px;  
	}
.WalletsWrapper .btnWrapper{
	width:160px; }	
	
	 
	
.WalletsWrapperInner{
	margin-top:40px;}
	
  
				
/**************/
/*Security*/
/**************/
.Security{
	width:92%;
	padding-top:35px;
	padding-bottom:35px;
	padding-left:4%;
	padding-right:4%;}	

.SecurityImg{
	width:168px;
	max-width:168px;
	margin-bottom:20px;
	margin-left: auto;
	margin-right: auto;
	 }

.SecurityCopy{
	width:98%;
	margin-left:0;
	 }
	 
/**************/
/*Merchants*/
/**************/
.Merchants{
	width:92%;
	padding-top:35px;
	padding-bottom:35px;
	padding-left:4%;
	padding-right:4%;
	text-align:center;}	 

.MerchantsLogosLeft{
	max-width:414px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	 }

.MerchantsLogosRight{
	max-width:417px;
	width:81%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	 }

/**********************/
/*PricelessSurprises*/
/**********************/

.PricelessSurprises{
	width:92%;
	padding-top:35px;
	padding-bottom:35px;
	padding-left:4%;
	padding-right:4%;}

.PSImg{
	max-width:353px;
	width:75%;
	
	 }

.PSCopy{
	width:100%;
	max-width:625px;margin-bottom:20px; 
	 }	
	 

/**********************/
/*Contactless*/
/**********************/

.Contactless{
	width:92%;
	padding-top:35px;
	padding-bottom:35px;
	padding-left:4%;
	padding-right:4%;}

.ContactlessImg{
	max-width:185px;
	width:65%;
	margin-left:auto;
	margin-right:auto;
	 }

.ContactlessCopy{
	width:100%;
	max-width:650px;
	margin-bottom:20px; 
	 }	 
	  

/*********/
/*LEGAL*/
/*********/
#mainFooter{
	margin-left: auto;
	margin-right: auto;
	width: 88%;
	padding-top:35px;
	padding-left:3%;
	padding-right:3%;
	padding-bottom:30px;
	}
 
#mainFooter p{
	font-size: 12px;
	line-height: 18px; 
	margin-top:14px;
	margin-bottom:14px;
	color:#6e6e6e;
	 
} 		  

#mainFooter p a{
	 color:#6e6e6e;}
		  
#mainFooter p sup{
	font-size:100%;} 
@media only screen and (max-width: 767px) {
.hidden-sm{
	display:none;}
.extrapadding{
	padding-left:0;
	padding-right:0;}	
	 
}
@media only screen and (min-width: 510px) {
  
.clear-sm{
	clear:both;} 	
	
 
	
 


 /************/
 /***********/
 .SecurityImg{
	width:20%;
	max-width:168px;
	float:left;
	padding-top:25px;
	margin-left:0;}

.SecurityCopy{
	width:77%;
	margin-left:3%;
	float:left;}

	
.MerchantsLogosLeft{
	max-width:414px;
	width:43%;
	float:left;}

.MerchantsLogosRight{
	max-width:417px;
	width:44%;
	margin-left:11%;
	margin-top:0;
	float:right;}	


}
 

@media only screen and (min-width: 769px) {
.hide-md{
	display:none;}
#Header{
	height:377px; 
	background-image: url(../images/MC-MultiWallet-Hero.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size:cover;}

#HeaderContent{
	float:left;
	width:42%;
	padding-top:30px;
	padding-left:30px;} 

#HeaderContent h1{
	font-size:43px;
	line-height:45px;  
	margin-left:0;
	text-align:left;
	margin-bottom:0;}

.Logos{
	max-width:325px;
	width:65%;
	margin-bottom:30px;
	margin-left:0;}

/***************/
/*MAIN CONTENT*/
/**************/

#mainContent {
	width: 100%;
	
} 
	 
#mainContent h2{
	font-size:41px;
	line-height:46px;  
	}

#mainContent h3{
	font-size:30px;
	line-height:35px;  
	}

#mainContent h4{
	font-size:24px;
	line-height:34px;
	 
	}

#mainContent .PricelessSurprises h3{
	font-size:36px;
	line-height:40px;
	 
	}		
 
#mainContent p{
	font-size:20px;
	line-height:31px;
	 
	} 
.Intro{
	padding-top:50px;
	padding-bottom:50px;
	width:83.33%;
	padding-left:8.365%;
	padding-right:8.365%;}	

 
.WalletsWrapper{
	width:98%;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:1%;
	padding-right:1%;
	 }

 
.col3{
	width:33.33%;
	float:left;
	margin-left: 0;
	margin-top:0;
	margin-bottom:0;}

.col6{
	width:50%;
	float:left;
	margin-left: 0;
	margin-top:0;}

.justify-content-center{
	width:85%;
	  }

.WalletsWrapperInner{
	width:96%;
	margin-left:auto;
	margin-right:auto;
	 }
 
.wallets{
	width:32%;
	float:left;
	
	display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex; 
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: initial; 
          flex-direction: initial; }
		  
.wallets50{
	width:48%;
	 
	float:left;
	
	display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex; 
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: initial; 
          flex-direction: initial; }		  
	
.inner-wallet{
	display: -webkit-box;
  display: -webkit-flex; 
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center; 
          align-items: center;
		  flex-wrap:  wrap;
	min-height:350px;}

.col-border{ 
	border-bottom:none;
	border-right:solid 1px #c3c0b9;}	 
 
	  
.no-border-lg{
	border-right:none;} 
 
/*********/
/*********/

.Security{
	width:90%;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:5%;
	padding-right:5%;}	

.SecurityImg{
	width:20%;
	max-width:168px;
	float:left;}

.SecurityCopy{
	width:77%;
	margin-left:3%;
	float:left;}
 

/**************/
/*Merchants*/
/**************/
.Merchants{
	width:94%;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:3%;
	padding-right:3%;}

.MerchantsLogos{
	max-width:880px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	margin-top:35px;}

/**********************/
/*PricelessSurprises*/
/**********************/

.PricelessSurprises{
	width:90%;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:5%;
	padding-right:5%;}

.PSImg{
	max-width:353px;
	width:33.6%;
	float:left;
	padding-top:25px;}

.PSCopy{
	width:59.5%;
	max-width:625px;
	float:right;}

/**********************/
/*Contactless*/
/**********************/

.Contactless{
	width:88%;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:6%;
	padding-right:6%;}

.ContactlessImg{
	max-width:207px;
	width:20%;
	float:right;
	padding-top:20px;}

.ContactlessCopy{
	width:77%;
	max-width:800px;
	margin-bottom:0;
	float:left; 
	padding-top:0px;
	 }	 

 

} 

@media only screen and (min-width: 920px) {
	.inner-wallet{
	 
	min-height:270px;}
	}
 


 @media only screen and (min-width: 1020px) {
 #Header{
	height:425px; }
 #HeaderContent{
	width:40%; 
	padding-top:25px;
	padding-left:50px;} 

#HeaderContent h1{
	font-size:50px;
	line-height:53px;
	 
	}
		 
.ContactlessImg{ 
	width:20%;
	padding-top:0px;}

.ContactlessCopy{
	width:75%;
	padding-top:27px;
	 }	 

#mainContent .WalletsWrapper p{
	font-size:19px;
	line-height:24px;}
 	 

.clear-sm{
	clear:none;} 

 
	
.GPay{
	 
	padding-left:0;
	padding-right:1%;
	 }

.ApplePay{
	 
	padding-left:2%;
	padding-right:1%;
	 }

.MicrosoftWallet{
	 
	padding-left:2%;
	padding-right:1%;
	 }

.SamsungPay{
	 
	padding-left:2%;
	padding-right:0;
	padding-top:0; 
	  }
.justify-content-center{
	width:75%;
	  }


 } 

@media only screen and (min-width: 1100px) {
.ApplePay .btnWrapper,
.MicrosoftWallet .btnWrapper,
.SamsungPay .btnWrapper{
	margin-top:35px;}

.MicrosoftWallet{
	 
	width:21%;
	 
	 }

.SamsungPay{
	 
	width:21%;
	 
	  }
 	
}

/* Desktop Layout: 1200px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1200px) {

.gridContainer {
	width: 1200px;
	margin: auto;
	
}


/***************/
/*HEADER*/
/**************/

#Header{
	width: 1200px;
	height:588px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	 
	}
#HeaderContent{
	 
	padding-top:54px;
	padding-left:54px;} 

#HeaderContent h1{
	font-size:65px;
	line-height:68px;
	 
	 
	}

.Logos{
	 
	margin-bottom:40px;}

/***************/
/*MAIN CONTENT*/
/**************/
 
 
.Security{
	width:75%;
	 
	padding-left:15%;
	padding-right:15%;}
/****************/
.WalletsWrapper{
	width:96%;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:2%;
	padding-right:2%;
	
	/**/ }
.WalletsWrapperInner{
	width:100%;
	 
	 }
.wallets{
	margin-bottom:50px;
}
  
.inner-wallet{
	max-width:300px;
	min-height:270px;
	 }
 
.AndroidPay{
	min-height:253px; 
	padding-right:18px;
	  }

.ApplePay{
	min-height:253px;  
	padding-left:20px;
	padding-right:18px;
	 }

.MicrosoftWallet{
	min-height:253px;  
	padding-left:20px;
	padding-right:18px;
	  }

.SamsungPay{
	 max-width: 230px;
	width:25%;
	 min-height:253px; 
	padding-left:20px;
	 
	  }
 
 
	
/*************/
/*Merchants*/
/*************/
.MerchantsLogosLeft{
	 
	width:58.9%;
	 }

.MerchantsLogosRight{ 
	width:38.5%;
	margin-left:20px;
	 }
	 
/**********************/
/*PricelessSurprises*/
/**********************/

.PricelessSurprises{
	width:87.5%; 
	padding-left:6.5%;
	padding-right:6.5%;}

/**********************/
/*Contactless*/
/**********************/

.Contactless{
	width:84%;
	padding-left:8%;
	padding-right:8%;}

 
          
}