/** Shopify CDN: Minification failed

Line 685:10 Expected identifier but found whitespace
Line 685:12 Unexpected "{"
Line 685:21 Expected ":"

**/


/* CSS from section stylesheet tags */
.swiper-slide .banner-slide {
    display: flex;
    flex-direction: column-reverse;
  }
  .slide-image {
    width: 100%;
    height: 60vh;
    object-fit: cover;
  }

  .banner-hero-slider-button {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: fit-content;
    text-decoration: none;
  }
  .content-for-banner-slide {
    display: flex;
    width: 472px;
    height: 272px;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    padding: 5px 20px;
    border-radius: 12px;
    z-index: 2;
    gap: 10px;
  }
  .center-text {
    align-items: center;
  }

  .content-for-banner-slide > h2 {
    margin: 0;
  }

  .banner-hero-slider-button > h4 {
    margin: 0;
  }
  .banner-hero-slider-button:hover {
    background-color: #01659f !important;
  }

  .swiper-slide-banner {
    overflow: hidden;
  }
  .banner-buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}



  .banner-swiper {
    position: relative;
    overflow: hidden;
  }

  .banner-swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
/*     padding: 1rem;
 */  }
  .banner-next-slide,
  .banner-prev-slide {
    display: none;
  }

  @media (max-width: 950px) {
    .swiper-slide .banner-slide {
      display: flex;
      flex-direction: column;
    }
    .slide-image {
      display: block;
      height: 300px;
    }
    .content-for-banner-slide {
      background-color: #000000 !important;
      position: relative;
      width: 100%;
      align-items: center;
      padding: 0;
      border-radius: 0;
      left: 0 !important;
    }
    .text-for-banner-slide {
      padding: 0 10px;
    }
    .banner-next-slide {
      z-index: 0;
    }
    .banner-prev-slide {
      z-index: 0;
    }
  }
#featuresTitle {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      #featuresButtons {
        position: relative;
        left: 0;
        right: 0;
        display: flex;
        width: 100%;
        appearance: none;
      }

      #infoDisplay {
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 1;
        padding: 3rem;
      }

      .feature {
        display: flex;
        width: 100vw;
        height: auto;
      }


      .buttonWrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
      }
      .buttonWrapper > button:hover,
      .buttonWrapper > button:focus,
      .buttonWrapper > button:active {
        color: #d9702f;
        text-decoration: none;
      }

      .buttonWrapper > button {
        position: relative;
        background-color: transparent;
        display: block;
        border: none;
        margin: 10px;
        padding: 10px;
        font-size: 1.7vw;
        font-weight: 300;
        cursor: pointer;
        text-transform: uppercase;
        transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
        color: #000;
        z-index: 2;
      }
      .buttonWrapper > button::before {
        content: "";
        display: block;
        position: absolute;
        bottom: 3px;
        left: 0;
        height: 3px;
        width: 100%;
        background-color: #000;
        transform-origin: right top;
        transform: scale(0, 1);
        transition: color 0.1s, transform 0.2s ease-out;
      }
      .buttonWrapper > button:active::before {
        background-color: #000;
      }
      .buttonWrapper > button:hover::before,
      .buttonWrapper > button:focus::before {
        transform-origin: left top;
        transform: scale(1, 1);
      }

       .collapsible-row:hover,
       .collapsible-row:focus,
       .collapsible-row:active {
         color: #1979c3;
         text-decoration: none;
       }

       .collapsible-row {
         position: relative;
         background-color: transparent;
         display: block;
         border: none;
         margin: 10px;
         padding: 10px;
         font-size: 1.5vw;
         font-weight: 300;
         cursor: pointer;
         text-transform: uppercase;
         transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
         color: #000;
         z-index: 2;
       }

       .collapsible-row::before {
         content: "";
         display: block;
  /*        position: absolute;
        */bottom: 3px;
         left: 0;
         height: 3px;
         width: 100%;
         transform-origin: right top;
         transform: scale(0, 1);

         transition: color 0.1s, transform 0.2s ease-out;
       }

       /*   .collapsible-row:active::before {
               background-color: #000;
           } */

       .collapsible-row:hover::before,
       .collapsible-row:focus::before {
           transform-origin: left top;
          transform: scale(1, 1);

       }

       .collapsible {
         border: none;
         width: 50%;
         margin: 4px auto;
         gap: 10px;
         padding: 2rem;
         cursor: pointer;
       }
       .collapsible.active {
         width: 50%;
       }
       .collapsible-content-features {
         display: none;
         margin: 0 auto;
       }

       @media (max-width: 768px) {
         #featuresButtons {
           position:relative;
         }
         .buttonWrapper > button {
           margin-top: 12px;
           display:block;
           position: relative;
           font-size: 3.7vw;
         }
         .buttonWrapper > button::before{
           position:relative;
         }
         .collapsible-row {
           font-size: 3vw;
         }

         .collapsible-content-features{
           margin: auto;
           position:relative;
         }

       }
       @media (min-width: 768px) {
         .infoDisplay {
           display: none;
         }
       }
  @media (min-width: 1040px) {
    .buttonWrapper > button {
      font-size: 1.4vw;
    }
    .collapsible-row{
      font-size: 1.3vw;
    }
  }
  @media (min-width: 1440px){
    .buttonWrapper > button{
      font-size: 1.2vw;
    }
    .collapsible-row{
      font-size: 1.1vw;
    }
  }
