/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/shared/navigation-image/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.b--nav-img {
  position: sticky;
  top: 0;
  color: #ffffff;
  background-color: #0A0A0A;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  z-index: 1029;
  top: var(--navbar-height);
  display: block;
  border-top: 1px solid var(--navbar-border-color);
  border-bottom: 1px solid var(--navbar-border-color);
  overflow: hidden; }
  .b--nav-img .l__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    position: relative; }
    @media (min-width: 992px) {
      .b--nav-img .l__nav {
        overflow-x: hidden; } }
  .b--nav-img .l__item {
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 43%;
            flex: 1 0 43%; }
    .b--nav-img .l__item:last-child::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: -1px;
      width: var(--nav-item-width);
      border: 5px solid #E11F26;
      -webkit-transition: opacity 0.35s 0.15s linear, -webkit-transform .35s ease-in-out;
      transition: opacity 0.35s 0.15s linear, -webkit-transform .35s ease-in-out;
      transition: transform .35s ease-in-out, opacity 0.35s 0.15s linear;
      transition: transform .35s ease-in-out, opacity 0.35s 0.15s linear, -webkit-transform .35s ease-in-out;
      pointer-events: none;
      opacity: 0; }
    .b--nav-img .l__item.active a {
      color: #E11F26; }
    .b--nav-img .l__item.active:last-child::after {
      left: -4px; }
    .b--nav-img .l__item.active ~ .l__item:last-child::after, .b--nav-img .l__item.active:after {
      opacity: 1; }
    .b--nav-img .l__item a {
      padding: var(--spacers-xs);
      display: block;
      border-right: 1px solid #696969;
      height: 100%; }
      @media (hover: hover) {
        .b--nav-img .l__item a:hover {
          color: #E11F26; } }
    .b--nav-img .l__item:nth-child(1).active ~ .l__item:last-child::after {
      left: 0; }
    .b--nav-img .l__item:nth-child(1).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(1).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 1 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 1 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(2).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(2).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 2 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 2 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(3).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(3).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 3 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 3 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(4).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(4).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 4 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 4 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(5).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(5).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 5 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 5 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(6).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(6).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 6 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 6 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(7).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(7).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 7 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 7 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(8).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(8).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 8 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 8 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(9).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(9).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 9 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 9 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(10).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(10).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 10 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 10 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(11).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(11).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 11 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 11 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(12).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(12).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 12 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 12 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(13).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(13).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 13 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 13 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(14).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(14).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 14 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 14 - var(--nav-item-width))); }
    .b--nav-img .l__item:nth-child(15).active ~ .l__item:last-child::after, .b--nav-img .l__item:nth-child(15).active:after {
      -webkit-transform: translateX(calc(var(--nav-item-width) * 15 - var(--nav-item-width)));
              transform: translateX(calc(var(--nav-item-width) * 15 - var(--nav-item-width))); }
    @media (min-width: 768px) {
      .b--nav-img .l__item {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 0%;
                flex: 1 0 0%; } }
    .b--nav-img .l__item:last-child a {
      border-right: 0; }
  .b--nav-img .l__img {
    width: clamp(calc((40 * 1px)), calc(2vw), calc(80px * var(--max-font-size-controler)));
    margin-left: auto;
    margin-right: auto; }
  .b--nav-img .l__link {
    display: inline-block;
    font-size: var(--text-xs);
    line-height: var(--text-xs-line-height);
    font-weight: 500; }

@media (max-width: 767.98px) {
  .b--nav-img + .h--bg-img {
    padding-top: 0 !important; } }