a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
img { display: block; vertical-align: middle; }
*, *:before, *:after { box-sizing: border-box;  }
html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; scroll-behavior: smooth; } 

@font-face {
	font-family:'BentonSans';
	src:url("../fonts/BentonSansRegular.woff") format("woff");
	font-weight: 400;
}


@font-face{
	font-family:'BentonSans';
	src:url("../fonts/BentonSansBold.woff") format("woff");
	font-weight: 700;
}

@font-face {
	font-family: 'Guardian Egyptian Web';
	src: url('../fonts/GuardianEgyp-Regular-Web.woff') format('woff');
	font-weight:  400;
	font-style:   normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Guardian Egyptian Web';
	src: url('../fonts/GuardianEgyp-Medium-Web.woff') format('woff');
	font-weight:  500;
	font-style:   normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Guardian Egyptian Web';
	src: url('../fonts/GuardianEgyp-Semibold-Web.woff') format('woff');
	font-weight:  600;
	font-style:   normal;
	font-stretch: normal;
}

:root {
	--color-black: #000;
	--color-white: #fff;
	--color-white-alt: #f2f2f2;
	--color-blue-dark: #00175a;
	--color-blue-light: #006fcf;
	--color-gray-dark: #333;
	--color-gray-light: #ebebeb;
	--color-error: #fdc228;
	--font-primary: 'BentonSans', 'Helvetica Neue', Helvetica, sans-serif;
	--font-secondary: 'Guardian Egyptian Web', serif;
}

.color--blue-dark {
	color: var(--color-blue-dark);
}

.color--white {
	color: var(--color-white);
}

html, body {
	max-width: 100%;
	min-width: 320px;
	width: 100%;
	overflow-x: hidden;
}

body {
	background-color: var(--color-white);
	color: var(--color-black);
	counter-reset: footnotes; 
	font-family: var(--font-primary);
	font-size: calc(1.5rem * .625);
	font-weight: 400;
	line-height: 1.4;
}

h1 {
	color: var(--color-white);
	font-family: var(--font-secondary);
	font-style: normal;
	font-weight: 600;
	font-size: calc(3.2rem * .625);
	line-height: 1.2;
	margin-bottom: 15px;
}

h2 {
	font-family: var(--font-secondary);
	font-style: normal;
	font-weight: 600;
	font-size: calc(2.8rem * .625);
	line-height: 1;
	margin-bottom: 30px;
	color: inherit;
}

h3,
.h3 { 
	font-family: var(--font-secondary);
	font-style: normal;
	font-weight: 600;
	font-size: calc(2.4rem * .625);
	line-height: 1.4;
	margin-bottom: 30px;
	color: var(--color-blue-dark);
}

.t-eyebrow {
	color: var(--color-blue-light);
	font-family: var(--font-primary);
	font-size: calc(1.5rem * 0.625);
	font-weight: 700;
	line-height: calc(2.2rem * .625);
	text-transform: uppercase;
	margin-bottom: calc(1rem * .625);
}

.t-eyebrow--white {
	color: var(--color-white);
}

p {
	margin-bottom: 15px; 
}

a {
	color: var(--color-blue-light);
	text-decoration: none;
}

	a:active, a:focus, a:hover { text-decoration: underline; }

strong {
	font-weight: 700;
}

.inav-header [class^="axp-global-header__dls-module__module___"] [class*="axp-global-header__dls-module__navSticky"]  {
	top: -60px !important;
	left: 0 !important;
	position: relative !important;
}

.inav-header { height: 60px; font-size: 0; }
	@media all and (max-width: 1123px) { .inav-header { height: 60px; } }

a[href="#mainContent"] { font-size: calc(1.4rem * .625) !important; }
#mainContent:focus {
	outline: 5px auto -webkit-focus-ring-color !important;
}

.inav-header:empty { height: 0; }