.haj-divider {
    width: 100%;
    height: 31px;
    background-image: url('../assets/divider-image.png');
    background-repeat: repeat-x;
  }
.haj-product-grid-block {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
  }

  .haj-product-grid-wrapper {
    max-width: 1440px;
    width: 100%;
    padding: 0 64px 64px;
  }

  .haj-relative-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: 2em;
  }

  .haj-relative-wrapper h2 {
    color: #0D0D0D;
    font-size: 400px;
    margin: 0;
    line-height: 0.8;
  }

  .haj-relative-wrapper h4 {
    position: absolute;
    color: #FFFFFF;
    font-size: 70px;
    z-index: 2;
    font-family: 'RBNo2.1b';
  }

  .grid-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    align-items: center;
    grid-gap: 26px;
    justify-content: space-between;
  }


  .haj-grid-item {
    display: flex;
    grid-column: span 2;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 42px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 14px;
    margin: 13px;
    border: 2px solid #333333;
    height: 70vh;
  }
  .haj-grid-item:nth-last-child(3):first-child {
    grid-column: span 2;
  }

  .haj-grid-item:nth-last-child(3):nth-child(2),
  .haj-grid-item:nth-last-child(3):nth-child(3) {
    grid-column: span 1;
  }

  .haj-grid-item:nth-last-child(-n + 4):nth-child(n + 4),
  .haj-grid-item:nth-last-child(-n + 4):nth-child(n + 4) ~ .haj-grid-item {
    grid-column: span 1;
  }

  .haj-grid-item:hover {
    border: 2px solid #a8a8a8;
  }

  .grid-item-content{
    padding: 14px;
    border-radius: 14px;
  }

  .grid-item-content h2 {
    font-size: 68px;
    color: #FFFFFF;
    margin-bottom: 0;
  }

  .grid-item-content p {
    font-size: 14px;
    color: #FFFFFF;
    max-width: 506px;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 30px;
  }

  .grid-item-content a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 10px 18px;
    border-radius: 200px;
    text-decoration: none;
  }

  .grid-item-content a h4 {
    color: #FFFFFF;
    margin: 0;
  }

  .haj-big-btn:hover {
    background: #01659f !important;
  }

  @media (max-width: 768px) {

    .haj-grid-item {
      align-items: center;
      justify-content: center;
      padding: 20px;
      margin: 10px 0;
      background-size: cover;
      width: 100%;
      grid-column: span 2;
      height: 400px;
      overflow: auto;
    }

    .grid-item-content{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .haj-grid-item:nth-child(n + 4) {
      grid-column: span 2;
    }
    .haj-grid-item:hover {
      background-size: cover;
    }
    .haj-product-grid-wrapper {
      padding: 0 20px 20px;
    }
    .haj-relative-wrapper h2 {
      font-size: 127px !important;
    }
    .haj-relative-wrapper h4 {
      font-size: 39px;
    }
      .haj-grid-item:nth-last-child(3):first-child {
    grid-column: span 2;
  }

  .haj-grid-item:nth-last-child(3):nth-child(2),
  .haj-grid-item:nth-last-child(3):nth-child(3) {
    grid-column: span 2;
  }

  .haj-grid-item:nth-last-child(-n + 4):nth-child(n + 4),
  .haj-grid-item:nth-last-child(-n + 4):nth-child(n + 4) ~ .haj-grid-item {
    grid-column: span 2;
  }
  }

  @media (max-width: 1100px) {
    .haj-relative-wrapper h2 {
      font-size: 260px;
    }
    .grid-item-content h2 {
      font-size: 34px;
    }
  }
.haj-productslider-block {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden !important;
  }

  .info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .info-wrapper h4 {
    font-size: 18px;
    font-weight: 500;
    color: #909090;
    margin-bottom: 0;
    text-align: center;
  }
  .collection-title {
    font-weight: 500;
    text-align: center;
  }

  .info-wrapper h2 {
    font-size: 54px;
    font-weight: 450;
    color: #272727;
    margin-top: 24px;
    margin-bottom: 0;
    text-align: center;
  }

  .info-wrapper a {
    border: none;
    background: transparent;
    margin-bottom: 20px;
  }

  .info-wrapper a h4 {
    font-size: 18px;
    font-weight: 500;
    color: #D9702F;
    text-decoration: underline;
    margin-top: 0;
  }

  .haj-max-width {
    max-width: 100vw;
    width: 100%;
    padding-bottom: 84px;
    overflow-x: hidden !important;
  }

  .swiper-top-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .nav-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 900px;
    position: absolute;
    z-index: 2;
  }

  .product {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .swiper-slide > .product > img {
    height: 300px;
  }

  .haj-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 20px;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    position: relative;
  }

  .prev-slide img {
    width: 16px;
  }

  .next-slide img {
    width: 16px;
  }

  .swiper-pagination-horizontal {
    bottom: unset !important;
  }

  .swiper-pagination {
    z-index: 2 !important;
  }

  .swiper-button-disabled {
    border: none;
  }

  .disabled {
    display: none;
  }

  @media (max-width: 900px) {
    .haj-max-width {
      padding: 69px 0 20px;
    }
    .haj-productslider-block {
      overflow: hidden;
    }
    .haj-btn {
      display: none;
    }
    .swiper-slide > .product > img {
      height: 300px;
      width: 300px;
    }
  }
