@import 'https://www.americanexpress.com/content/dam/amex/nl/assets/bubl/css/elements-v4/base.css';

/* CUSTOM */
.container-fluid .ShopBar {
  height: 100px;
  bottom: -100px;
  transition: bottom 0.5s ease-in-out;
}

.container-fluid .ShopBar.active {
  bottom: 0px;
}

#amex-footer {
  margin-bottom: 6rem !important;
}

#row2b .col-md-6 {
  display: flex;
  align-items: center;
}
#row2b .col-md-6 > div {
  position: relative;
}
#row2b .col-md-6 > div .row2b--text {
  max-width: 60%;
  z-index: 2 !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: -moz-max-content;
  height: max-content;
}
@media (width < 500px) {
  #row2b .col-md-6 > div .row2b--text {
    max-width: 100% !important;
    position: relative !important;
    margin-bottom: var(--Sz2);
  }
}
@media (width < 500px) {
  #row2b .col-md-6 > div .row2b--image img {
    max-width: 100% !important;
    position: relative !important;
  }
}

.container-fluid .grid .container .row .col-md-6 .image .row2b--image {
  z-index: 1 !important;
  position: relative;
  right: 0;
  left: auto;
  margin-left: auto;
  text-align: right !important;
}
.container-fluid .grid .container .row .col-md-6 .image .row2b--image img {
  max-width: 60% !important;
  min-width: 60% !important;
}

.Hero-custom h1 {
  font-size: 36px !important;
  font-weight: 900 !important;
}

.Hero-custom .hero__arrow {
  padding-top: var(--Sz2);
  position: relative;
  --_arrowSize: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  margin-right: 0;
  bottom: 0;
  transition: var(--an1);
}

@media (width <= 1024px) {
  .Hero-custom .hero__arrow {
    display: none;
  }
}
.Hero-custom .hero__arrow::before,
.Hero-custom .hero__arrow::after {
  width: var(--_arrowSize);
  height: var(--_arrowSize);
  position: relative;
  border-right: calc(var(--_arrowSize) / 10) solid;
  border-bottom: calc(var(--_arrowSize) / 10) solid;
  border-color: inherit;
  content: "";
  display: inline-block;
  transform: rotate(45deg);
}

.Hero-custom .hero__arrow::after {
  margin-top: calc(0px - var(--_arrowSize) / 2);
}

@media (hover: hover) {
  .Hero-custom .hero__arrow:hover {
    transition: var(--an1);
    bottom: -5px;
  }
}
#mrb-amex-ribbon img {
  max-width: 50%;
}

.mrb-promo-text {
  font-family: var(--FontA);
  font-size: 20px;
  font-weight: 900;
}

/*-- ListC styling --*/
.BannerC ul.Check li {
  display: inline-block;
  font-size: 13px;
  padding: 14px 0px;
  border-bottom: 1px solid #ccc;
}

.BannerC ul.Check li::before {
  background-image: none;
}

.BannerC .image {
  animation: flip 8s ease-out infinite;
  overflow: hidden;
}

@keyframes flip {
  0% {
    transform: perspective(600px) rotateY(-2deg);
  }
  50% {
    transform: perspective(600px) rotateY(10deg);
  }
  100% {
    transform: perspective(600px) rotateY(-2deg);
  }
}
.BannerC .image::after {
  content: " ";
  position: absolute;
  height: 300%;
  width: 300%;
  top: 0px;
  left: 0px;
  z-index: 2;
  animation: moveafter 4s infinite linear;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#00ffffff", GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

/*-- Metal styling --*/
#metal-platinum .image {
  overflow: hidden !important;
  filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.25));
  border-radius: 20px;
  max-width: 83%;
}

#metal-platinum .image::after {
  content: " ";
  position: absolute;
  height: 300%;
  width: 300%;
  top: 0px;
  left: 0px;
  z-index: 2;
  animation: moveafter 4s infinite linear;
  /* FF3.6+ */
  /* Chrome,Safari4+ */
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#00ffffff", GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

/* RESPONSIVE */
/* 1280+  ------------------------------- */
/* 1024:1279  --------------------------------- */
/* 769:1023  --------------------------------- */
/* 577:768  --------------------------------- */
/* 576  ------------------------------- */
.container-fluid .k_mr__header {
  padding-top: var(--Sz1);
}

.container-fluid .k_mr__header .container .row {
  padding-top: var(--Sz0);
  border-top: 1px solid #bababa;
}

.container-fluid .k_mr__header .container .row .col-md-12 {
  margin-bottom: 0px !important;
}