.site-nav {
	background-color: var(--color-blue-light);
	border-bottom: 1px solid var(--color-white);
	position: -webkit-sticky;
    position: sticky;
	top: 0;
	z-index: 4;
	/* max-width: 1440px; */
	margin: 0 auto;
}
	.site-nav__menu-btn {
		background: var(--color-white);
		display: flex;
		flex-flow: row;
		gap: 10px;
		border-radius: 4px;
		border: 1px solid #F7F8F9;
		padding: 15px 20px 15px 10px;
		width: 100%;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		color: var(--color-blue-light);
		font-family: "Helvetica Neue", sans-serif;
		font-size: calc(1.6rem * .625);
		font-weight: 400;
		line-height: calc(2.4rem * .625);
		transition: color .25s ease-in;
	}
	.site-nav__menu-btn svg path {
		transition: all .25s ease-in;
	}
		.site-nav__menu-btn:hover {
			color: var(--color-blue-dark);
			transition: color .25s ease-in;
		}

		.site-nav__menu-btn:hover svg path {
			fill: var(--color-blue-dark);
			transition: all .25s ease-in;
		}

	.site-nav__inner {
		max-width: 1440px;
		padding: 27px 20px;
		margin-inline: auto;
	}

	.site-nav ul {
		display: none;
		flex-flow: column;
		gap: 12px;
	}

	.site-nav a {
		color: #fff;
	}

	
	.hero {
		background-color: var(--color-white);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 160%;
		display: grid;
		grid-template-columns: 22px 1fr 22px;
		grid-template-rows: 50vw 185px 1fr 30px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		z-index: 1;
	}

		.hero--eyebrow {
			display: block;
			font-family: var(--font-primary);
			font-size: calc(1.5rem * .625);
			font-weight: 700;
			margin-bottom: 10px;
			text-transform: uppercase;
		}

		.hero--content {
			max-width: 505px;
			margin-inline: auto;
			width: 100%;
			color: var(--color-white);
			position: relative;
			grid-column: 2;
			grid-row: 2 / span 2;
		}

		.hero--content .hero-inner {
			padding-block: calc(5rem * .625);
			padding-inline: calc(2rem * .625);
			background: var(--color-blue-dark);
			aspect-ratio: 1;
			display: flex;
			flex-flow: column;
			justify-content: center;
		}

			.hero--svg {
				position: absolute;
				right: -24.75px;
				bottom: -55px;
				z-index: -2;
				width: 165px;
				height: 165px;
			}
		.hero--text {
			color: var(--color-white);
			font-size: calc(1.6rem * .625);
			line-height: 1.5;
			margin-bottom: 0;
		}

		.hero--links-container {
			align-items: center;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			max-width: 420px;
			width: 100%;
		}

		.hero--links-container .btn {
			width: 100%;
		}

		.hero--links-container .btn:active,
		.hero--links-container .btn:focus,
		.hero--links-container .btn:hover {
			color: var(--color-blue-light);
			background-color: var(--color-white);
		}

		.hero--links-container .btn:first-child {
			margin-bottom: 20px;
		}

		.hero--image {
			grid-column: 1 / -1;
			grid-row: 1 / span 2;
		}

		.hero--image img {
			display: block;
			height: 100%;
			width: 100%;
			object-fit: cover;
		}

		.hero--alt {
			background-image: none;
		}

			.hero--alt h1 {
				margin-bottom: 0;
			}

			.hero--alt .hero--content {
				max-width: 540px;
			}

.content-container {
	background-color: var(--color-white);
	margin: 0 auto;
	padding: 40px 20px;
	position: relative;
}

.carousel--title {
	text-align: center;
}

.map--content {
	max-width: 500px;
	width: 100%;
}

	.map--content h3 { 
		font-family: var(--font-primary); 
		font-weight: 700; 
		font-size: calc(1.5rem * .625); 
		line-height: 1.4; 
		margin-bottom: 5px; 
		text-transform: uppercase; 
	}

	.map--content p {
		margin-bottom: 20px;
	}

.map--media {
	align-items: flex-end;
	background-image: url('../img/map.svg?v=0');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	display: flex;
	justify-content: center;
	height: 230px; 
}

/* Slider */
.slick-slider  {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin: 0 auto;
    position: relative;
}

    .slick-slide a::after {
        display: none;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0 0 25px;
		padding:0 20% 0 0;
    }

    .slick-list:focus { outline: none; }
    .slick-list.dragging { cursor: pointer; cursor: hand; }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .slick-track:before,
    .slick-track:after { display: table; content: ''; }
    .slick-track:after { clear: both; }
    .slick-loading .slick-track { visibility: hidden;}

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }
    [dir='rtl'] .slick-slide { float: right; }
	.slick-slide .carousel--content { border-top: 2px solid var(--color-blue-light); max-width: 240px; padding-top: 20px; width: 100%; }
	.slick-slide h3 { font-family: var(--font-primary); font-style: normal; font-weight: 700; font-size: calc(1.5rem * .625); line-height: 1.4; margin-bottom: 15px; text-transform: uppercase; }
	.slick-slide p:not(:last-child) { margin-bottom: 5px; }
    .slick-slide.slick-loading img { display: none; }
    .slick-slide.dragging img { pointer-events: none; }
    .slick-initialized .slick-slide { display: block; }
    .slick-loading .slick-slide { visibility: hidden; }
    .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
    .slick-arrow.slick-hidden { display: none; }

    .slick-dots {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        margin: auto;
        max-width: 105px;
        padding: 5px;
        right: 0;
    }

	.slick-dots button {
		-webkit-appearance: none;
		appearance: none;
		background-color: var(--color-white);
		border: 1px solid var(--color-gray-dark);
		border-radius: 50%;
		cursor: pointer;
		display: block;
		height: 12px;
		margin: 0 4px;
		padding: 0;
		text-indent: -9999px;
		width: 12px;
	}

	.slick-dots .slick-active button {
		background-color: var(--color-blue-dark);
	}

.stat--container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1200px;
	gap: calc(1.6rem * .625);
}

	.stat {
		align-items: stretch;
		background-color: var(--color-white);
		border: 2px solid var(--color-blue-light);
		border-radius: 3px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		max-width: 530px;
		padding: 16px 12px;
		width: 100%;
		margin: 0 auto;
	}

		.stat--title {
			border-right: 1px solid var(--color-blue-light);
			color: var(--color-blue-light);
			font-size: calc(1.2rem * .625);
			font-weight: 700;
			margin-right: 15px;
			padding-right: 15px;
			text-align: center;
			text-transform: uppercase;
			display: flex;
			align-items: center;
		}

		.stat--number {
			display: block;
			font-size: calc(4rem * .625);
			line-height: 1;
			min-width: 100px;
			font-family: var(--font-secondary);
			font-weight: 500;
		}

		.stat--text {
			color: var(--color-blue-light);
			/* max-width: 270px; */
			width: 100%;
			margin-top: auto;
			margin-bottom: auto;
		}

	.stat.stat--white {
		background-color: var(--color-blue-light);
		border-color: var(--color-white);
	}

		.stat--white .stat--title {
			border-color: rgba(255, 255, 255, 0.14);
		}

		.stat--white .stat--title,
		.stat--white .stat--text {
			color: var(--color-white); 
		}

