@charset "UTF-8";

/*Start fonts mixin*/

/*End fonts mixin*/

.icon-search:before {
  content: "A";
}

.icon-cart:before {
  content: "B";
}

.icon-check_box_off:before {
  content: "C";
}

.icon-check_box_on:before {
  content: "D";
}

.icon-copy:before {
  content: "E";
}

.icon-arrow_down:before {
  content: "F";
}

.icon-edit:before {
  content: "G";
}

.icon-delete:before {
  content: "H";
}

.icon-arrow_right:before {
  content: "I";
}

.icon-arrow_left:before {
  content: "J";
}

.icon-history:before {
  content: "K";
}

.icon-less-vales:before {
  content: "L";
}

.icon-less:before {
  content: "L";
}

.icon-more:before {
  content: "N";
}

.icon-more-vales:before {
  content: "N";
}

.icon-eye_open:before {
  content: "O";
}

.icon-phone:before {
  content: "P";
}

.icon-address:before {
  content: "Q";
}

.icon-user:before {
  content: "R";
}

.icon-menu:before {
  content: "M";
}

.icon-exit:before {
  content: "\2716";
  vertical-align: baseline !important;
}

@font-face {
  font-family: "helvetica-light";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/helvetica-light.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/helvetica-light.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/helvetica-light.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/helvetica-light.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/helvetica-light.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/helvetica-light.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "helvetica-bold";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/helvetica-bold.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/helvetica-bold.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/helvetica-bold.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/helvetica-bold.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/helvetica-bold.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/helvetica-bold.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "futura-light";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdLight.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdLight.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdLight.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdLight.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdLight.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdLight.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "futura-regular";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdBook.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdBook.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdBook.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdBook.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdBook.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdBook.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "futura-heavy";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdHeavy.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdHeavy.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdHeavy.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdHeavy.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdHeavy.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdHeavy.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "futura-bold";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdBold.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdBold.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdBold.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdBold.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdBold.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdBold.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "icons";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/icons.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/icons.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/icons.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/icons.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/icons.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/icons.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "futura-medium";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdMedium.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdMedium.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdMedium.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdMedium.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdMedium.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/FuturaStdMedium.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "helvetica-neue-light";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Lt.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Lt.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Lt.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Lt.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Lt.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Lt.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "helvetica-neue-thin";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Th.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Th.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Th.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Th.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Th.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Th.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "helvetica-neue-bold";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Bd.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Bd.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Bd.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Bd.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Bd.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-Bd.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "helvetica-neue-bolder";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-BdCn.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-BdCn.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-BdCn.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-BdCn.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-BdCn.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/HelveticaNeueLTStd-BdCn.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "bebas-neue-regular";
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/BebasNeue-Regular.eot");
  src: url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/BebasNeue-Regular.eot?#iefix") format("embedded-opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/BebasNeue-Regular.ttf") format("truetype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/BebasNeue-Regular.woff") format("woff"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/BebasNeue-Regular.otf") format("opentype"), url("https://commondatastorage.googleapis.com/prodecommerce/website/fonts/BebasNeue-Regular.svg#aller") format("svg");
  font-weight: normal;
  font-style: normal;
}

.index .categories .slider_categories .owl-nav,
.index .slider_home .owl-nav {
  top: 50%;
  position: absolute;
  width: 100%;
  transform: translateY(-22px);
}

.index .categories .slider_categories .owl-nav .owl-prev,
.index .slider_home .owl-nav .owl-prev {
  position: absolute;
  left: -10px;
  padding: 10px !important;
  background-color: #004C97;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  transition: background 0.3s ease;
}

