@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&family=Lato&display=swap");
body {
  font-family: "Lato", sans-serif;
}
:root {
  --red: #b45b55;
  --giftlist-100-base: #eef2f8;
  --giftlist-300-base: #aabfdc;
  --giftlist-500-base: #5580b9;
  --giftlist-500-base-80: rgba(85, 128, 185, 0.8);
  --color-action-50: #f4f7fa;
  --color-action-100: #e9f0f4;
  --color-action-200: #d2e0e9;
  --color-action-300: #8fb3c8;
  --color-action-400: #36759d;
  --color-action-500: #206692;
  --color-action-600: #1d5c83;
  --color-action-700: #184d6d;
  --color-action-800: #103349;
  --color-action-900: #0b2433;
  --color-discount-50: #fdf7f9;
  --color-discount-100: #faeff3;
  --color-discount-200: #f5dfe7;
  --color-discount-300: #e7afc3;
  --color-discount-400: #d46f93;
  --color-discount-500: #cf5f87;
  --color-discount-600: #ba5679;
  --color-discount-700: #9b4765;
  --color-discount-800: #683043;
  --color-discount-900: #48212f;
  --color-t1: #ffffff;
  --color-t2: #cccccc;
  --color-t3: #999999;
  --color-t4: #4a4a4a;
  --color-n1: #ffffff;
  --color-n2: #eeeeee;
  --color-n3: #e6e6e6;
  --color-n4: #cccccc;
  --color-n5: #b3b3b3;
  --color-n6: #999999;
  --color-n7: #808080;
  --color-n8: #4a4a4a;
  --color-n9: #333333;
  --color-n10: #000000;
}
a {
  color: var(--color-action-500);
}
a:hover,
a:focus {
  color: var(--color-action-600);
}

.row > div > * {
  margin-bottom: unset;
}
.campaign-espot p > a {
  color: var(--giftlist-500-base);
  text-decoration: underline;
  text-underline-position: under;
}
.campaign-espot div,
.campaign-espot p {
  line-height: 1.4;
}
.campaign-espot h1,
.campaign-espot h2,
.campaign-espot h3,
.campaign-espot h4,
.campaign-espot h5,
.campaign-espot h6 {
  color: var(--color-t4);
  font-family: Comfortaa, sans-serif;
  background: none;
  border: none;
  padding: 0;
  line-height: 1.6;
}
.campaign-espot h2 {
  font-size: 1.8em;
}
.campaign-espot h3 {
  font-size: 1.5em;
}
.campaign-espot h1,
.campaign-espot .underline {
  margin-bottom: 1.5em;
}
.campaign-espot h1:after,
.campaign-espot .underline:after {
  display: block;
  content: "";
  background-color: var(--giftlist-300-base);
  height: 3px;
  border-radius: 6px;
  width: 30px;
  margin-top: 8px;
}
@media (min-width: 768px) {
  .campaign-espot h1:after {
    width: 60px;
    margin-top: 14px;
  }
  .campaign-espot .underline:after {
    width: 45px;
    margin-top: 10px;
  }
}
.spacer-1 {
  height: 1em;
}
.spacer-2 {
  height: 2em;
}
.spacer-3 {
  height: 3em;
}
.noverflow {
  overflow: hidden;
}
.col-padding {
  padding: 1em;
  overflow: hidden;
}
.position-relative {
  position: relative;
}
.bg-lightblue {
  background-color: var(--giftlist-100-base);
}
.d-block {
  display: block;
}
.d-flex {
  display: flex;
}
.flex-menu.margin-top {
  margin-top: 1.5em;
}
.flex-menu > * {
  display: block;
  margin-bottom: 0.75em;
}
@media (min-width: 768px) {
  .flex-menu {
    display: flex;
    gap: 1em;
  }
}
.img-rounded {
  border-radius: 4px;
}
.img-shadow {
  box-shadow: 0 0 5px rgb(0 0 0 / 20%);
  transition: box-shadow 0.4s;
}
:hover > .img-shadow {
  box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.campaign-espot a[class^="btn-"]:hover {
  text-decoration: none;
}
.campaign-espot .btn {
  margin-bottom: unset;
}
.btn,
.btn-lg {
  text-decoration: none !important;
}
.btn-lg {
  font-size: 1.1em;
  padding: 12px 18px;
}
.btn-default {
  border: 1px solid var(--giftlist-500-base);
  color: var(--giftlist-500-base);
  background-color: transparent;
}
.btn-default:hover {
  background-color: transparent;
  border-color: var(--giftlist-500-base);
  color: var(--giftlist-500-base);
}
.campaign-espot .btn-primary {
  background-color: var(--color-action-500);
  border-color: var(--color-action-500);
  color: white !important;
}
.campaign-espot .btn-primary:hover {
  background-color: var(--giftlist-500-base);
  border-color: var(--giftlist-500-base);
}
.campaign-espot .btn-flat {
  color: var(--giftlist-500-base);
  text-transform: uppercase;
  text-decoration: underline !important;
  text-underline-position: under;
}
.campaign-espot .btn-flat:hover {
  color: var(--giftlist-500-base-80);
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
  display: block;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .video-container.maximized-992 {
    padding-bottom: 0;
    height: 100%;
    width: 100%;
  }
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}