.logo-ribbon {
	height: auto;
	margin: 0 auto 35px;
	max-width: 184px;
	width: 100%;
}

.merchant-resources h2 {
	text-align: center;
	margin-bottom: 35px;
}

.merchants--content {
	max-width: 500px;
	width: 100%;
}

	.merchants--content h3 { 
		font-family: var(--font-primary);  
		font-weight: 700; 
		font-size: calc(1.5rem * .625); 
		line-height: 1.4; 
		margin-bottom: 5px; 
		text-transform: uppercase; 
	}

	.merchants--content p {
		margin-bottom: 20px;
	}

.merchants--media {
	margin-bottom: 30px;
}
	.merchants--media .t-eyebrow {
		text-align: center;
	}
	.merchants--media h2 {
		text-align: center;
	}

	.merchants--image {
		display: block;
		height: auto;
		max-width: 580px;
		width: 100%;
	}

.resources--heading {
	max-width: 675px;
	margin-inline: auto;
}

.resources--items {
	display: flex;
	flex-direction: column;
	gap: 30px;
	justify-content: center;
	align-items: center;
}


.resource--content .col:first-child { margin-bottom: 0; }

.resources--item {
	background-color: var(--color-white);
	border: 1px solid var(--color-gray-light);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	padding: 33px 0;
	text-align: center;
	width: 100%;
	display: grid;
	grid-template-rows: 1fr auto;
	max-width: 420px;
	container-type: inline-size;
	container-name: resourceitem;
}

	.resources--item svg {
		margin-bottom: 24px;
	}

	.resources--item h2 {
		margin-bottom: 20px;
		padding-left: 8px;
		padding-right: 8px;
		font-weight: 400;
	}

	.resources--item p {
		margin-bottom: 25px;
		padding-left: 24px;
		padding-right: 24px;
	}
	.resources--item > div + div {
		padding-left: 24px;
		padding-right: 24px;
	}

	.resources--item .btn {
		display: inline-block;
		width: auto;
		max-width: 100%;
		margin: 0 auto;
		line-height: 1.25;
	}

	@container resourceitem (max-width: 350px) {
		.resources--item > div + div {
			padding-left: 12px;
			padding-right: 12px;
		}
		.resources--item .btn {
			width: 100%;
			padding-left: 12px;
			padding-right: 12px;
			font-size: calc(1.4rem * 0.625);
		}
	}

	.resources--text {
		color: var(--color-white);
		text-align: center;
	}

		.resources--text a { 
			color: var(--color-white);
		}

.tagline {
	background-color: var(--color-blue-dark);
	margin: 0 auto;
	/* max-width: 1440px; */
	padding: 30px 15px;
}

	.tagline img {
		display: block;
		height: auto;
		margin: 0 auto;
		max-width: 475px;
		width: 100%;
	}