.haj-start-block-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
    padding: 64px;
    height: 100vh;
  }

  .haj-start-content-wrapper {
      max-width: 1440px;
      width: 100%;
      }

    .haj-start-content-wrapper a {
        display: flex;
        border-radius: 200px;
        padding: 14px 20px;
        text-decoration: none;
        max-width: fit-content;
        margin-bottom: 20px;
  }

  .haj-start-content-wrapper a h4 {
    margin: 0;
  }

  .haj-start-content-wrapper p {
    font-weight: 400;
    max-width: 492px;
    width: 100%;
    margin-bottom: 30px;
  }

  .videoWrapper #myVideo{
    width: 100vw;
    height: 100vh;
  }
  .haj-video-block-wrapper {
    display: flex;
    width: 100vw;
    justify-content: center;
    background-color: black;
  }

  .haj-video-block-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-size: cover;
    background-position: center;
    padding: 64px;
    height: 80vh;
    width:100%;
    max-width: 1440px;
  }

  .content {
    width: 100%;
  }

  .content p {
    color: {{ section.settings.paragraph_color }};
    font-weight: 400;
    max-width: 506px;
    width: 100%;
  }

  .content button h4 {
    font-weight: 500;
    text-decoration: underline;
  }

  .video-button {
    background: transparent;
    border: none;
    cursor: pointer;
  }

  .video-button > img {
    width: 100px;
  }

  .display-none {
    display: none;
  }

  .play-video {
    height: 80vh;
    width: 100%;
    max-width: 1440px;
  }

  .youtube {
    border-radius: 14px;
  }

  @media (max-width: 768px) {
    .haj-video-block-content {
    background-size: auto;
    background-position: 34%, 100%;
    height: 100%;
    }

    .content h1 {
      font-size: 48px;
    }

    video-button > img {
      width: 50px;
    }


    .youtube {
      border-radius: 0px;
    }
  }

  @media (max-width: 768px) {
    .haj-start-block-wrapper {
      padding: 20px;
      background-position: 62%, 100%;
    }

    .haj-start-content-wrapper h1 {
      font-size: 72px;
    }
  }