@media (max-width: 37.5em) {
  .index .categories .slider_categories .owl-nav .owl-prev,
  .index .slider_home .owl-nav .owl-prev {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.index .categories .slider_categories .owl-nav .owl-prev .icon-arrow_left,
.index .slider_home .owl-nav .owl-prev .icon-arrow_left {
  color: #ffffff;
}

.index .categories .slider_categories .owl-nav .owl-prev:hover,
.index .slider_home .owl-nav .owl-prev:hover {
  transition: background 0.3s ease;
  background-color: #024384;
}

.index .categories .slider_categories .owl-nav .owl-next,
.index .slider_home .owl-nav .owl-next {
  position: absolute;
  right: -10px;
  padding: 10px !important;
  background-color: #004C97;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  transition: background 0.3s ease;
}

@media (max-width: 37.5em) {
  .index .categories .slider_categories .owl-nav .owl-next,
  .index .slider_home .owl-nav .owl-next {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.index .categories .slider_categories .owl-nav .owl-next .icon-arrow_right,
.index .slider_home .owl-nav .owl-next .icon-arrow_right {
  color: #ffffff;
}

.index .categories .slider_categories .owl-nav .owl-next:hover,
.index .slider_home .owl-nav .owl-next:hover {
  transition: background 0.3s ease;
  background-color: #024384;
}

.coupon_express {
  display: inline-flex;
  justify-content: space-between;
  border: 2px solid #9D7942;
  border-radius: 20px;
  padding: 9px 10px 9px 14px;
  min-width: 100px;
}

.coupon_express p,
.coupon_express span {
  margin-block: 0 !important;
  text-transform: uppercase;
  margin-right: 18px;
  font-weight: 600 !important;
}

.coupon_express button.delete_coupon {
  margin: 0 !important;
}

.coupon_express svg {
  height: 18px;
  width: 14px;
  vertical-align: bottom;
}

.title_ms {
  color: #004C97;
  font-family: "helvetica-light";
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
}

@media (min-width: 82.5em) {
  .title_ms {
    color: #004C97;
    font-family: "helvetica-light";
    font-size: 1.125rem;
    font-weight: normal;
    line-height: normal;
    letter-spacing: normal;
  }
}

.d-flex {
  display: flex !important;
}

.c-gap-4 {
  -moz-column-gap: 4px;
       column-gap: 4px;
}

.r-gap-4 {
  row-gap: 4px;
}

.c-gap-8 {
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.r-gap-8 {
  row-gap: 8px;
}

.c-gap-12 {
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.r-gap-12 {
  row-gap: 12px;
}

.c-gap-16 {
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.r-gap-16 {
  row-gap: 16px;
}

.c-gap-20 {
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.r-gap-20 {
  row-gap: 20px;
}

.c-gap-24 {
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.r-gap-24 {
  row-gap: 24px;
}

.c-gap-28 {
  -moz-column-gap: 28px;
       column-gap: 28px;
}

.r-gap-28 {
  row-gap: 28px;
}

.c-gap-32 {
  -moz-column-gap: 32px;
       column-gap: 32px;
}

.r-gap-32 {
  row-gap: 32px;
}

.c-gap-36 {
  -moz-column-gap: 36px;
       column-gap: 36px;
}

.r-gap-36 {
  row-gap: 36px;
}

.c-gap-40 {
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.r-gap-40 {
  row-gap: 40px;
}

.c-gap-44 {
  -moz-column-gap: 44px;
       column-gap: 44px;
}

.r-gap-44 {
  row-gap: 44px;
}

.c-gap-48 {
  -moz-column-gap: 48px;
       column-gap: 48px;
}

.r-gap-48 {
  row-gap: 48px;
}

.c-gap-52 {
  -moz-column-gap: 52px;
       column-gap: 52px;
}

.r-gap-52 {
  row-gap: 52px;
}

.c-gap-56 {
  -moz-column-gap: 56px;
       column-gap: 56px;
}

.r-gap-56 {
  row-gap: 56px;
}

.c-gap-60 {
  -moz-column-gap: 60px;
       column-gap: 60px;
}

.r-gap-60 {
  row-gap: 60px;
}

.c-gap-64 {
  -moz-column-gap: 64px;
       column-gap: 64px;
}

.r-gap-64 {
  row-gap: 64px;
}

.img-bg-blue {
  background-color: #004C97;
  padding: 5px;
  border-radius: 50%;
}

.flex-column-mobile {
  flex-wrap: wrap;
}

@media (max-width: 37.5em) {
  .flex-column-mobile {
    flex-direction: column;
  }
}

.flex-column-mobile .flex-part1 {
  padding: 0 !important;
}

@media (min-width: 37.5em) {
  .flex-column-mobile .flex-part1 {
    max-width: 200px !important;
    width: 60% !important;
  }
}

@media (min-width: 37.5em) {
  .flex-column-mobile .flex-part1 input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.flex-column-mobile .flex-part1 input:focus-visible {
  border-color: #00B0FF;
}

.flex-column-mobile .flex-part1 input.error {
  border-color: #E03333;
  color: #E03333 !important;
}

.flex-column-mobile .flex-part2 {
  font-size: 14px !important;
}

@media (min-width: 37.5em) {
  .flex-column-mobile .flex-part2 {
    width: 40% !important;
    max-width: 160px !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}

.flex-column-mobile .flex-part2.disabled {
  border-radius: 0px 6px 6px 0px;
  background: #DCDCDC;
  cursor: not-allowed;
}

.remove_cupon {
  cursor: pointer;
  background: transparent;
  border: none;
  display: inline-block;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding-top: 8px;
}

.remove_cupon svg {
  vertical-align: middle;
  margin-right: 0.2em;
}

.remove_cupon span {
  text-decoration: underline;
  color: #E03333;
  font-size: 14px;
}

.giftcard_cupon_active {
  display: flex;
  border-radius: 22px;
  background: #EDEDED;
  justify-content: center;
  padding: 22px 0 20px 0;
  gap: 12px;
  margin-bottom: 1.125rem;
  width: 100%;
  max-width: 1020px;
}

@media (max-width: 37.5em) {
  .giftcard_cupon_active {
    flex-direction: column;
    align-items: center;
  }
}

@media (max-width: 37.5em) {
  .giftcard_cupon_active p {
    text-align: center;
  }
}

.flex-column-mobile.giftcard {
  padding: 0;
}

@media (max-width: 37.5em) {
  .flex-column-mobile.giftcard {
    row-gap: 8px;
  }
}

.text_red,
.outstanding_payment {
  color: #E03333;
}

.text_red p,
.outstanding_payment p {
  color: #E03333 !important;
  color: #E03333;
  font-family: "helvetica-bold";
  font-size: 1.75em;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
}

.outstanding_payment {
  padding-top: 16px;
  border-top: 1px solid #E03333;
  color: #E03333;
  font-family: "helvetica-bold";
  font-size: 20px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
}

[data-tooltip] {
  position: relative;
  cursor: default;
}

/*
[data-tooltip]::after{
    position: absolute;
    min-width: 140px;
    left: calc(50% - 70px);
    bottom: 125%;
    content: attr(data-tooltip);
}
*/

[data-tooltip]::before,
[data-tooltip]::after {
  --scale: 0;
  --tooltip-color: #333;
  --arrow-size: 10px;
  position: absolute;
  content: "";
  top: -0.25rem;
  left: 50%;
  transform: translateX(-50%) translateY(var(--translate-y, 0)) scale(var(--scale));
  transition: 150ms transform;
  transform-origin: bottom center;
}

[data-tooltip]::before {
  --translate-y: calc(-100% - var(--arrow-size));
  content: attr(data-tooltip);
  border-radius: 0.3rem;
  background-color: var(--tooltip-color);
  padding: 0.5rem;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  color: #fff;
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
  --scale: 1;
  z-index: 9;
}

[data-tooltip]::after {
  --translate-y: calc(-1 * var(--arrow-size));
  content: "";
  border: var(--arrow-size) solid transparent;
  border-top-color: var(--tooltip-color);
  transform-origin: top center;
}

.btn_close3 {
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  position: absolute;
  right: 10px;
  top: 35px;
  /* padding: 25px; */
  background-color: white;
  border-radius: 50%;
  cursor: pointer;
}

.btn_close3 i {
  color: #00529B;
  font-size: 1.5em;
}

.price_container .price_real {
  padding: 2.5px 0;
  color: #004C97;
}

.price_container .price_discount {
  color: #988F86;
  font-size: 14px;
  text-decoration: line-through;
}

* .discount.star {
  height: 2.7rem;
  width: 2.7rem;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: #e1251b;
  text-align: center;
}

* .discount.star::before {
  content: "";
  position: absolute;
  background: inherit;
  height: inherit;
  width: inherit;
  top: 0;
  left: 0;
  z-index: 1;
  transform: rotate(30deg);
}

* .discount.star::after {
  content: "";
  position: absolute;
  background: inherit;
  height: inherit;
  width: inherit;
  top: 0;
  left: 0;
  z-index: 1;
  transform: rotate(60deg);
}

* .discount.star span {
  color: #ffffff;
  font-size: 14px;
  display: inline-block;
  z-index: 5;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.title_xs {
  color: #A0A0A0;
  font-family: "futura-regular";
  font-size: 10px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}

/*SUGESTED*/

.suggested_products {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24.5px;
  /* width: 166px;
  height: 22px; */
  width: 135px;
  height: 18px;
  background-color: #004C97;
  color: #ffffff;
  font-family: "futura-heavy";
  font-size: 12px;
  font-weight: 650;
  line-height: normal;
  letter-spacing: normal;
  border: none;
  margin: 24px 0px 0px 0px;
}

@media (max-width: 37.5em) {
  .suggested_products {
    color: #ffffff;
    font-family: "futura-medium";
    font-size: 10px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    width: 125px;
  }
}

.register_page .step {
  width: 209px;
  height: 14px;
  background: rgb(231, 231, 231);
  background: linear-gradient(90deg, rgb(231, 231, 231) 100%, rgb(231, 231, 231) 100%, rgb(231, 231, 231) 100%);
  border-radius: 7px;
}

.register_page .step.active {
  background: rgb(0, 105, 209);
  background: linear-gradient(90deg, rgb(0, 105, 209) 0%, rgb(0, 105, 209) 50%, rgb(231, 231, 231) 50%);
}

.register_page .step.done {
  background: rgb(0, 105, 209);
  background: linear-gradient(90deg, rgb(0, 105, 209) 0%, rgb(231, 231, 231) 0%, rgb(0, 105, 209) 0%);
}

#container-tarjeta-de-credito {
  width: 100%;
  max-width: 340px;
}

.flex-capture h1,
.flex-capture h2,
.flex-capture pre {
  display: none;
}

.flex-capture h3 {
  color: transparent;
  font-family: "helvetica-bold";
  font-size: 1.25rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  position: relative;
}

.flex-capture h3::before {
  content: "Procesando";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #675C53;
  font-family: "helvetica-bold";
  font-size: 1.25rem;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
}

.flex-capture .field {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  width: 100%;
}

.flex-capture .marca {
  position: absolute;
  right: -40px;
  top: 30px;
}

.flex-capture label {
  color: #675C53;
  font-family: "helvetica-light";
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: 4px;
}

.flex-capture input[type=text] {
  padding: 10px 15px;
  border: 1px solid #D5D2CA;
  border-radius: 6px;
  background-color: transparent;
  color: #675C53;
  font-family: "helvetica-light";
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  max-width: 320px;
}

.flex-capture select {
  padding: 10px 15px;
  border: 1px solid #D5D2CA;
  border-radius: 6px;
  background-color: transparent;
  color: #675C53;
  font-family: "helvetica-light";
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
  max-width: 350px;
}

.flex-capture input[type=text]:focus {
  border-color: #004C97;
}

.flex-capture button {
  color: #ffffff;
  font-family: "futura-heavy";
  font-size: 14px;
  font-weight: 650;
  line-height: normal;
  letter-spacing: normal;
  display: inline-block;
  background-color: #004C97;
  padding: 12px 20px;
  cursor: pointer;
  border: none;
  transition: background 0.3s ease;
  text-align: center;
  width: 100%;
  border-radius: 30px;
}

@media (min-width: 37.5em) {
  .flex-capture button {
    width: 180px;
    border-radius: 19.5px;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 4px;
    padding-right: 4px;
  }
}

.flex-capture button.disabled,
.flex-capture button:disabled {
  background-color: #988F86;
  cursor: not-allowed;
}

.flex-capture .error-message {
  color: #D52B1E;
  font-family: "helvetica-light";
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
}

@media (max-width: 37.5em) {
  .flex-capture .submit {
    position: fixed;
    bottom: 24px;
    z-index: 1500;
    left: 50%;
    width: calc(100% - 40px);
    transform: translateX(-50%);
  }
}

@media (min-width: 37.5em) {
  .flex-capture .submit {
    position: absolute;
    bottom: -20px;
    z-index: 5;
    left: 195px;
  }
}

.ReactModalPortal {
  z-index: 1000;
  position: relative;
}

.ReactModalPortal div {
  color: #675C53;
  font-family: "helvetica-light";
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: normal;
}

.ReactModalPortal button {
  color: #ffffff;
  font-family: "helvetica-bold";
  font-size: 1em;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  display: inline-block;
  background-color: #004C97;
  padding: 10px 20px;
  cursor: pointer;
  border: none;
  transition: background 0.3s ease;
  text-align: center;
  width: 100%;
  border-radius: 30px;
  margin-top: 12px;
}

@media (min-width: 37.5em) {
  .ReactModalPortal button {
    width: 200px;
    border-radius: 6px;
  }
}

.ReactModalPortal button.disabled,
.ReactModalPortal button:disabled {
  background-color: #988F86;
  cursor: not-allowed;
}

.label-price {
  display: flex;
  align-items: center;
}

@media (max-width: 37.5em) {
  .label-price {
    padding-top: 1rem;
    justify-content: center;
  }
}

.label-price .span-price {
  color: #B7B1A9;
  font-family: "futura-bold";
  font-size: 12px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  padding-left: 8px;
}

@media (max-width: 37.5em) {
  .label-price .span-price {
    font-size: 12px;
  }
}

.label-price .span-weight {
  color: #B7B1A9;
  font-family: "futura-heavy";
  font-size: 12px;
  font-weight: 650;
  line-height: normal;
  letter-spacing: normal;
  padding-right: 8px;
}

@media (max-width: 37.5em) {
  .label-price .span-weight {
    font-size: 12px;
  }
}

.icon-arrow-right {
  position: relative;
  width: 20px;
  height: 20px;
  transform: scale(0.8);
}

.icon-arrow-right::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 2px;
  top: 9px;
  background: #B7B1A9;
}

.icon-arrow-right::after {
  content: "";
  height: 6px;
  width: 6px;
  border: 2px solid #B7B1A9;
  position: absolute;
  left: 5px;
  top: 5px;
  transform: rotate(45deg);
  border-left-color: transparent;
  border-bottom-color: transparent;
}

#select2-store_list_select-results .select2-results__option {
  color: #4F4F4F;
  font-family: "futura-regular";
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}

#select2-store_list_select-results .select2-results__option img {
  width: 20px;
  height: 20px;
  vertical-align: sub;
  padding-right: 4px;
}

.index {
  width: 100%;
  display: block;
}

.index .slider_home {
  text-align: center;
}

.index .slider_home .owl-dots {
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
  z-index: 99;
}

.index .slider_home .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  margin: 0 5px;
}

.index .slider_home .owl-dots .owl-dot.active {
  background-color: transparent;
  border: 3px solid #ffffff;
  width: 15px;
  height: 15px;
}

.index .slider_home .button {
  width: 150px;
}

.index .slider_home .owl-nav {
  top: 45%;
}

.index .slider_home .owl-nav .owl-next {
  right: 10px;
}

.index .slider_home .owl-nav .owl-prev {
  left: 10px;
}

.index .slider_home .slider_single {
  width: 100%;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-align-content: center;
  align-content: center;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  position: relative;
}

@media (min-width: 120em) {
  .index .slider_home .slider_single [class*=clickbutton_banner] {
    width: 100%;
  }
}

.index .slider_home .slider_single .img_desktop {
  width: 100%;
  display: block;
  display: none;
}

@media (min-width: 37.5em) {
  .index .slider_home .slider_single .img_desktop {
    display: block;
  }
}

.index .slider_home .slider_single .img_mobile {
  width: 100%;
  display: block;
}

@media (min-width: 37.5em) {
  .index .slider_home .slider_single .img_mobile {
    display: none;
  }
}

.index .slider_home .slider_single .ss_container {
  position: absolute;
  bottom: 0;
}

.index .slider_home .slider_single .ss_container .title_slider {
  max-width: 280px;
  margin: 0 auto 40px auto;
  padding: 0;
  color: #ffffff;
}

@media (min-width: 37.5em) {
  .index .slider_home .slider_single .ss_container .title_slider {
    max-width: 660px;
    margin: 40px auto;
    padding: 0;
  }
}

.index .slider_home .slider_single .ss_container .link {
  margin-bottom: 30px;
}

.index .slider_home [data-slide] .dark_hover {
  opacity: 0;
  transition: 250ms;
  transform: translateY(10px);
}

.index .slider_home [data-slide] .dark_hover.active {
  transform: translateY(0px);
  opacity: 1;
  transition: 250ms;
}

.index .most_value {
  background-color: #F2F2F2;
}

.index .sales {
  background-color: #F2F2F2;
}

.index .itemsContainer {
  --padding-item-container: 32px 27px 40px;
  background-color: #f2f2f2;
  padding: var(--padding-item-container);
}

@media (min-width: 50em) {
  .index .itemsContainer {
    --padding-item-container: 72px 27px 86px;
  }
}

@media (min-width: 64em) {
  .index .itemsContainer {
    --padding-item-container: 72px 120px 86px;
  }
}

.index .itemsContainer .item {
  display: flex;
  -moz-column-gap: 56px;
       column-gap: 56px;
  padding: 0px 0px 36px 0px;
  max-width: 1200px;
  margin-inline: auto;
  border-bottom: 4px solid #e8e8e8;
  flex-direction: column;
  row-gap: 2rem;
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
  .index .itemsContainer .item {
    flex-wrap: wrap;
  }
}

@media (min-width: 50em) {
  .index .itemsContainer .item {
    flex-direction: row;
    padding: 0px 0px 86px 0px;
    justify-content: space-between;
  }
}

.index .itemsContainer .item:not(:first-child) {
  padding: 36px 0px 36px 0px;
}

@media (min-width: 50em) {
  .index .itemsContainer .item:not(:first-child) {
    padding: 102px 0px 86px 0px;
  }
}

.index .itemsContainer .item:last-child {
  padding: 36px 0px 0px 0px;
  border-bottom: none;
}

@media (min-width: 50em) {
  .index .itemsContainer .item:last-child {
    padding: 102px 0px 0px 0px;
  }
}

.index .itemsContainer .item .firstColumn {
  display: flex;
  flex-direction: row;
  row-gap: 1rem;
  justify-content: space-between;
  /* align-items: center; */
}

@media (min-width: 50em) {
  .index .itemsContainer .item .firstColumn {
    flex-direction: column;
    justify-content: flex-start;
  }
}

@media (max-width: 37.5em) {
  .index .itemsContainer .item .firstColumn {
    align-items: center;
    display: grid;
    grid-template-columns: 48px 120px 1fr;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}

.index .itemsContainer .item .firstColumn .image {
  width: 48px;
  height: 48px;
}

@media (min-width: 50em) {
  .index .itemsContainer .item .firstColumn .image {
    width: 64px;
    height: 64px;
  }
}

.index .itemsContainer .item .firstColumn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 27px;
  border-radius: 15px;
  background-color: #004c97;
  border: none;
  color: #ffffff;
  font-family: "futura-medium";
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
}

@media (min-width: 50em) {
  .index .itemsContainer .item .firstColumn a {
    width: 107px;
    height: 23px;
  }
}

@media (max-width: 37.5em) {
  .index .itemsContainer .item .firstColumn a {
    justify-self: flex-end;
  }
}

.index .itemsContainer .item .firstColumn p {
  color: #004C97;
  font-family: "futura-heavy";
  font-size: 18px;
  font-weight: 650;
  line-height: normal;
  letter-spacing: normal;
}

@media (min-width: 50em) {
  .index .itemsContainer .item .firstColumn p {
    color: #004C97;
    font-family: "futura-heavy";
    font-size: 32px;
    font-weight: 650;
    line-height: normal;
    letter-spacing: normal;
  }
}

.index .itemsContainer .item .container_imagePromo {
  width: 90%;
  margin: auto;
}

@media (min-width: 50em) {
  .index .itemsContainer .item .container_imagePromo {
    width: 390px;
  }
}

.index .itemsContainer .item .container_imagePromo .owl-dots {
  position: absolute;
  width: 100%;
  bottom: -20px;
  text-align: center;
  z-index: 99;
}

.index .itemsContainer .item .container_imagePromo .owl-dots .owl-dot {
  width: 15px;
  /*15px*/
  height: 15px;
  /*15px*/
  background-color: transparent;
  border: 3px solid #004C97;
  border-radius: 50%;
  margin: 0 5px;
}

.index .itemsContainer .item .container_imagePromo .owl-dots .owl-dot.active {
  background-color: #004C97;
  width: 15px;
  height: 15px;
}

.index .itemsContainer .item .imagePromo {
  /* width: 305px; */
  width: 100%;
  /*height: 292px;*/
  height: auto;
}

@media (min-width: 50em) {
  .index .itemsContainer .item .imagePromo {
    /*width: 355px;*/
    /*height: 340px;*/
    width: 384.1px;
    height: 367.2px;
  }
}

.index .itemsContainer .item .prodsContainer {
  max-width: 100%;
  position: relative;
}

@media screen and (max-width: 1023px) {
  .index .itemsContainer .item .prodsContainer {
    max-width: 100%;
  }
}

@media (min-width: 64em) {
  .index .itemsContainer .item .prodsContainer {
    width: calc(80vw - 560px);
  }
}

@media (min-width: 82.5em) {
  .index .itemsContainer .item .prodsContainer {
    width: 560px;
  }
}

.index .itemsContainer .item .prodsContainer .owl-stage {
  display: flex;
  gap: 14px;
}

.index .itemsContainer .item .prodsContainer .prod {
  display: flex;
  position: relative;
  row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 15px 1rem;
  width: 172px;
  /* height: 240px; */
  /* height: 315px; */
  height: 370px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.index .itemsContainer .item .prodsContainer .prod .loading {
  position: absolute;
}

.index .itemsContainer .item .prodsContainer .prod .prodImage {
  display: block;
  width: 135px;
  height: auto;
}

.index .itemsContainer .item .prodsContainer .prod .price {
  color: #004C97;
  font-family: "futura-bold";
  font-size: 1em;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
}

.index .itemsContainer .item .prodsContainer .prod .price_discount {
  font-size: 13px;
  color: #988f86;
  text-decoration: line-through;
}

.index .itemsContainer .item .prodsContainer .prod .description {
  text-align: center;
  color: #5c5c5c;
  font-family: "futura-medium";
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
}

@media (min-width: 64em) {
  .index .itemsContainer .item .prodsContainer .prod .description {
    min-height: 75px;
  }
}

.index .itemsContainer .item .prodsContainer .prod .add_button {
  display: flex;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  align-items: center;
  justify-content: center;
  border: none;
  box-sizing: border-box;
  width: 140px;
  height: 25px;
  min-height: 25px;
  background-color: #004C97;
  border-radius: 15px;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  cursor: pointer;
  color: #ffffff;
  font-family: "futura-medium";
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  line-height: 1;
}

.index .itemsContainer .item .prodsContainer .prod .add_button img {
  width: 10.5px;
  height: auto;
}

.index .itemsContainer .item .prodsContainer .prod .button_discount {
  width: 120px;
  height: 27px;
  border-radius: 10px;
  background: #fa0a0a;
  border: none;
  color: #ffffff;
  font-family: "futura-heavy";
  font-size: 13px;
  font-weight: 650;
  line-height: normal;
  letter-spacing: normal;
  letter-spacing: 0.26px;
}

.index .itemsContainer .item .prodsContainer .prod .quantity {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
}

.index .itemsContainer .item .prodsContainer .prod .sticker {
  width: 25px;
  top: 65px;
}

@media (min-width: 50em) {
  .index .itemsContainer .item .prodsContainer .prod .sticker {
    width: 18px;
    top: 65px;
  }
}

.index .itemsContainer .item .prodsContainer .products_tg .stickerPromo50 {
  width: 60px;
  position: absolute;
  top: 10px;
  left: 10px;
}

@media (max-width: 37.5em) {
  .index .itemsContainer .item .prodsContainer .owl-item {
    display: flex;
    justify-content: center;
  }
}

.index .itemsContainer .item .prodsContainer .owl-nav {
  /* @include breakpoint(tablet) {
            top: 200px;
        }

        @include breakpoint(phablet) {
            top: 160px;
        } */
  top: 50%;
  position: absolute;
  width: 100%;
  transform: translateY(-22px);
}

.index .itemsContainer .item .prodsContainer .owl-nav .owl-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -10px;
  padding: 10px !important;
  background-color: #004C97;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  transition: background 0.3s ease;
}

@media (min-width: 50em) {
  .index .itemsContainer .item .prodsContainer .owl-nav .owl-prev {
    display: none;
    width: 43px;
    height: 43px;
  }
}

.index .itemsContainer .item .prodsContainer .owl-nav .owl-prev .icon-arrow_left {
  color: #ffffff;
}

.index .itemsContainer .item .prodsContainer .owl-nav .owl-prev:hover {
  transition: background 0.3s ease;
  background-color: #024384;
}

.index .itemsContainer .item .prodsContainer .owl-nav .owl-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -10px;
  padding: 10px !important;
  background-color: #004C97;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  transition: background 0.3s ease;
}

@media (min-width: 50em) {
  .index .itemsContainer .item .prodsContainer .owl-nav .owl-next {
    width: 43px;
    height: 43px;
  }
}

.index .itemsContainer .item .prodsContainer .owl-nav .owl-next .icon-arrow_right {
  color: #ffffff;
}

.index .itemsContainer .item .prodsContainer .owl-nav .owl-next:hover {
  transition: background 0.3s ease;
  background-color: #024384;
}

.index .itemsContainer .quantity_price {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.index .itemsContainer .quantity_price .add_quantity {
  background-color: #ffffff;
  font-size: 1rem;
}

.index .itemsContainer .quantity_price button {
  width: 1.5rem;
  height: 1.5rem;
}

.index .categories {
  text-align: center;
  background-color: #004C97;
  max-width: 100%;
  margin: 0 auto;
  padding: 40px 0 40px 0;
  width: 100%;
  display: block;
}

@media (min-width: 50em) {
  .index .categories {
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 0 100px 0;
  }
}

.index .categories .title_xxl {
  max-width: calc(100% - 40px);
  margin: 0 auto;
  padding: 0 20px;
  color: #ffffff;
  text-align: left;
}

@media (min-width: 50em) {
  .index .categories .title_xxl {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px 30px 20px;
  }
}

@media (min-width: 82.5em) {
  .index .categories .title_xxl {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 0 30px 0;
  }
}

.index .categories .category_single {
  max-width: 200px;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: block;
}

.index .categories .category_single a {
  width: 100%;
  display: block;
}

.index .categories .category_single a img {
  width: 100%;
  display: block;
  border-radius: 50%;
}

.index .categories .category_single a .title_xl {
  color: #ffffff;
  margin-top: 20px;
  color: #ffffff;
  font-family: "futura-bold";
  font-size: 1.25em;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
}

.index .categories .slider_categories {
  max-width: calc(100% - 40px);
  margin: 0 auto;
  padding: 0;
  position: relative;
}

@media (min-width: 50em) {
  .index .categories .slider_categories {
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
  }
}

@media (min-width: 82.5em) {
  .index .categories .slider_categories {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
  }
}

.index .categories .slider_categories .owl-nav {
  top: 45%;
}

.index .categories .slider_categories .owl-nav .owl-prev,
.index .categories .slider_categories .owl-nav .owl-next {
  background-color: #ffffff;
}

.index .categories .slider_categories .owl-nav .owl-prev i,
.index .categories .slider_categories .owl-nav .owl-next i {
  color: #004C97 !important;
}

.index .categories .slider_categories .owl-nav .owl-prev:hover i,
.index .categories .slider_categories .owl-nav .owl-next:hover i {
  color: #ffffff !important;
}

.index .vales_section {
  max-width: calc(100% - 40px);
  margin: 0 auto;
  padding: 0 0 20px 0;
  text-align: center;
}

@media (min-width: 50em) {
  .index .vales_section {
    max-width: 900px;
    margin: 0 auto;
    padding: 10px 20px 60px 20px;
  }
}

@media (min-width: 82.5em) {
  .index .vales_section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 0 60px 0;
  }
}

.index .vales_section .title_xxl {
  text-align: left;
  color: #004C97;
}

.index .vales_section .title_x {
  text-align: left;
  padding: 10px 0 0 0;
  color: #004C97;
}

.index .vales_section .vales_list {
  width: 100%;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -ms-align-content: flex-start;
  align-content: flex-start;
  -moz-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
}

@media (max-width: 37.5em) {
  .index .vales_section .vales_list {
    -moz-flex-direction: column;
    flex-direction: column;
  }
}

.index .vales_section .vales_list .vales_single {
  max-width: calc(33% - 60px);
  margin: 40px 20px;
  padding: 0;
}

@media (max-width: 37.5em) {
  .index .vales_section .vales_list .vales_single {
    max-width: calc(100% - 40px);
    margin: 20px auto;
    padding: 0;
  }
}

.index .vales_section .vales_list .vales_single img {
  max-width: 180px;
  width: 100%;
  display: block;
  border-radius: 50%;
  margin: 0 auto;
}

.index .vales_section .vales_list .vales_single .title_x {
  color: #004C97;
  font-family: "helvetica-bold";
  font-size: 1.25em;
  font-weight: bold;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  margin-top: 20px;
  padding: 0;
}

@media (min-width: 82.5em) {
  .index .vales_section .vales_list .vales_single .title_x {
    color: #004C97;
    font-family: "helvetica-bold";
    font-size: 1.5em;
    font-weight: bold;
    line-height: normal;
    letter-spacing: normal;
  }
}

.index .vales_section .vales_list .vales_single .title_m {
  margin-top: 10px;
}

.index .external_section {
  width: 100%;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-align-content: center;
  align-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  min-height: 500px;
}

@media (max-width: 37.5em) {
  .index .external_section {
    display: none;
  }
}

@media (min-width: 50em) {
  .index .external_section {
    background-size: contain !important;
    min-height: 400px;
  }
}

@media (min-width: 82.5em) {
  .index .external_section {
    background-size: contain !important;
    min-height: 450px;
  }
}

@media (min-width: 120em) {
  .index .external_section {
    background-size: auto !important;
    min-height: 500px;
  }
}

.index .external_section .title_xxl {
  max-width: 620px;
  margin: 40px auto;
  padding: 0 20px;
  color: #ffffff;
  text-align: center;
}

.index .external_section .link {
  background-color: transparent;
  border: 2px solid #ffffff;
  transition: background 0.3s ease;
}

.index .external_section .link:hover {
  background-color: #004C97;
  transition: background 0.3s ease;
}

.index .external_section_express {
  width: 100%;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-align-content: center;
  align-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  min-height: 500px;
  margin-bottom: 1.5rem;
}

@media (max-width: 37.5em) {
  .index .external_section_express {
    display: none;
  }
}

.index .external_section_mobile {
  width: 100%;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-align-content: center;
  align-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  min-height: 551px;
  background-size: cover !important;
}

@media (min-width: 50em) {
  .index .external_section_mobile {
    display: none;
  }
}