@charset "UTF-8";
/* xl - DESKTOP STYLES */
.banner {
  background-color: #031d44;
}
.promobanner {
  margin-top: 100px;
  margin-bottom: 50px;
  position: relative;
}
.promobanner .global-promo {
  position: relative;
  padding-bottom: 150px;
}
.promobanner .global-promo .promoimage {
  display: block;
  height: 550px;
  position: relative;
  transition: opacity 1.2s ease;
}
@media screen and (min-width: 801px) {
  .promobanner .global-promo .promoimage {
    pointer-events: none;
  }
}
.promobanner .global-promo .promoblock-mobile {
  display: none;
}
.promobanner .global-promo .promoblock-wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 330px;
}
.promobanner .global-promo .promoblock-wrap .promoblock {
  background-color: #22EFC0;
  width: 660px;
  padding: 50px;
  margin-left: clamp(20px, 4vw, 60px);
  position: absolute;
  top: 0px;
  transition: all 0.25s ease-out;
  width: 100px !important;
  padding: 0 !important;
}
.promobanner .global-promo .promoblock-wrap .promoblock .content-wrap-promo {
  height: 20px !important;
  transition: all 0.2s ease-out;
  transition-delay: 0.2s;
  display: grid;
  grid-template: auto 1fr auto / 1fr;
  justify-content: start;
}
.promobanner .global-promo .promoblock-wrap .promoblock .content-wrap-promo p {
  opacity: 0;
  transition: all 0.2s ease;
  transition-delay: 0s;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 700;
  color: #031D44;
}
.promobanner .global-promo .promoblock-wrap .promoblock .content-wrap-promo h2 {
  opacity: 0;
  transition: all 0.2s ease;
  transition-delay: 0s;
  color: #031D44;
  font-size: 58px;
  line-height: 1;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 180px;
  margin-bottom: 20px;
}
.promobanner .global-promo .promoblock-wrap .promoblock .content-wrap-promo span {
  justify-self: flex-start;
  opacity: 0;
  transition: opacity 0.2s 0s ease, color 0.25s 0s ease-in-out;
  font-size: 24px;
  color: #031D44;
  font-weight: 600;
  position: relative;
  margin-right: 10px;
}
.promobanner .global-promo .promoblock-wrap .promoblock .content-wrap-promo span:after {
  content: "";
  margin-left: -7px;
  font-size: 14px;
  font-family: icons;
  font-weight: 900;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  position: absolute;
  right: -11px;
  top: 61%;
  color: inherit !important;
  transform: translateY(-50%);
}
.promobanner .global-promo .promoblock-wrap .promoblock.grow-right {
  transition: all 0.3s ease-out;
  transition-delay: 1.4s;
}
.promobanner .global-promo .promoblock-wrap .promoblock.show-promo, .promobanner .global-promo .promoblock-wrap .promoblock.grow-right {
  width: 660px !important;
}
.promobanner .global-promo .promoblock-wrap .promoblock.show-promo .content-wrap-promo, .promobanner .global-promo .promoblock-wrap .promoblock.grow-right .content-wrap-promo {
  height: 330px !important;
  transition: all 0.6s ease-out;
  transition-delay: 1.7s;
  padding: 30px !important;
}
.promobanner .global-promo .promoblock-wrap .promoblock.show-promo .content-wrap-promo p, .promobanner .global-promo .promoblock-wrap .promoblock.grow-right .content-wrap-promo p {
  opacity: 1;
  transition: all 0.9s ease-out;
  transition-delay: 2.3s;
}
.promobanner .global-promo .promoblock-wrap .promoblock.show-promo .content-wrap-promo h2, .promobanner .global-promo .promoblock-wrap .promoblock.grow-right .content-wrap-promo h2 {
  opacity: 1;
  transition: all 1.2s ease-out;
  transition-delay: 2.5s;
}
.promobanner .global-promo .promoblock-wrap .promoblock.show-promo .content-wrap-promo span, .promobanner .global-promo .promoblock-wrap .promoblock.grow-right .content-wrap-promo span {
  opacity: 1;
  transition: opacity 0.9s 3s ease-out, color 0.25s 0s ease-in-out;
}
.promobanner .global-promo .promoblock-wrap .promoblock:hover {
  transform: scale(1.02);
}
.promobanner .global-promo .promoblock-wrap .promoblock:hover .content-wrap-promo span {
  color: #ffffff !important;
}
.promobanner .promohoverline {
  position: relative;
}
.promobanner .promohoverline::after {
  content: "";
  display: block;
  background-color: #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  width: 0;
  transition: width 0.3s ease-out;
}
.promobanner .promohoverline:hover::after {
  width: 100%;
}
@-webkit-keyframes promo-blink {
  25%, 75% {
    opacity: 0;
  }
  0%, 50%, 100% {
    opacity: 1;
  }
}
@keyframes promo-blink {
  25%, 75% {
    opacity: 0;
  }
  0%, 50%, 100% {
    opacity: 1;
  }
}
.promo-blink {
  -webkit-animation: promo-blink 1.5s 1 both;
  animation: promo-blink 1.5s 1 both;
}
@media screen and (max-width: 800px) {
  .promobanner {
    margin-bottom: 0;
    padding-bottom: 50px;
  }
  .promobanner .global-promo {
    padding-bottom: 50px;
  }
  .promobanner .global-promo .promoblock-wrap {
    display: none;
  }
  .promobanner .global-promo .promoimage {
    opacity: 1 !important;
    height: 75vw;
  }
  .promobanner .global-promo .promoblock-mobile {
    display: block;
    position: relative;
    top: -1px;
    width: 100%;
    background-color: #22EFC0;
    padding: 20px;
    display: grid;
    grid-template: auto 1fr auto / 1fr;
    justify-content: start;
  }
  .promobanner .global-promo .promoblock-mobile p {
    font-size: clamp(18px, 2.75vw, 22px);
    text-transform: uppercase;
    font-weight: 700;
    color: #031D44;
  }
  .promobanner .global-promo .promoblock-mobile h2 {
    color: #031D44;
    font-size: clamp(30px, 7.5vw, 60px);
    line-height: 1;
    text-transform: uppercase;
  }
  .promobanner .global-promo .promoblock-mobile span {
    justify-self: flex-start;
    font-size: clamp(20px, 3vw, 24px);
    color: #031d44;
    font-weight: 600;
    position: relative;
    margin-right: 10px;
    transition: color 0.25s ease-in-out;
  }
  .promobanner .global-promo .promoblock-mobile span:after {
    content: "";
    margin-left: -7px;
    font-size: 14px;
    font-family: icons;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    right: -11px;
    top: 61%;
    transform: translateY(-50%);
    color: inherit !important;
  }
  .promobanner .global-promo .promoblock-mobile:hover span {
    color: #ffffff !important;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%2F%22%2C%22sources%22%3A%5B%22(stdin)%22%2C%22wp-content%2Fcustom_codes%2F1000040424-scss-desktop.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BACAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAID%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAgBA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAoBF%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAQL%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAKF%3BAACC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAID%3BAACC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAID%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAACC%3BAAAA%3BAAAA%3BAAAA%3BAAGC%3BAAAA%3BAAAA%3BAAEC%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQC%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAkBA%3BAAAA%3BAAAA%3BAAAA%22%7D */