html {
scroll-behavior: smooth;
}
#sticky {
background-color: #ECEDEE !important;
}
.member-since img {
z-index: 50;
margin-bottom: -23px;
}
.nav-menu {
margin-bottom: 0;
}
.nav-horizontal .nav-link:after {
background-color: transparent;
bottom: 0;
content: "";
display: block;
height: 4px;
left: 0.9375rem;
margin-top: 0.8125rem;
right: 0.9375rem;
transition: all .25s cubic-bezier(.65,0,.45,1);
}
.nav-horizontal .nav-item {
flex: 0 0 auto;
}
.nav-horizontal .nav-item .nav-link {
padding-left: 20px;
padding-right: 20px;
}
.nav-link {
color: #00175a;
display: block;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.Business-hero, #sticky, .apply-dsk {display: block;}
/* zmc fix for bg img that wont show all ipad */
@media screen and (min-width:1280px) {
.Business-hero .card-img-bg {
background-position: 100% 50%;
background-size: cover;
}
.p-tag-desktop-shorten{
padding-right: 104px;
}
}
.Business-hero-mob, .siteareanav.aem-GridColumn.aem-GridColumn--default--12.border.san-lg, .member-since-mob, .apply-tab {display: none;}
#BUSINESSPLATINUMCARD-tab .Business-hero-mob .hidden-md-up .card-img-bg {
background-position: bottom left;
}
#exclusive .card-img-bg {
background-position: 40% 50%;
background-size: cover;
}
.siteareanav, .siteareanav .san-wrapper .san-child-wrapper, .siteareanav .san-wrapper .san-child-wrapper .dls-accent-white-01-bg, .siteareanav .san-wrapper .san-child-wrapper .dls-accent-white-01-bg .nav-sticky ul.nav-menu, .siteareanav .san-wrapper .san-child-wrapper .dls-accent-white-01-bg, .siteareanav .san-wrapper .san-child-wrapper .dls-accent-white-01-bg .nav-sticky ul.nav-menu .nav-item, .siteareanav .san-wrapper .san-child-wrapper .dls-accent-white-01-bg .nav-sticky ul.nav-menu .nav-item [aria-current=page].nav-link, .siteareanav .san-wrapper .san-child-wrapper .dls-accent-white-01-bg .nav-sticky ul.nav-menu .nav-item [aria-current=page].nav-link:after{
background-color: #ECEDEE !important;
}
.siteareanav .san-wrapper .san-child-wrapper .dls-accent-white-01-bg .nav-sticky ul.nav-menu .nav-item [aria-current=page].nav-link{
color: #ECEDEE !important;
background-image:url('/content/dam/amex/en-us/campaigns/small-business/business-gold-card-business-checking/Clip19.png');
}
.headline-dsk {
display: block;
}
.headline-tab {
display: none;
}
.subheadline-dsk {
display: block;
}
.subheadline-mob {
display: none;
}
.rewards-content-dsk {
display: block;
}
.rewards-content-mob {
display: none;
}
#business-gold-mid {
}
#rewards-content .container{
max-width: 100%;
padding-left: 0!important;
padding-right: 0!important;
}
.rewards-box-grey .container .row .col-md-12,.rewards-box-blue .container .row .col-md-12 {
height: 560px;
}
.rewards-box-blue .container .row .col-md-12 div .richtext .pad-1-t {
padding-top: 0.225rem!important;
}
#rewards-content .col-md-4{
padding-left: 0 !important;
padding-right: 0 !important;
}
#rewards-content .grid .row {
margin-left: 20px !IMPORTANT;
margin-right: 20px !IMPORTANT;
}
.rewards-box-grey,.rewards-box-grey3 {
background-color:#f7f8fa;
height: 430px;
}
#rewards-box-blue3.rewards-box-grey {
height: 460px;
}
#rewards-box-blue3.rewards-box-grey,.bottomsect-border,#rewards-box-blue3.rewards-box-grey3 {
background-color:#006FCF;
}
.bca-icon img{
max-height: 48px;
}
.rewards-box-blue {
background-color:#00175b;
height: 430px;
}
.dark-grey {
background-color: #878B8E;
}
.rewards-box-grey2 {
background-color:#fff;
height: 110px;
}
#rewards-box-blue3-2.rewards-box-grey2 {
height: 80px;
}
#rewards-box-blue3-2.rewards-box-grey2, .blue-top-border {
background-color:#006FCF;
}
.rewards-box-blue2 {
background-color:#00175b;
height: 110px;
}
.top-divider .container {
padding-left: 0;
}
.top-divider .container .row .col-md-4{
padding-left: 0;
padding-right: 0;
}
/* .preapproved_callout_2X img {
max-width:165px;
}
.Business-hero .container .row.pad-2-t.pad-2-b {
padding-bottom: 0.25rem!important;
padding-top: 0.725rem!important;
}
.Business-hero .container .row .col-md-6 div .richtext {
padding-top: 0.002rem!important;
}*/
.AMEXGoldCard img {
max-width:77px;
}
.earn_pill img {
max-width:78px;
}
.earn_pill2 img {
max-width:300px;
}
.plus img {
position: absolute;
left: 100%;
right: 0;
top: 50%;
bottom: 50%;
z-index: 999;
}
.plus1 img {
position: absolute;
left: 100%;
right: 0;
top: 53%;
bottom: 50%;
z-index: 999;
}
.middle {
top: 46%; position: absolute;
}
.bottom {
top: 78%; position: absolute;
}
#modal-id-goes-here, #modal-id-goes-here-mob {
display: none;
position: fixed;
height: 100vh;
width: 100%;
background-color: rgba(0,0,0,0.5);
left:0;
top: 0;
align-items: center;
justify-content: center;
}
#modal-id-goes-here.active, #modal-id-goes-here-mob.active {
display: flex !important;
z-index: 99;
}
#modal-id-goes-here div, #modal-id-goes-here-mob div {
width: 100%;
max-width: 500px;
text-align: center;
position: relative;
padding: 0 0 50px;
background:#fff;
}
#modal-id-goes-here button, #modal-id-goes-here-mob button {
text-decoration: none;
position: absolute;
top: 15px;
right: 15px;
font-family: "Helvetica Neue", Helvetica, fallbackBold, sans-serif;
font-weight: 300;
font-size: 35px;
color: #fff;
}
.button-id-goes-here, .button-id-goes-here-mob{
cursor: pointer;
}
.mid-spacer {
display: none;
}
.tabs.border {
border:none;
}
.tab-content.pad-tb {
padding-bottom: 0!important;
}
.blue-bg .card-img-bg {
background-color:#006FCF;
}
.grey-bg {
background-color: #F7F8F9;
}
.white-box {
background-color:#fff;
}
.white-box .card-img-bg {
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: 0px solid #000000;
-webkit-box-shadow: 0px 1px 5px 0px rgba(120,120,120,0.71);
-moz-box-shadow: 0px 1px 5px 0px rgba(120,120,120,0.71);
box-shadow: 0px 1px 5px 0px rgba(120,120,120,0.71);
}
.white-box .container {
height: 186px;
}
.column-blue {
border: none;
}
.column-blue.column-blue-gold2 {
border-left: 1px solid #c8c9c7;
border-bottom: none;
}
.column-blue1,.column-blue2 {
min-height:236px;
}
.tab-space {display: none;}
/*.column-blue-gold .container {
height: 546px;
}*/
.column-blue-gold .container p, .column-blue-gold2 .container p {
font-size: .9375rem;
}
.column-blue-business .container {
height: 236px;
}
.Business-hero .container .row .col-md-10 .richtext .pad-2-t {
padding-top: 1.25rem!important;
}
.ex-padding .container .row .col-md-6 {
padding-left: 30px;
padding-right: 30px;
}
.top-divider .container .row {
border-right: 2px solid #66A9E2;
border-bottom: none;
padding-right: 0;
padding-left: 0;
}
.top-divider .container .row .container .row {
border-right: none;
}
.top-divider .container .image {
padding-top: 0;
}
.top-divider .container .row .col-md-2 .image {
border-right: 2px solid #66A9E2;
height: 63px;
border-bottom: none;
}
.apply .container, .numbers .container {
padding-left: 0!important;
padding-right: 0!important;
}
.two-grid-button-tab .container {
padding-left: 6px;
padding-right: 0;
}
.two-grid-button-tab .container .row .col-md-7 {
padding-left: 0;
padding-right: 0;
}
.members-space {
height: 80px;
}
.redeem .container {
max-width: 1040px;
}
.apply-buttons-dsk {display: block;}
.apply-buttons-tab {display: none;}
.apply-buttons-tab2 {display: none;}
.tabs.border {
none!important;
}
.tab-approved .container .row .col-md-4 {
margin-left: 0;
padding-top: 0;
}
.tab-title{
display: none;
}
.dsk-title{
display: block;
}
.numbers .container .row .col-md-12 div .richtext .pad-1-t {
display: flex; align-items: center;
}
@media screen and (max-width:1362px) {
.rewards-box-grey, .rewards-box-grey3 {
height: 520px;
}
.rewards-box-blue {
height: 520px;
}
.rewards-box-grey .container .row .col-md-12,.rewards-box-blue .container .row .col-md-12 {
height: 520px;
}
#rewards-box-blue3.rewards-box-grey {
height: 520px;
}
#rewards-box-blue3-2.rewards-box-grey2 {
height: 110px;
}
}
@media screen and (max-width:1280px) {
.headline-dsk, .apply-dsk {
display: none;
}
.headline-tab, .apply-tab {
display: block;
}
.heading-5 {
font-size: 1.375rem;
line-height: 1.875rem;
}
.rewards-box-grey, .rewards-box-grey3 {
height: 570px;
}
.rewards-box-blue {
height: 570px;
}
.rewards-box-grey .container .row .col-md-12,.rewards-box-blue .container .row .col-md-12 {
height: 570px;
}
#rewards-box-blue3.rewards-box-grey {
height: 570px;
}
.apply .container .row .col-md-7, .apply .container .row .col-md-5 {
max-width: 100%;
}
.apply .container .row .button .button .btn.margin-center {
margin: 0!important;
}
.middle {
top: 40%; position: absolute;
}
.bottom {
top: 73%; position: absolute;
}
.white-box .container {
height: 230px;
}
/*.column-blue-gold .container {
height: 735px;
}*/
.column-blue-gold .container p {
font-size: .875rem;
}
.column-blue-business .container {
height: 274px;
}
.Business-hero .container .row .col-md-10 .richtext .pad-2-t {
padding-top: 0!important;
}
.members-space {
height: 40px;
}
.two-grid-button-tab .container .row .col-md-7 {
max-width: 100%;
}
.two-grid-button-tab .container .row .col-md-5 {
max-width: 100%;
}
.apply-buttons-dsk {display: none;}
.apply-buttons-tab {display: block;}
.apply-buttons-tab2 {display: none;}
}
@media screen and (max-width:1279px) {
.tab-approved .container .row .col-md-4 {
flex: 0 0 35%;
max-width: 35%;
margin-left: 25px;
padding-top: 5px;
}
.tab-approved .container .row .col-md-8 {
flex: 0 0 50%;
max-width: 50%;
}
.apply .container .row .col-md-6:first-child {
flex: 0 0 65%;
max-width: 65%;
}
.apply .container .row .col-md-6:last-child {
flex: 0 0 30%;
max-width: 30%;
}
}
@media screen and (max-width:1200px) {
.rewards-box-grey, .rewards-box-grey3 {
height: 690px;
}
.rewards-box-blue {
height: 690px;
}
.rewards-box-grey .container .row .col-md-12,.rewards-box-blue .container .row .col-md-12 {
height: 690px;
}
#rewards-box-blue3.rewards-box-grey {
height: 690px;
}
}
@media screen and (max-width:1114px) {
.tab-space {height:20px;display: block;}
}
@media screen and (max-width:1024px) {
#exclusive .card-img-bg {
background-position: 30% 50%;
}
.middle {
position: relative;
}
.bottom {
top: 82%; position: absolute;
}
.mid-spacer {
display: block;
}
.white-box .container {
height: 296px;
}
/*.column-blue-gold .container {
height: 977px;
}*/
.column-blue-gold .container p {
font-size: .875rem;
}
.column-blue-business .container {
height: 322px;
}
.members-space {
height: 20px;
}
.apply-buttons-dsk {display: none;}
.apply-buttons-tab {display: none;}
.apply-buttons-tab2 {display: block;}
}
@media screen and (max-width:1023px) {
.tab-title{
display: block;
}
.dsk-title{
display: none;
}
.plat-grid .container .row .col-md-7 {
flex: 0 0 70%;
max-width: 70%;
}
.plat-grid .container .row .col-md-5 {
flex: 0 0 29%;
max-width: 29%;
}
.apply .container .row .col-md-6:first-child {
flex: 0 0 68%;
max-width: 68%;
}
.apply .container .row .col-md-6:last-child {
flex: 0 0 30%;
max-width: 30%;
}
}
@media screen and (max-width:964px) {
.tab-space {height:22px;}
}
@media screen and (max-width:953px) {
.tab-space {height:24px;}
}
@media screen and (max-width:924px) {
.tab-space {height:27px;}
}
@media screen and (max-width:908px) {
.tab-space {height:30px;}
}
@media screen and (max-width:888px) {
.tab-space {height:33px;}
}
@media screen and (max-width:856px) {
.tab-space {height:36px;}
}
@media screen and (max-width:850px) {
.heading-6 {
font-size: 2.075rem;
}
}
@media screen and (max-width:834px) {
.tab-space {height:38px;}
}
@media screen and (max-width:828px) {
.tab-space {height:39px;}
}
@media screen and (max-width:809px) {
.tab-space {height:42px;}
}
@media screen and (max-width:789px) {
.tab-space {height:45px;}
}
@media screen and (max-width:767px) {
.Business-hero, #sticky, .apply-tab {display: none;}
.Business-hero-mob, .siteareanav.aem-GridColumn.aem-GridColumn--default--12.border.san-lg, .member-since-mob, .apply-dsk {display: block;}
.member-since-mob {
z-index: 50;
margin-top: -30px;
}
#bca-mod-mob {height:1150px;}
.headline-dsk {
display: block;
}
.headline-tab {
display: none;
}
.subheadline-dsk {
display: none;
}
.subheadline-mob {
display: block;
}
.column-blue-business
.rewards-content-dsk {
display: none;
}
.rewards-content-mob {
display: block;
}
.rewards-content-dsk {
display: none;
}
.column-blue.column-blue-gold2 {
border-right: none;
border-left: none;
border-bottom: none;
}
.heading-6 {
font-size: 2.375rem;
}
.heading-5 {
font-size: 1.875rem;
line-height: 2.375rem;
}
.plus-mob img, .plus1-mob img {
margin-bottom: -22px;
z-index: 99;
position: relative;
}
.plus1-mob img {
margin-bottom: -20px;
}
.mem img {
position: absolute;
z-index: 999;
left: 27%;
top: 155%;
}
.column-blue {
border-bottom: none;
border-right: none;
}
.column-blue1 {
height: 225px;
}
.column-blue2 {
min-height:200px;
}
.column-blue3 {
min-height:216px;
}
.column-blue3 .container .row .image {
padding-top: 30px;
}
.column-blue.column-blue3 .container .row .col-md-12 div .image {
height: 66px;
}
.column-blue4 .container .row .image {
padding-top: 25px;
}
.rewards-box-grey {
height: 536px;
}
.rewards-box-grey3 {
height: 550px;
}
.rewards-box-blue {
height: 522px;
}
.rewards-box-grey .container .row .col-md-12,.rewards-box-blue .container .row .col-md-12 {
height: 600px;
}
.ex-padding .container .row .col-md-6 {
padding-left: 6px;
padding-right: 6px;
}
/*.column-blue-gold .container {
height: 415px;
}*/
.column-blue-gold .container p {
font-size: .9375rem;
}
.column-blue-business .container {
height: 236px;
}
.bottom {
position: relative;
}
.apply-buttons-dsk {display: block;}
.apply-buttons-tab {display: none;}
.apply-buttons-tab2 {display: none;}
}
@media screen and (max-width:726px) {
.rewards-box-grey {
height: 558px;
}
}
@media screen and (max-width:577px) {
.rewards-box-blue {
height: 544px;
}
}
@media screen and (max-width:541px) {
.headline-dsk {
display: none;
}
.headline-tab {
display: block;
}
.mem img {
left: 25%;
top: 155%;
}
}
@media screen and (max-width:511px) {
#bca-mod-mob {height:1200px;}
.mem img {
left: 20%;
top: 155%;
}
.column-blue3 .container .row .image {
padding-top: 20px;
}
}
@media screen and (max-width:495px) {
.mem img {
left: 20%;
top: 145%;
}
}
@media screen and (max-width:468px) {
#exclusive-mob .card-img-bg {
background-position: 38% 80%;
}
.column-blue {
border-bottom: none;
border-right: none;
}
#exclusive-mob {
min-height: 850px!important;
}
.rewards-box-grey3 {
height: 500px;
}
.rewards-box-blue {
height: 543px;
}
.rewards-box-grey .container .row .col-md-12,.rewards-box-blue .container .row .col-md-12 {
height: 650px;
}
.plus img, .plus1 img {
left: 45%;
right: 50%;
top: 93%;
bottom: 0;
}
/*.column-blue-gold .container {
height: 525px;
}*/
}
@media screen and (max-width:467px) {
.rewards-box-grey {
height: 601px;
}
}
@media screen and (max-width:451px) {
.rewards-box-blue {
height: 585px;
}
}
@media screen and (max-width:434px) {
.column-blue2 {
height:220px;
}
.mob-pad {
min-height: 75px!important;
}
}
@media screen and (max-width:422px) {
.mem img {
left: 15%;
top: 135%;
}
}
@media screen and (max-width:411px) {
#bca-mod-mob {height:1450px;}
.mem img {
left: 15%;
top: 135%;
}
.column-blue2 .container .row .image {
padding-top: 10px;
}
}
@media screen and (max-width:396px) {
.rewards-box-blue {
height: 630px;
}
.rewards-box-grey {
height: 645px;
}
}
@media screen and (max-width:395px) {
.rewards-box-grey3 {
height: 550px;
}
/*.rewards-box-blue {
height: 700px;
}
.rewards-box-grey .container .row .col-md-12,.rewards-box-blue .container .row .col-md-12 {
height: 700px;
}*/
.rewards-box-grey {
height: 667px;
}
.plus img {
left: 45%;
right: 50%;
top: 93%;
bottom: 0;
}
.plus1 img {
left: 45%;
right: 50%;
top: 97%;
bottom: 0;
}
.mem img {
left: 12%;
top: 135%;
}
}
@media screen and (max-width:390px) {
.column-blue1 {
height: 250px;
}
.ex-padding .container .row .col-md-6 {
padding-left: 5px;
padding-right: 5px;
}
}
@media screen and (max-width:368px) {
#exclusive-mob {
min-height: 950px!important;
}
}
@media screen and (max-width:367px) {
.mem img {
left: 10%;
top: 125%;
}
}
@media screen and (max-width:361px) {
.mob-pad {
min-height: 50px!important;
}
}
@media screen and (max-width:359px) {
.rewards-box-grey {
height: 688px;
}
}
@media screen and (max-width:359px) {
#bca-mod-mob {height:1350px;}
.rewards-box-blue {
height: 653px;
}
}
@media screen and (max-width:349px) {
.mem img {
left: 8%;
top: 125%;
}
}
@media screen and (max-width:326px) {
.rewards-box-blue {
height: 680px;
}
}
@media screen and (max-width:325px) {
#bca-mod-mob {height:1600px;}
.column-blue2 {
height: 240px;
}
}
@media screen and (max-width:318px) {
#bca-mod-mob {height:1570px;}
}
@media screen and (max-width:317px) {
#exclusive-mob {
min-height: 1100px!important;
}
.rewards-box-blue {
height: 700px;
}
}
@media screen and (max-width:314px) {
.mob-pad {
min-height: 15px!important;
}
}
@media screen and (max-width:300px) {
.rewards-box-grey3 {
height: 600px;
}
.rewards-box-blue {
height: 690px;
}
#bca-mod-mob {height:2030px;}
.heading-6 {
font-size: 2.075rem;
}
.mob-pad {
min-height: 0!important;
}
/*.column-blue-gold .container {
height: 580px;
}*/
.column-blue2 {
height: 282px;
}
.column-blue2 .container .row .image {
padding-top: 0;
}
.mem img {
left: 0%;
top: 100%;
}
}
@media screen and (max-width:290px) {
.rewards-box-grey {
height: 711px;
}
}@charset "UTF-8";
/* CSS Document */