.haj-video-block-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px;
   /* margin-top: 3rem; */ 
  }

  .haj-video-block-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
    background-size: cover;
    background-position: center;
    padding: 64px;
    height: 80vh;
    max-width: 1440px;
    width: 100%;
    border-radius: 14px;
  }

  .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .content h1 {
    color: white;
    font-size: 108px;
    font-family: 'RBNo2.1b';
    margin: 0;
  }

  .content p {
    color: white;
    font-size: 14px;
    font-weight: 400;
    max-width: 506px;
    width: 100%;
  }

  .content button h4 {
    color: white;
    font-size: 16px;
    font-weight: 500;
    text-decoration: underline;
  }

  .video-button {
    background: transparent;
    border: none;
    cursor: pointer;
  }

  .video-button > img {
    width: 100px;
  }

  .display-none {
    display: none;
  }

  .play-video {
    height: 80vh;
    width: 100%;
    max-width: 1440px;
  }

  .youtube {
    border-radius: 14px;
  }

  @media (max-width: 768px) {
    .haj-video-block-content {
      padding: 20px;
      border-radius: 0px;
      background-position: 34%, 100%;
      height: 500px;
    }

    .content h1 {
      font-size: 48px;
    }

    .video-button > img {
      width: 50px;
    }

    .haj-video-block-wrapper {
      padding: 20px 0px;
    }

    .youtube {
      border-radius: 0px;
    }
  }
.haj-watch-block-wrapper {
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: flex-start;
      background-size: cover;
      background-position: center;
      padding: 0 64px;
      height: 70vh;
    }
    .watch-block-wrapper-mobile{
      display: none;
    }

    .haj-watch-content-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      max-width: 1440px;
      width: fit-content;
      border-radius: 12px;
      padding: 24px;
    }

    .haj-watch-content-wrapper a {
      display: flex;
      border-radius: 200px;
      padding: 14px 20px;
      text-decoration: none;
      max-width: fit-content;
      margin-bottom: 20px;
    }

    .haj-watch-content-wrapper a h4 {
      color: white;
      margin: 0;
    }

    .haj-watch-content-wrapper p {
      font-size: 14px;
      font-weight: 400;
      color: black;
      max-width: 492px;
      width: 100%;
      margin-bottom: 21px;
    }

    .haj-watch-content-wrapper h1 {
      font-size: 140px;
      font-weight: 450;
      font-family: 'RBNo2.1b';
      color: black;
      margin: 0;
      line-height: 1
    }
    .top_left {
    align-items: baseline;
    justify-content: start;
  }

  .top_center {
    align-items: center;
    justify-content: start;
  }

  .top_right {
    align-items: flex-end;
    justify-content: start;
  }

  .middle_left {
    align-items: baseline;
    justify-content: center;
  }

  .middle_center {
    align-items: center;
    justify-content: center;
  }

  .middle_right {
    align-items: flex-end;
    justify-content: center;
  }

  .bottom_left {
    align-items: baseline;
    justify-content: end;
  }

  .bottom_center {
    align-items: center;
    justify-content: end;
  }

  .bottom_right {
    align-items: flex-end;
    justify-content: end;
  }

  .content-btn:hover{
    background-color: #01659f !important;
  }

    @media (max-width: 768px) {
      .haj-watch-block-wrapper {
        display: none;
      }
      .watch-block-wrapper-mobile{
        display: flex;
        flex-direction: column;
        overflow: hidden;
      }

      .haj-watch-content-wrapper h1 {
        font-size: 72px;
      }
      .haj-watch-content-wrapper {
        padding: 20px;
      }
    }
