/* Import Font */

@font-face {
    font-family: "BentonSans-Cond-Md";
    src: url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-2.eot");
    src: url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-2.eot?") format("embedded-opentype"), url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-3.woff") format("woff"), url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-1.ttf") format("truetype"), url("https://www.aexp-static.com/nav/ngn/fonts/66edbae4-0c00-4453-9c58-c0c4cb412064-4.svg#web") format("svg");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "BentonSans-CondMd-Bd";
    src: url('/content/dam/amex/en-us/campaigns/ob-sandbox/fonts/bentonsanscondbold-webfont.woff') format('woff'),
		 url("/content/dam/amex/en-us/campaigns/ob-sandbox/fonts/BentonSansCondBold.otf") format("opentype");
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: "BentonSans-CondMd";
    src: local("Benton Sans Condensed Medium");
    src: url('https://qwww.americanexpress.com/content/dam/amex/en-us/campaigns/ob-sandbox/fonts/bentonsanscondbold-webfont.woff') format('woff'),
		 url("https://qwww.americanexpress.com/content/dam/amex/en-us/campaigns/ob-sandbox/fonts/BentonSansCondBold.otf") format("opentype");
    font-style: normal;
    font-weight: normal
}

/* Clear Padding */

#wimb-wrapper > .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.clear_padding .container {
	max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.clear_padding .row {
	margin-left: 0;
    margin-right: 0;
}

.clear_padding .col-md-12 {
	padding-left: 0;
    padding-right: 0;
}

/* Fonts */

h1 .heading-4 {
	font-family: 'BentonSans-Cond-Md', Helvetica Neue, Helvetica, sans-serif;
	font-size: 55px;
	line-height: 50px;
	text-transform: uppercase;
	font-weight: 700;
	color:#fff;
	position:relative;
	z-index: 1;
}

h2 .heading-4 {
	font-family: 'BentonSans-Cond-Md', Helvetica Neue, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: 700;
	line-height: 38px;
	text-transform: uppercase;
	text-align: center;
	position:relative;
	z-index: 1;
}

p .heading-4 {
	font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

p b .heading-4 {
    font-weight: 600;
}

.hero p .heading-4 {
    font-weight: 500;
}

p.race-text .heading-4 {
    line-height: 28px;
}

p.card-heading .heading-4 {
	font-weight: 900;
	line-height: 19px;
	text-transform: uppercase;
}

p.card-text .heading-4 {
    line-height: 22px;
    font-size: 15px;
}

.wht, .wht a, .wht a:hover {
    color: #fff;
}

.blue {
	color:#00175A;
}

a.link-underlined {
    -webkit-text-underline-position: under;
	-ms-text-underline-position: below;
	text-underline-position: under;
}
/* Clear the random arrow that sometimes appears next to link */
a.links-item i {
    margin-left: 0;
    display: none;
}

/* Hero */

.page-hero {
    padding: 40px 0 60px;
}

.img-hero-logos {
    max-width: 109px;
}

.mob-hero-logos {
    max-width: 80px;
    margin: 0 auto;
}

.hero-ribbon img {
    position: relative;
    top: 31px;
    right: 15px;
    width: 217px;
    height: auto;
}

#wimb-wrapper .card-img-bg {
    background-position: 100% 100%;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
    .mob-hero-spacer {
		height: 291px;
	}  
}
/* Enjoy MORE on and off the court section */

#shows .race-ribbon img {
    position: relative;
    top: 30px;
    right: 285px;
    width: 217px;
    height: auto;
    max-width: 220px;
    display: block;
    margin: auto;
}

#shows .blu-sect .card-img-bg.dls-bright-blue-bg {
    border: 1px solid #006fcf;
    border-radius: 15px;    
}

#shows .blu-sect .card-img-bg.dls-white-bg {
    border: 1px solid #fff;
    border-radius: 10px;    
}

#shows .blu-sect .tracks {
    /* height: 372px; */
    margin-bottom: 0;
}

/* AMEX CARDMEMBER SPEND OFFER Section */

.benefits-container.clear-p .container {
	max-width: 100%;
	padding-right: 0;
}

.benefits-container.clear-p .blu-sect .container {
	max-width: 1240px;
	padding-right: 20px;
}

.benefits-container.clear-p .col-md-2.col-md-offset-1 {
	flex: 0 0 13.6666666667%;
	max-width: 13.6666666667%;
}

.benefits-container.clear-p .col-md-9 {
	flex: 0 0 78%;
	max-width: 78%;
}

.benefits-container.clear-p .blu-sect .col-md-7 {
	flex: 0 0 48.3333333333%;
	max-width: 48.3333333333%;
}

.amex-offer-cards img {
	position: relative;
    top: 13px;
    right: 154px;
    width: 120%;
    height: auto;
    max-width: 125%;
    display: block;
    margin: auto;
}