.container-fluid .k_mr__header p {
  font-family: var(--FontA);
  font-weight: 900;
}

@supports selector(:has) {
  .container-fluid:not(:has(.k_mr__footer)) .k_sum__content .row {
    border-bottom: 1px solid #bababa;
    padding-bottom: var(--Sz1);
  }
}
.container-fluid .k_sum__content {
  padding-bottom: var(--Sz1);
}

@media (width <= 1023px) {
  .container-fluid .k_sum__content .container .row {
    flex-direction: column;
  }
}
.container-fluid .k_sum__content .container .row .col-md-3 {
  padding-bottom: 0px !important;
}

.container-fluid .k_sum__content [class^=col-] {
  padding: 0;
}

@media (width <= 1023px) {
  .container-fluid .k_sum__content [class^=col-] {
    max-width: 100%;
    flex: 1 1 auto;
  }
}
.container-fluid .k_sum__content .col-md-1 {
  max-width: -moz-max-content;
  max-width: max-content;
  flex: 1 1 auto;
  padding-inline: var(--Sz02);
}

.container-fluid .k_sum__content .content__group {
  --_size: 48px;
  --_offset: var(--Sz01);
  display: flex;
  gap: var(--Sz01);
  align-items: start;
}

@media (width <= 1023px) {
  .container-fluid .k_sum__content .content__group {
    --_size: 35px;
  }
}
.container-fluid .k_sum__content .content__group .content__icon {
  display: flex;
  align-items: center;
  gap: var(--Sz01);
  flex-shrink: 0;
  padding-top: var(--Sz0);
}

.container-fluid .k_sum__content .content__group .content__icon svg {
  width: var(--_size);
  height: auto;
}

@media (width <= 1023px) {
  .container-fluid .k_sum__content .content__group .content__icon {
    justify-content: flex-end;
    min-width: calc(96px + var(--_offset));
  }
}
.container-fluid .k_sum__content .content__group .content__text {
  position: relative;
  width: 100%;
}

@media (width <= 1023px) {
  .container-fluid .k_sum__content .content__group .content__text {
    max-width: 40ch;
    padding-bottom: calc(var(--_size) + var(--Sz0));
  }
}
@media (width <= 767px) {
  .container-fluid .k_sum__content .content__group .content__text {
    max-width: 20ch;
  }
  .container-fluid .k_sum__content .content__group .content__text p {
    font-size: 16px !important;
  }
}
.container-fluid .k_sum__content .content__group .content__text p:first-of-type {
  margin: 0;
}

.container-fluid .k_sum__content .content__group .content__text .content__title {
  font-size: 2rem;
  font-family: var(--FontA);
  line-height: 36px;
  color: var(--LightBlue);
}

.container-fluid .k_sum__content .content__group .content__text p:last-of-type {
  margin: 0;
}

.container-fluid .k_sum__content .content__group .content__text .icon {
  float: right;
  position: relative;
  margin-left: var(--Sz01);
  font-weight: 200 !important;
  font-size: var(--_size) !important;
}

.container-fluid .k_sum__content .content__group .content__text .icon::before {
  font-size: var(--_size) !important;
}

@media (width <= 1023px) {
  .container-fluid .k_sum__content .content__group .content__text .icon {
    float: none;
    position: absolute;
    bottom: var(--Sz01);
    left: 0;
    margin-inline: auto;
  }
  .container-fluid .k_sum__content .content__group .content__text .icon.dls-icon-right {
    rotate: 90deg;
  }
}
.container-fluid .k_sum__content .content__group .content__text .icon.dls-icon-pause {
  rotate: -90deg;
}

.container-fluid .k_mr__footer .container .row {
  padding-bottom: var(--Sz1);
  border-bottom: 1px solid #bababa;
}

.container-fluid .k_mr__footer .container .row p {
  position: relative;
  color: var(--LightBlue);
  margin: 0px;
  padding-left: var(--Sz0);
  max-width: 70ch;
}

.container-fluid .k_mr__footer .container .row p::before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 9px;
  height: 100%;
  left: 0;
  background-color: var(--LightBlue);
}

.container-fluid .k_mr__footer .container .row .col-md-12 {
  margin-bottom: 0px !important;
}

.container-fluid .ModalContent .k_sum__content .row .col-md-3 {
  padding: 0px !important;
}

.container-fluid .ModalContent .k_mr__footer .container .row.pad-3-t.pad-3-b {
  padding-bottom: var(--Sz1) !important;
}/*# sourceMappingURL=custom.css.map */