.player--title {
	color: var(--color-white);
	margin: 0 auto 30px;
	max-width: 800px;
	text-align: center;
}
	
	.player--screen {
		margin: 0 auto;
		max-width: 800px;
		width: 100%;
	}

	.embed--container {
		box-shadow: 4px 4px 15px rgb(0 0 0 / 50%);
		height: 0;
		max-width: 100%;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;		
	}

	.embed--container iframe,
	.embed--container object,
	.embed--container embed {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	
	.player--thumbs-container {
		margin: 0 auto;
		max-width: 800px;
		width: 100%;
	}

	.player--tabs {
		display: flex;
		justify-content: center;
		margin-top: 25px;
	}
	
		.player--tab {
			background: none;
			border: 1px solid var(--color-gray-light);
			border-bottom: 0;
			border-radius: 3px 3px 0 0;
			color: var(--color-gray-light);
			cursor: pointer;
			font-family: var(--font-secondary);
			font-size: calc(1.4rem * .625);
			line-height: 2em;
			margin: 1em 2px 0 2px;
			opacity: .6; 
			padding: 0 1.5em;
		}

			.player--tab:hover { 
				color: var(--color-white);
				opacity: .9;
			}

			.player--tab-on, 
			.player--tab-on:hover { 
				background: var(--color-white);
				color: var(--color-blue-light); 
				opacity: 1;
			}	
	
	.player--thumbs {
		border-top: 1px solid var(--color-gray-light);
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 20px;
	}
	
	.player--thumb {
		border: 2px solid transparent;
		color: var(--color-white);
		cursor: pointer;
		font-size: calc(1.4rem * .625);
		line-height: 1.3em;
		margin: 0 10px 20px 10px;
		opacity: .6;
		text-align: center;
		width: 145px;
	}
	
		.player--thumb:hover { 
			opacity: 1;
		}
	
		.player--thumb img {
			box-shadow: 2px 2px 4px rgba(0,0,0,.3);
			margin-bottom: 5px;
			width: 100%;
		}
	
	.player--thumb-on {
		opacity: 1;
	}
	
		.player--thumb-on img { 
			border: 2px solid var(--color-white);
		}

	.hide-me {
		display: none;
	}

.card {
	background-color: var(--color-white);
	border: 2px solid var(--color-gray-light);
	/* box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15); */
	border-radius: 0;
	display: block;
	padding: 25px;
	transition: all .35s ease-out;
}
	.card--grid--3 {
		display: grid;
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.card--grid--3 .card {
		padding-top: 33px;
		padding-bottom: 33px;
		padding-left: 35px;
		padding-right: 35px;
		display: grid;
		grid-template-rows: 1fr auto;
		transition: all .35s ease-out;
	}
	.card--eyebrow {
		font-family: var(--font-primary);  
		font-weight: 700; 
		font-size: calc(2rem * .625); 
		line-height: 1.4; 
		margin-bottom: 5px; 
		text-transform: capitalize; 
	}
	a.card {
		cursor: pointer;
	}

	.card--link {
		margin-bottom: 0;
	}

		a.card:focus,
		a.card:hover {
			background-color: var(--color-white-alt);
			text-decoration: none;
			transform: translateY(-5px);
		}

		a.card:focus .card--link,
		a.card:hover .card--link {
			text-decoration: underline;
		}

		.card--grid--3 a.card:focus, 
		.card--grid--3 a.card:hover {
			/* box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15); */
			background: var(--color-white);
			transform: translateY(-5px);
			transition: all .35s ease-out;
		}
		.card--grid--3 a.card:focus .card--link,
		.card--grid--3 a.card:hover .card--link {
			color: var(--color-blue-dark);
			transition: all .35s ease-out;
		}

	.card--horizontal .card--title {
		font-family: var(--font-primary);
		font-size: calc(2rem * .625);
		font-weight: 700;
		margin-bottom: 8px;
		text-transform: none;
	}

		.card--horizontal .card--title span { 
			font-weight: 400;
		}

	.card--horizontal .card--detail {
		color: var(--color-black);
		margin-bottom: 15px;
	}

	.card--signup {
		border: 8px solid #006FCF;
		border-radius: 0;
		background: #FFF;
	}

	.card--vertical {
		color: var(--color-black);
		padding: 0;
		text-align: center;
		transition: background .125s;
	}
		.card--vertical .card--header-img {
			margin: 0 auto 11px;
			width: 100%;
			max-width: 230px;
			align-self: center;
		}
		a.card--vertical:focus,
		a.card--vertical:hover {
			transform: translateY(0);
		}

		.card--vertical .card--image {
			height: auto;
			margin-bottom: 40px;
			width: 100%;
		}

		.card--vertical .card--title {
			font-family: var(--font-secondary);
			font-size: calc(2.4rem * .625);
			font-weight: 400;
			line-height: 1.2;
			margin-bottom: 15px;
			text-transform: none;
		}

		.card--vertical .card--detail {
			margin: 0 auto 15px;
			max-width: 515px;
			width: 100%;
		}

		.card--vertical .card--link {
			color: var(--color-blue-light);
			display: block;
			margin-bottom: 15px;
		}
	
	
.informative-guides--title {
	margin-bottom: 8px;
}

.informative-guides--description {
	margin-bottom: 40px;
}

.merchants-guide--container {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 100px;
}

	.merchants-guide--grid {
		display: grid;
		grid-template-columns: 1fr;
		margin-inline: -20px;
		margin-bottom: calc(5rem * .625);
	}

		.merchants-guide--content {
			margin-top: -50px;
			grid-column: 1;
			/* grid-row: 2; */
			padding-inline: 15px;
			display: flex;
			flex-flow: column;
			gap: calc(3rem * .625);
		}

		.merchants-guide--image {
			display: block;
			height: 100%;
			margin: 0 auto;
			width: 100%;
			max-width: 768px;
			margin-inline: auto;
			object-fit:cover;
		}

		.merchants-guide--container .card:first-child,
		.merchants-guide--container .card:nth-child(2) { 
			margin-bottom: 30px; 
		}

.merchants-welcomekit {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	gap: 17px;
	overflow: hidden;
	position: relative;
	background-color: var(--color-blue-dark);
	background-position: left -10px;
	border: 1px solid #EBEBEB;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
	padding-top: 74px;
	padding-bottom: 40px;
	padding-left: 40px;
	padding-right: 40px;
	color: var(--color-white);
}
	.merchants-welcomekit h3 {
		margin-bottom: 0;
		color: inherit;
		text-wrap: balance;
	}
	.merchants-welcomekit .btn {
		max-width: 265px;
	}

	.merchants-welcomekit .btn:hover,
	.merchants-welcomekit .btn:focus {
		background-color: var(--color-white);
		color: var(--color-blue-dark);
	}
.signup--container {
	background-color: var(--color-white-alt);
	height: 100%;
	padding: 20px 15px;
	text-align: left;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 9.6%;
}

.signup--container[hidden] {
	display: none;
}
	.signup--header {
		grid-column: 1;
		margin-bottom: 10px;
	}

	.signup--header p {
		margin-right: 20px;
	}
	.signup--title {
		font-family: var(--font-secondary);
		font-size: calc(2.4rem * .625);
		font-weight: 600;
		margin-bottom: 20px;
		line-height: 1.2;
		text-transform: none;
		color: var(--color-blue-dark);
	}

	.signup--form { 
		margin-bottom: 25px;
		grid-column: 2;
	}

	.signup--form .btn {
		padding-left: 40px;
		padding-right: 40px;
		min-width: 152px;
	}

	.signup-disclaimer {
		font-size: calc(1.2rem * .625);
		grid-column: 1 / span 2;
		color:#767676;
	}

	.signup--submitted {
		background-color: var(--color-white-alt);
		background-image: url('../img/bg-ribbon.svg?v=0');
		background-position: -10px 80%;
		background-repeat: no-repeat;
		background-size: contain;
		height: 100%;
		padding: 45px 15px 180px;
		text-align: left;
	}

		.signup--submitted p {
			max-width: 410px;
			width: 100%;
		}

.optblue-benefits {
	display: flex;
	flex-flow: row;
	gap: 0 6%;
}

.optblue-benefits .left-col {
	width: 44%;
}

.optblue-benefits .right-col {
	width: 56%;
	padding-top: 48px;
}

.optblue-benefits img {
	width: 100%;
}

.optblue-benefits .right-col p:first-of-type {
	margin-top: 17px;
	font-weight: bold;
}

.benefits-accordions {
	padding-right: 60px;
}
.accordion-link {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0;
	padding-right: 0;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	font-family: var(--font-primary);
	font-size: calc(1.5rem * 0.625);
	font-weight: 700;
	text-transform: uppercase;
	color: var(--color-blue-dark);
	cursor: initial;
	text-decoration: none;
	background: none;
	border: none;
	cursor: pointer;
	width: 100%;
}

.accordion-link:disabled {
	cursor: default;
}
.accordion-link > img {
	transform: rotate(180deg);
	display: none;
}

.accordion-content {
	max-height: 600px;
}

.signage {
	margin: 0 auto;
	position: relative;
	background: var(--color-white);
	display: grid;
	grid-template-rows: auto;
	grid-template-columns: minmax(auto, 1fr) minmax(0, 1440px) minmax(auto, 1fr);
}

	.signage .content-container {
		background-color: var(--color-blue-light);
		border-bottom: 1px solid var(--color-white);
		border-top: 1px solid var(--color-white);
		padding: initial;
		padding-left: 20px;
		padding-right: 20px;
	}

	.signage--grid {
		display: grid;
		grid-template-columns: 15px 1fr 15px;
		grid-template-rows: auto;
		grid-column: 2;
		align-items: center;
		padding-bottom: calc(5rem * .625);
		background: linear-gradient(180deg, var(--color-white) 0%, var(--color-white) 20%, var(--color-blue-light) 20%, var(--color-blue-light) 100%);
	}
	.signage--content {
		color: var(--color-white);
		text-align: left;
		padding-top: 40px;
		grid-row: 3 / span 1;
		grid-column: 2;
		text-align: center;
	}

	.signage--img-container {
		grid-row: 1 / span 2;
		grid-column: 2;
	}

		.signage--content .card {
			margin-bottom: 30px;
		}

		.signage--content a.btn {
			background: var(--color-white);
			color: var(--color-blue-light);
			display: inline-flex;
			padding-left: 40px;
			padding-right: 40px;
			transition: all 0.125s;
		}

		.signage--content a.btn:hover {
			background: var(--color-blue-dark);
			color: var(--color-white);
			transition: all 0.125s;
		}

	.signage--title {
		margin-bottom: calc(3.2rem * .625);
		padding-right: 20px;
	}

	.signage--text {
		margin-bottom: 35px;
	}


	.signage--image {
		display: block;
		height: 100%;
		width: 100%;
		object-fit: cover;
		aspect-ratio: 1;
		max-width: 365px;
		margin-inline: auto;

		@media (width >= 992px) {
			max-width: none;
			aspect-ratio: initial;
		}
	}

	.signage--stat {
		color: var(--color-white);
		margin: 0 auto;
		max-width: 380px;
		text-align: center;
		width: 100%;
	}

		.signage--stat-title {
			font-family: var(--font-secondary);
			font-size: calc(2.8rem * .625);
			font-weight: 400;
			margin-bottom: 15px;
			text-transform: none;
		}

			.signage--stat-title span {
				font-family: var(--font-primary);
				font-size: calc(2.3rem * .625);
				font-weight: 700;
			}

.resource--content .card {
	height: calc(100% - 30px);
	margin-bottom: 30px;
	padding: 40px 25px 25px;
}

.benefits--content { 
	margin: 0 auto 80px;
	max-width: 675px;
	text-align: center;
	width: 100%;
}

	.benefits-title {
		margin-bottom: 15px;
	}
	
	.benefits--text {
		margin-bottom: 25px;
	}

.details {
	align-items: flex-end;
    background-image: url('../img/illus-details.svg?v=0');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 70%;
    display: flex;
	height: 425px;
    justify-content: center;
	margin-top: 30px;
	
}

	.details .card--vertical {
		padding: 30px 25px 5px;
	}

	.details .card--vertical .card--title {
		font-size: calc(2rem * .625);
	}

.banner {
	align-items: center;
	background-color: var(--color-white);
	background-image: url('../img/illus-banner.svg?v=0');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	border: 1px solid var(--color-gray-light);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 45px;
	padding: 45px 40px;
}

	.banner--title {
		line-height: 1.2;
		margin: 0;
	}

	.banner--btn {
		width: 280px;
	}

.contact--container {
	scroll-margin-top: 80px;
}	

	.contact--container .row {
		margin: 0 0 30px;
	}

		.contact--container .col {
			padding: 0;
		}

		.contact--container .col:first-child {
			margin: 0;
		}

		.contact--content {
			background-color: var(--color-blue-light);
			color: var(--color-white);
			padding: 40px 20px;
		}

			.contact--title {
				margin-bottom: 15px;
			}

			.contact--text {
				margin-bottom: 25px;
			}

			.contact--content label {
				color: var(--color-white);
			}

			.contact--content input[type=text], 
			.contact--content input[type=tel], 
			.contact--content input[type=email] {
				margin-bottom: 10px
			}

			.contact--content .btn {
				border: 1px solid var(--color-white);
				margin-top: 30px;
				width: 200px;
			}

				.contact--content .btn:active,
				.contact--content .btn:focus,
				.contact--content .btn:hover {
					border-color: var(--color-blue-dark); 
				}

			.contact--image {
				background-image: url('../img/contact.jpg?v=0');
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				height: 270px;
				width: 100%;
			}

			.contact--disclaimer {
				margin: 0 auto;
				max-width: 835px;
				text-align: center;
				width: 100%;
			} 
			
		.contact--content input[type=text].fieldError, .contact--content input[type=tel].fieldError, .contact--content input[type=email].fieldError { border: 3px solid var(--color-error);}
		.contact--content label.labelError { color: var(--color-error); }
		.contact--content label.labelError::before { content: "*"; }
	
.thanks--container {
	margin: 0 auto;
	max-width: 565px;
	text-align: center;
	width: 100%;
}		

/* Footnotes */
[aria-describedby="footnote-label"] {
	counter-increment: footnotes;
	text-decoration: none;
	color: inherit;
	outline: none;
}
   
	[aria-describedby="footnote-label"]::after {
		content: counter(footnotes);
		vertical-align: super;
		font-size: 50%;
		margin-left: 2px;
	}

.footnote {
	font-size: calc(1.2rem * .625);
	margin-bottom: 10px;
	font-family: 'Helvetica Neue', 'Helvetica', sans-serif;
}		 

.bg-light-blue {
	background-color: var(--color-blue-light);
}

	.bg-light-blue h2 {
		color: var(--color-white);
		text-align: center;
	}

.bg-dark-blue {
	background-color: var(--color-blue-dark);
}

.bg-white-alt {
	background-color: var(--color-white-alt);
}

.bg-transparent {
	background-color: transparent;
}

.bg-flourish {
	background-image: url('../img/bg-flourish.svg?v=0');
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.icon {
	display: inline-block;
	height: auto;
	width: 100%;
}

	.icon--pdf {
		margin-right: 7px;
		max-width: 14px;
		vertical-align: middle;
	}

	.icon--sheet {
		display: block;
		margin: 0 auto 20px;
		max-width: 65px;
	}

	.icon--suitcase {
		display: block;
		margin: 0 auto 20px;
		max-width: 100px;
	}

	.icon--benefits {
		display: block;
		margin: 0 auto 50px;
		max-width: 168px;
	}

	.icon--insight {
		display: block;
		margin: 0 auto 20px;
		max-width: 117px;
	}

.row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-left: -20px;
	margin-right: -20px;
}

.col {
	flex-grow: 0;
	flex-shrink: 0;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

.align-center {
	align-items: center;
}

.row-reverse {
	flex-direction: row-reverse;
}

.btn {
	-webkit-appearance: none;
	appearance: none;
    background-color: var(--color-blue-light);
    border: 0;
	border-radius: 3px;
    color: var(--color-white);
    cursor: pointer;
    display: block;
    font-family: var(--font-primary);
    font-size: calc(1.5rem * .625);
    font-weight: 400;
    line-height: 1em;
    margin: 0;
    padding: 12px 25px;
    text-align: center;
    text-decoration: none;
    transition: background .125s;
}

	.btn:active,
	.btn:focus,
	.btn:hover {
		background-color: var(--color-blue-dark);
	}

	a.btn {
		text-decoration: none;
	}

.text-align-center {
	text-align: center;
}

.no-margin {
	margin: 0 !important;
}

.margin-bt-35 {
	margin-bottom: 35px;
}

.display-none {
	display: none;
}

.hide-mobile {
	display: none;
}

.hide-desktop {
	display: block;
}

label {
	display: block;
	color: var(--color-gray-dark);
	font-family: var(--font-primary);
	font-size: calc(1.5rem * .625);
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 5px;
}

input[type=text],
input[type=tel],
input[type=email] { 
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: var(--color-white);
	border: 1px solid var(--color-blue-light);
	color: var(--color-gray-dark);
	display: block;
	font-size: calc(1.5rem * .625);
	font-weight: 400;
	height: 50px;
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
}

	input:focus, textarea:focus {
		border-width: 2px;
		outline: 0;
	}
#lite-yt--video-container .lite-yt-player {
	max-width: initial;
}
@media (max-width: 320px) {
	.slick-list { padding-right:10%; } 
}

@media (max-width: 767px) {
	.site-nav__inner {
		padding: 10px 20px;
	}
	.site-nav ul {
		background: var(--color-white);
		padding: 15px 12px;
		margin-top: 4px;
		border-radius: 4px;
		border: 1px solid #F7F8F9;
	}

	.site-nav a {
		color: var(--color-blue-light);
	} 
	.site-nav ul.opened {
		display: flex;
	}

	.map--content { margin-bottom: 40px; }

	.merchants-guide--container { margin: 0 20px 60px; padding: 20px 20px 0; } 
		.merchants-guide--container .card { margin-left: -40px; margin-right: -40px; }
	

	.banner--title { margin-bottom: 40px; } 
	.banner--btn { width: 100%; }
	.col:first-child { margin-bottom: 30px; }	
	.col-xs-12 { flex-basis: 100%; max-width: 100%; }
	
	/* Signup form */
	.signup--container {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.signup--form {
		grid-column: 1;
	}

	/* Accordions */
	.accordion-link {
		border-bottom: 1px solid #D3D3D3;
		text-transform: initial;
	}

	.accordion-link > img {
		display: flex;
		transition: all 0.3s ease-in;
		width: 16px;
	}

	.accordion-title.accordion-title-open .accordion-link > img {
		transform: rotate(0);
		transition: all 0.25s ease-in;
	}

	.accordion-content {
		height: 0;
		max-height: 0;
		overflow: hidden;
		transition: all 0.25s;
	}

	.accordion-title.accordion-title-open .accordion-content {
		max-height: 600px;
		height: auto;
		transition: all 0.25s;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.optblue-benefits {
		flex-flow: column;
	}

	.optblue-benefits .left-col,
	.optblue-benefits .right-col {
		width: 100%;
	}
	
	.benefits-accordions {
		padding-right: 0;
	}

}

@media (min-width: 768px) {
	.site-nav__menu-btn {
		display: none;
	}

	.site-nav ul {
		display: flex;
		flex-flow: row;
		gap: 30px;
	}

	h2 { font-size: calc(3.5rem * .625); }
	h3, .h3 { font-size: calc(2.8rem * .625); }
	.hero--links-container { flex-direction: row; } 
		.hero--links-container .btn { width: auto; }
			.hero--links-container .btn:first-child { margin: 0; }
	.map--media { align-items: center; background-position: center; height: 100%; min-height: 380px; }
	
		.stat-title { font-size: calc(1.3rem * .625); }
		/* .resources--item { width: 48%; } */
	.player--tab { font-size: calc(1.6rem * .625); padding: 0 30px; }	
	.player--thumb { width: 180px; }
	.card--vertical .card--title, .signup--title { font-size: calc(2.8rem * .625); line-height: 1.2; }
	.informative-guides--container > .row .card { height: 100%; } 
	.informative-guides--description { margin-bottom: 80px; }
	.merchants-guide--container .card:first-child { margin-top: -30px; }
	.merchants-guide--container .card:last-child { margin-bottom: -30px; }
	.signup--container, .signup--submitted { padding: 25px 40px; }
	.signup--submitted { background-position: -10px 75%; background-size: auto; padding: 45px 15px; }
	.signage--stat-title { font-size: calc(3.5rem * .625); }
		.signage--stat-title span { font-size: calc(3rem * .625); }
	.resource--content .card { height: calc(100% - 40px); margin-bottom: 40px; }

	.resources--item h2.h3 {
		font-size: calc(2.4rem * 0.625);
	}
	.details { height: 100%; margin-top: 0; }
	.banner { flex-direction: row; }
	.contact--image { height: 100%; }
	.tagline { padding: 50px 15px; }
	.slick-list { margin: 0; padding: 0; }
	.col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
	.hide-mobile { display: block; }
	.hide-desktop { display: none; }

	.merchant-resources h2 {
		margin-bottom: 70px;
	}

	.merchants--content {
		padding-left: 10%;
	}


}

@media (min-width: 992px) {
	.site-nav ul {
		display: flex;
		flex-flow: row;
		gap: 40px;
	}

	.signage {
		background: linear-gradient(180deg, var(--color-white) 0, var(--color-white) 65px, var(--color-blue-light) 65px, var(--color-blue-light) calc(100% - 85px), var(--color-white) calc(100% - 85px), var(--color-white) 100%);
	}

	.signage--grid {
		grid-template-columns: 30px .45fr .55fr 30px;
		grid-template-rows: 65px 1fr 85px;
		gap: 0;
		background: none;
		padding-bottom: 0;
	}

	.signage--content {
		padding-top: 80px;
		padding-bottom: 80px;
		grid-row: 2;
		grid-column: 2 / span 1;
		z-index: 2;
		text-align: left;
	}

	.signage--img-container {
		grid-row: 1 / -1;
		grid-column: 3 / span 1;
		width: 100%;
		height: 100%;
		z-index: 2;
		padding-left: 12%;
		margin: 0;
	}

	.signage--grid-bg {
		grid-row: 2;
		grid-column: 1 / -1;
		background: var(--color-blue-light);
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.card--grid--3 {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 40px;
	}
	.card--grid--3 .card {
		padding-bottom: 44px;
	}
	
	.resources--items { flex-direction: row; gap: 40px; align-items: initial; }

	.resources--item .btn {
		max-width: 100%;
	}
	
	.hero--text {
		color: var(--color-white);
		font-size: calc(2rem * .625);
		line-height: 1.5;
		margin-bottom: 0;
	}
}

@media (min-width: 1025px) {
	h1 { font-size: calc(4rem * .625); margin-bottom: 32px; }
	.site-header--container { height: 75px; max-width: 1200px; padding: 0; }
	.hero { 
		background-size: 100%; 
		display: grid;
		grid-template-columns: 30px 0.544fr 0.112fr 0.344fr 30px;
		grid-template-rows: auto;
		align-items: center;
		max-width: 1440px; 
		padding: 0;
	}
		.hero--content { 
			margin: 0; 
			grid-row: 1;
			grid-column: 3 / span 2;
			grid-row: 1;
			z-index: 2;
		}

			.hero--content .hero-inner {
				padding-inline: calc(5rem * .625);
				padding-block: calc(5rem * .625)
			}

			.hero--svg {
				right: -37px;
				bottom: -37px;
			
			}

		.hero--image { grid-row: 1; grid-column: 1 / span 3; height: 100%;}
		.hero--image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.hero--alt .hero--content { padding: 40px 20px 40px 0; } 
	.content-container { max-width: 1440px; padding: 90px 30px; }
	.map--media { margin-bottom: 80px; }
	.stat { padding: 12px 20px; }
		.stat--title { margin-right: 30px; }
		.stat--number { font-size: calc(4.2rem * .625); }
	/* .stat.stat--white { padding: 30px; } */
	.stat--white .stat--title { margin-right: 17px; }
	/* .signage { max-width: 1440px; } */
	.details { background-size: contain; }
	.contact--content { padding: 60px 70px 40px 50px; }
	.col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
	.stat--container { flex-direction: row; gap: calc(4rem * .625); }

	.merchants-guide--grid {
		grid-template-columns: 57% 43%;
		margin-inline: 0;
		align-items: center;
	}
		.merchants-guide--image {
			grid-column: 1;
		}
		.merchants-guide--content {
			grid-column: 2;
			margin-top: 0;
			margin-left: -65px;
		}

	.merchants-welcomekit {
		grid-template-columns: auto minmax(350px, 1fr) minmax(auto, 265px);
		gap: 5%;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-right: 48px;
		padding-left: 48px;
	}

	.merchants-welcomekit p {
		margin-bottom: 0;
	}

	
	.signage .content-container {
		padding-left: 30px;
		padding-right: 30px;
	}

	.site-nav__inner {
		padding: 27px 30px;
	}
}

@media (min-width: 1440px) {
	.hero { 
		padding: 0;
		grid-template-columns: 120px 0.544fr 0.112fr 0.344fr 120px;
	}

			.hero--content .hero-inner {
				padding-inline: calc(7rem * .625);
				padding-block: calc(7rem * .625)
			}

			.hero--svg {
				right: -57px;
				bottom: -57px;
				width: 250px;
				height: 250px;
			}
	.content-container { padding: 70px 120px; }
	.signage .content-container {
		padding-left: 120px;
		padding-right: 120px;
	}
	.site-nav__inner {
		padding: 27px 120px;
	}

	.signage--grid {
		grid-template-columns: 120px .45fr .55fr 120px;
	}
}

/* Mobile navigation */
@media (max-width: 1040px) {
	.site-header--container { align-items: center; height: 60px; }
	.site-header--logo { font-size: calc(1.4rem * .625); line-height: 1.2; }
		.site-header--logo img { max-width: 81px; }
		.site-header--logo span { margin-left: 10px; max-width: 150px; padding-left: 10px; }
	.site-header--nav { align-items: flex-start; background-color: var(--color-blue-light); flex-direction: column; height: auto; opacity: 0; padding: 15px;  position: absolute; right: 0; top: 61px; transition: all 0.2s ease; visibility: hidden; z-index: -1; }
		.site-header--nav a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2); display: block; margin: 0; padding: 15px 0; text-align: left;  width: 100%; }
		.site-header--nav a:not(:first-child) { border-left: 0; }
			.site-header--nav a.is-active::after { bottom: -2px; width: 100%; }
	.nav-open { align-items: center; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px; cursor: pointer; display: flex; height: 40px; justify-content: center; transition: transform 0.6s ease; width: 40px; z-index: 9999; }
	.arrow { display: inline-block; height: .55rem; margin-top: 6px; position: relative; width: 1.25rem; }
	  .arrow span { background-color: var(--color-white); display: inline-block; height: 0.1rem; position: absolute; top: 0; transition: all 0.2s ease; width: 0.75rem; }
	  .arrow span:first-of-type { left: 0; transform: rotate(45deg); }
	  .arrow span:last-of-type { right: 0; transform: rotate(-45deg); }
	  .arrow.is-active span:first-of-type { transform: rotate(-45deg); background-color: var(--color-blue-light); }
	  .arrow.is-active span:last-of-type { transform: rotate(45deg); background-color: var(--color-blue-light); }
	#nav-mobile:checked~.nav-open { background-color: var(--color-white); }
	#nav-mobile:checked~.site-header--nav {  opacity: 1; visibility: visible; z-index: 100; }
}