.benefits-container.clear-p .race-ribbon img {
    position: relative;
    top: 32px;
    right: 134px;
    width: 217px;
    height: auto;
    max-width: 220px;
    display: block;
    margin: auto;
}

.spendOffer {
	height: 100px;
}
/* AMEX Serves Section */

.amex-serves .race-ribbon img {
    position: relative;
    top: 30px;
    right: 258px;
    width: 217px;
    height: auto;
    max-width: 220px;
    display: block;
    margin: auto;
}

.amex-serves .card-grid .tracks .card-img-bg {
    border: 2px solid #006FCF;
    border-radius: 10px;    
}

.amex-serves .card-grid .tracks {
    /* height: 372px; */
    margin-bottom: 0;
}

.card-links {
	/* position:relative; */
}

.card-links.five {
	/* bottom: -61px; */
}

.card-links.seven {
	bottom: -82px;
}

.card-links.eight {
	bottom: -104px;
}

/* Full Access Section */

.full-access .race-ribbon img {
    position: relative;
    top: 32px;
    right: 178px;
    width: 217px;
    height: auto;
    max-width: 220px;
    display: block;
    margin: auto;
}

#mw-pass-img img {
    max-height: 80%;
    max-width: 80%;
    margin: 0 auto;
}

#qr_code {
	position: relative;
    top: -236px;
    right: -88px;
}

.full-access .col-md-5 .grid {
	height: 70px;
}

/* EARN MORE WITH AMEX section */

.earn-more .cards img {
	max-width: 600px;
}

.earn-more .exp-ribbon img {
    position: relative;
    top: 32px;
    right: 148px;
    width: 217px;
    height: auto;
    max-width: 220px;
    display: block;
    margin: auto;
}

/* Experiences Section */

.experiences .exp-ribbon img {
    position: relative;
    top: 32px;
    right: 180px;
    width: 217px;
    height: auto;
    max-width: 220px;
    display: block;
    margin: auto;
}

/* Enjoy Summer Section */

.experiences .text-align-left.hidden-sm-down h2.blue.exp-heading {
	float: right;
}

/* Terms Section */

#termsAndConditionSection h3 button span {
	font-family: BentonSans,Helvetica Neue, Helvetica, sans-serif;
	color: #006FCF;
	font-size: 19px;
	line-height: 24px;
	font-weight: 700;
}

#termsAndConditionSection .row.pad {
	padding-top: 0 !important;
}

/* Large Desktop */

@media (min-width: 1520px) {
	.benefits-container.clear-p .race-ribbon img {
	    right: 158px;
	}
}

@media (min-width: 1775px) {
	.amex-offer-cards img {
		top: 0;
	    right: 224px;
	    width: 125%;
	    max-width: 125%;
	}
}

@media (min-width: 1948px) {
	.benefits-container.clear-p .col-md-2.col-md-offset-1 {
	    flex: 0 0 19.6666666667%;
	    max-width: 19.6666666667%;
	}
	.benefits-container.clear-p .col-md-9 {
	    flex: 0 0 72%;
	    max-width: 72%;
	}
	.amex-offer-cards img {
		top: 0;
	    right: 284px;
	    width: 135%;
	    max-width: 150%;
	}
}

/* Small Desktop */

@media screen and (max-width: 1374px) {
    
    .benefits-container.clear-p .blu-sect .col-md-7 {
		flex: 0 0 48.3333333333%;
	    max-width: 48.3333333333%;
	}
}

@media screen and (max-width: 1279px) {
    
    #shows .blu-sect .tracks {
        /* height: 470px; */
    }
	#shows .race-ribbon img {
	    right: 284px;
	}
	.benefits-container.clear-p .blu-sect .col-md-7 {
		flex: 0 0 58.3333333333%;
	    max-width: 58.3333333333%;
	}

	.amex-offer-cards img {
		top: 15px;
	    right: 204px;
	    width: 145%;
	    max-width: 175%;
	}

	.benefits-container.clear-p .race-ribbon img {
	    right: 162px;
	}

    .amex-serves .card-grid .tracks {
	    /* height: 392px; */
	}
	
	.card-links.five {
		bottom: 0px;
	}
	
	.card-links.seven {
		bottom: -64px;
	}
	
	.card-links.eight {
		bottom: -108px;
	}

    .full-access .race-ribbon img {
	    right: 108px;
	}

	.full-access .col-md-6 .pad-3-t {
	    padding-top: 0 !important;
	}
	
	#mw-pass-img img {
	    max-height: 100%;
	    max-width: 100%;
	}
	
	#qr_code {
		position: relative;
	    top: -236px;
	    right: -58px;
	}
	
	.full-access .col-md-5 .grid {
		height: 90px;
	}

	.experiences .exp-ribbon img {
	    right: 100px;
	}

	#wimb-wrapper .card-img-bg {
	    background-position: 50% 100%;
	}

}