#featuresTitle {
     display: flex;
     justify-content: center;
     align-items: center;
   }

   #featuresButtons {
     position: relative;
     left: 0;
     right: 0;
     display: flex;
     width: 100%;
     appearance: none;
   }

   #infoDisplay {
     position: relative;
     width: 100%;
     left: 0;
     right: 0;
     display: flex;
     flex-direction: column;
     justify-content: center;
     z-index: 1;
     padding: 3rem;
   }

   .banner-image {
     display: flex;
     align-items: center;
     flex-direction: column;
     justify-content: flex-start;
     background-size: cover;
     background-position: top;
   }
   .text-image {
     max-width: 400px;
   }

   .feature {
     display: flex;
     width: 100vw;
     height: auto;
   }


   .buttonWrapper {
     display: flex;
     flex-direction: column;
     align-items: center;
     width: 100%;
   }
   .buttonWrapper > button:hover,
   .buttonWrapper > button:focus,
   .buttonWrapper > button:active {
     color: #d9702f;
     text-decoration: none;
   }

   .buttonWrapper > button {
     position: relative;
     background-color: transparent;
     display: block;
     border: none;
     margin: 10px;
     padding: 10px;
     font-size: 1.7vw;
     font-weight: 300;
     cursor: pointer;
     text-transform: uppercase;
     transition: color 0.1s, background-color 0.1s, padding 0.2s ease-in;
     color: #000;
     z-index: 2;
   }
   .buttonWrapper > button::before {
     content: "";
     display: block;
     position: absolute;
     bottom: 3px;
     left: 0;
     height: 3px;
     width: 100%;
     background-color: #000;
     transform-origin: right top;
     transform: scale(0, 1);
     transition: color 0.1s, transform 0.2s ease-out;
   }
   .buttonWrapper > button:active::before {
     background-color: #000;
   }
   .buttonWrapper > button:hover::before,
   .buttonWrapper > button:focus::before {
     transform-origin: left top;
     transform: scale(1, 1);
   }
  @media (max-width: 768px) {
     #featuresButtons {
       flex-direction: column;
     }
     .buttonWrapper > button {
       margin-top: 12px;
       position: relative;
       font-size: 3.7vw;
     }
   }
   @media (min-width: 768px) {
     .infoDisplay {
       display: none;
     }
   }
    @media (min-width: 1040px) {
    .buttonWrapper > button {
      font-size: 1.4vw;
    }
  }
  @media (min-width: 1440px){
    .buttonWrapper > button{
      font-size: 1.2vw;
    }
  }
.visual-bar-container{
      display: flex;
      flex-direction: row;
      align-items:center;
      justify-content: center;
  }
  .visual-information{
      display: flex;
      flex-direction: column;
      margin: 2rem;
      max-width: 40%;
  }
  .inner-bar-container{
      display:flex;
      flex-direction: column;
  }

  .container-for-bar-text{
      display:flex;
      flex-direction: row;
      gap: 12px;
  }

  .visual-bar{
      display:flex;
      flex-direction: column;
      padding: .5rem 0;
      background-color: #f4f4f4;
      width: 92px;
  }
  .visual-bar.selected{
      background-color: darkgrey;
  }
  .visual-bar-container img{
      padding: 2rem;
  }
  @media (max-width: 768px){
      .visual-bar-container{
          flex-direction: column-reverse;
      }
      .visual-information{
          max-width: 90%;
      }
      .visual-bar{
          width: 64px;
      }
    .visual-bar-container img{
      width: 100vw;
    }
  }