@media screen and (max-width: 1135px) {
    
    .benefits-container.clear-p .race-ribbon img {
	    right: 132px;
	}
}

@media screen and (max-width: 1060px) {
    
    .benefits-container.clear-p .race-ribbon img {
	    right: 116px;
	}
	
	.amex-offer-cards img {
		top: 40px;
	    right: 200px;
	    width: 165%;
	    max-width: 175%;
	}
	
}

/* Tablet */

@media screen and (max-width: 1023px) {
    
    .hero-ribbon img {
        top: 31px;
        right: 15px;
    }
    
    #shows .race-ribbon img {
        right: 208px;
    }

    #shows .blu-sect .tracks {
        /* height: 630px; */
    }

	.benefits-container.clear-p h2 {
		font-size: 38px;
		line-height: 43px;
	}

	.amex-offer-cards img {
		top: 30px;
		right: 160px;
		width: 150%;
	}
	
    .amex-serves .race-ribbon img {
        right: 210px;
    }

    .amex-serves .card-grid .tracks {
	    /* height: 510px; */
	}
	
	.card-links.five {
		bottom: -44px;
	}
	
	.card-links.seven {
		bottom: -108px;
	}
	
	.card-links.eight {
		bottom: -174px;
	}

    .pad-4-t.full-access {
		/* padding-top: 0 !important; */
		/* padding-bottom: 0 !important; */
	}

    .full-access .race-ribbon img {
	    right: 46px;
	}

	.full-access .col-md-6 .pad-3-t {
	    padding-top: 0 !important;
	}
	
	#mw-pass-img img {
	    max-height: 100%;
	    max-width: 100%;
	    position: relative;
	    right: 0px;
	    /* top: 100px; */
	}
	
	#qr_code {
		position: relative;
	    top: -70px;
	    right: -40px;
	}

	.full-access .col-md-5 .grid {
		height: 0px;
	}
	
    .experiences .exp-ribbon img {
	    right: 50px;
	}
	#wimb-wrapper .card-img-bg {
	    background-position: 60% 100%;
	}
	h1 .heading-4 {
		font-size: 35px;
		line-height: 35px;
	}
	.spendOffer {
		height: 50px;
	}
}

@media screen and (max-width: 929px) {
    
    .amex-offer-cards img {
		top: 46px;
		right: 200px;
		width: 170%;
	}

	.benefits-container.clear-p .race-ribbon img {
	    right: 90px;
	}
	
}

@media screen and (max-width: 888px) {
    
    .amex-offer-cards img {
		top: 96px;
		right: 160px;
		width: 150%;
	}

	.benefits-container.clear-p .race-ribbon img {
	    right: 80px;
	}
	
}

/* Mobile */

@media (max-width: 767px) {
    
    .hero {
        /* padding: 50% 0 0 0; */
        /* min-height: 505px; */
    }
    #wimb-wrapper .card-img-bg {
	    background-position: 80% 100%;
	}
    h1 .heading-4 {
        font-size: 34px;
        line-height: 40px;
    }
	h2 .heading-4 {
        font-size: 30px;
        line-height: 36px;
    }
    
    .hero-ribbon img {
        top: 31px;
        right: 50px;
        max-width: 220px;
        display: block;
        margin: auto;
    }

    #shows .race-ribbon img {
        right: 8px;
    }

    #shows .blu-sect .tracks {
        /* height: 330px; */
        margin-bottom: 20px;
    }

    .offer-container-mob .race-ribbon img {
	    position: relative;
	    top: 32px;
	    right: 20px;
	    width: 217px;
	    height: auto;
	    max-width: 220px;
	    display: block;
	    margin: auto;
	}

    .offer-container-mob .card-img-bg.dls-bright-blue-bg {
	    border: 1px solid #006FCF;
	    border-radius: 10px;    
	}

    .amex-serves .race-ribbon img {
        right: 45px;
    }
	
	.amex-serves .card-grid .tracks {
	    /* height: 350px; */
	    margin-bottom: 20px;
	}

	.card-links.five {
		bottom: -50px;
	}
	
	.card-links.seven {
		bottom: -62px;
	}
	
	.card-links.eight {
		bottom: -84px;
	}

    .pad-4-t.full-access {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
	}

    .full-access .img-hyde-park-app-mobile img {
		max-height: 330px;
	}

    .app-store-button img {
	    height: 45px;
	}
	
	.google-play-button img {
	    height: 45px;
	}

    .earn-more .cards img {
		max-width: 100%;
	}

	.earn-more .exp-ribbon img {
	    right: 10px;
	}
	
    .experiences .exp-ribbon img {
	    right: 60px;
	}

	.experiences .row.pad-3-t {
	    padding-top: 0 !important;
	}

	#termsAndConditionSection .row.pad {
		padding-top: 1.25rem !important;
	}
    .spendOffer {
		height: 20px;
	}
	p.race-text .heading-4 {
	    line-height: 20px;
	}
}