header .navbar {
    z-index: 9999999999999;
}
.homepage #mainBanner {
    margin: auto;
    position: relative;
    top: -124px;
    margin-bottom: -124px;
}
.homepage #mainBanner .background-container{
    position: relative;
    height: inherit;   
}
.homepage #mainBanner .slick-list.draggable {
    margin: auto;
}
.homepage #mainBanner .home-banner-slick-carousel .slick-dots li button:before {
    font-size: 12px;
}
.homepage #mainBanner .slick-slider .slick-track {
    height: 730px;
    margin: auto;
}
.homepage #mainBanner .background-container iframe,
.homepage #mainBanner .background-container img {
    width: 100%;
    height: inherit;
}
.homepage #mainBanner .background-container iframe{
    pointer-events: none;
}

.homepage #mainBanner .background-container .banner-info {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 1260px;
    width: 100%;
    color: #fff;
    transform: translate(-50%, -25%);
    text-align: center;
    padding: 0 10px;
}
.homepage #mainBanner .background-container .banner-info h1 {
    font-size: 4.33333em;
    margin-top: 0px;
    line-height: 1.0000em;
    font-family: "ff-good-headline-web-pro-con";
}    
.homepage #mainBanner .background-container .banner-info .tagline {
    margin-bottom: 0;
    font-size: 3em;
    font-family: "ff-good-headline-web-pro-con";
}
.homepage #mainBanner .background-container a {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 35px;
}
.homepage .font-orange {
    color: #F15629;
}
.homepage .description .container {
    max-width: 595px;
    margin: auto;
    padding: 0 20px;
    text-align: center;
    margin: 50px auto 50px;
}
.homepage .description .title {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 8px;
    font-weight: 800;
    font-size: 22px;
    line-height: 24px;
}
.homepage .description .content {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 25px;
}
.homepage .description .orange-btn {
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    display: inline-block;
    font-weight: 800;
    color: #fff;
    background-color: #F15629;
    border-radius: 6px;
    font-size: 12px;
    line-height: 12px;
    max-width: 200px;
    width: 100%;
    padding: 12px 0;
}
.homepage .card-box .card-wraper ,
.homepage .card-slider .card-wraper {
    display: flex;
    max-width: 820px;
    margin: 0 auto;
    justify-content: space-between;
}
.homepage .card-box .card-wraper .card {
    width: calc((100% / 2) - 15px);
    position: relative;
}
.homepage .card-slider .card-wraper .card {
    width: calc((100% / 3) - 10px);
    position: relative;
}
.homepage .card-box .card-wraper .card img,
.homepage .card-slider .card-wraper .card img {
    width: 100%;
}
.homepage .card-box .card-wraper .card .card-content,
.homepage .card-slider .card-wraper .card .card-content {
    position: absolute;
    bottom: 6px;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    color: #fff;
}
.homepage .card-box .card-wraper .card .card-content {
    max-width: 316px;
}
.homepage .card-box .card-wraper .card .card-content .title,
.homepage .card-slider .card-wraper .card .card-content .title {
    font-weight: 800;
    font-size: 23px;
    line-height: 24px;
    margin: 0 0 5px;
}
.homepage .card-box .card-wraper .card .card-content .title span,
.homepage .card-slider .card-wraper .card .card-content .title span {
    display: block;
}
.homepage .card-box .card-wraper .card .card-content .card-desc,
.homepage .card-slider .card-wraper .card .card-content .card-desc {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 10px;
}
.homepage .card-box .card-wraper .card .card-content a,
.homepage .card-slider .card-wraper .card .card-content a {
    font-weight: 800;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    position: relative;
    display: block;
}
.homepage .arrow-right {
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #fff;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: 1px;
}
.homepage .image-section {
    padding: 0 15px
}
.homepage .wide-img {
    max-width: 1000px;
    width: 100%;
    margin: 20px auto;
    position: relative;
}
.homepage .wide-img img {
    width: 100%;
}
.homepage .wide-img .img-content {
    position: absolute;
    top: 50%;    
    transform: translateY(-50%);
    left: 10%;
    color: #fff;
    max-width: 400px;
    width: 100%;    
    box-sizing: border-box;
}
.homepage .wide-img .img-content .title {
    font-size: 36px;
    line-height: 36px;
    font-weight: 800;
    margin: 0 0 8px
}
.homepage .wide-img .img-content .title span {
    display: block;
}
.homepage .wide-img .img-content .img-desc {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin: 0 0 18px;
    max-width: 315px;
    width: 100%;
}
.homepage .wide-img .img-content a {
    font-weight: 800;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
}
.homepage .wide-img .img-content a .arrow-right {
    width: 0; 
    height: 0; 
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #fff;
    display: inline-block;
    margin-left: 4px;
    position: relative;
    top: 1px;
}
.homepage .image-section .card-slider .card-wraper .slick-nav {
    top: 50%;
    transform: translateY(-50%);
}
.homepage .image-section .card-slider .card-wraper .card {
    margin: 0 10px;
}
.homepage .image-section .card-slider .card-wraper .slick-rap-next {
    right: -8%;
}
@media (max-width: 992px) {
    .homepage .image-section .card-slider .card-wraper .slick-rap-prev {
        left: -3%;
    }
    .homepage .image-section .card-slider .card-wraper .slick-rap-next {
        right: -3%;
    }
}
@media (max-width: 796px) {
    .homepage .card-slider .card-wraper {
        max-width: 350px;
    }
}
@media (max-width: 768px) {
    .homepage #mainBanner .background-container .banner-info h1 {
        font-size: 9vw;
        margin-bottom: 1vh;
        margin-top: 100px;
    }
    .homepage #mainBanner .background-container .banner-info .tagline {
        font-size: 6vw;
    }
    .homepage .wide-img .img-content .title {
        font-size: 24px;
        line-height: 28px;
    }   
}
@media (max-width: 767px) {
    header #mynavbar {
        z-index: 1;
        position: relative; 
    }
    .homepage .image-section {
        padding: 0 15px;
    }
    .homepage .wide-img {
        max-width: 500px;
    }
    .homepage .card-box .card-wraper {
        flex-direction: column;
        gap: 20px;
        max-width: 350px;
    }
    .homepage .card-slider .card-wraper .card,
    .homepage .card-box .card-wraper .card {
        width: 100%;
    }
    .homepage .wide-img img {
        position: relative;
        z-index: 1;
    }
    .homepage .wide-img .img-content {
        max-width: 100%;
        position: relative;
        background-image: linear-gradient(to bottom, #000, #000);
        left: 0;
        padding: 20px 20px 50px 20px;
        bottom: 13px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        transform: translateY(0px);
    }
    .homepage .wide-img .img-content .img-desc {
        max-width: 100%;
    }
    .homepage #mainBanner .slick-slider .slick-track {
        height: 520px;
    }
}
@media (min-width: 768px) {
    header .header-top {
        z-index: 2;
        position: relative;
        height: auto;
    }
    header nav#mynavbar {
        padding-top: 0;
        z-index: 1;
    }
    header .header-top .utility-links ul {
        margin: 0;
        flex-wrap: wrap;
    }
}
.homepage #mainBanner .background-container iframe {
    display: block !important;
    height: 100%;
}
@media (min-width: 1299px) {
    .homepage #mainBanner .background-container iframe {
        height: calc((100vw) / (16/9));
        pointer-events: none;
    }
}
.homepage .card-box .card-wraper .card:not(.na_en) .card-content {
    max-width: 100%;
    padding-bottom: 10px;
}
.homepage .card-box .card-wraper .card.na_en.STOCK.UP .card-content {
    max-width: 100%;
}
.homepage .card-box .card-wraper .card:not(.na_en) .card-content .card-desc {
    letter-spacing: -0.5px;
    margin-bottom: 8px;
}
.homepage .card-box .card-wraper .card.vital .card-content .title {
    display: none;
}
.homepage .card-box .card-wraper .card:not(.na_en) {
    height: 350px;
}
.homepage .card-box .card-wraper .card:not(.na_en) img {
    height: 100%;
    object-fit: cover;
    object-position: 6% bottom;
    border-radius: 25px;
}
.homepage .card-box .card-wraper .card.eu_de {
    height: 440px;
}
@media (min-width: 768px) {
  .homepage .wide-img .img-content.vital .img-desc {
      max-width: 250px;
  }
}
@media (min-width: 768px) and (max-width: 850px) {
  .homepage .card-box .card-wraper .card:not(.na_en) {
      height: 375px;
  }
  .homepage .card-box .card-wraper .card.eu_de {
      height: 500px;
  }
  .homepage .wide-img .img-content.vital .img-desc {
      margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .homepage .card-box .card-wraper .card:not(.na_en) {
      height: 375px;
  }
  .homepage .card-box .card-wraper .card:not(.na_en) .card-content {
      padding-bottom: 7px;
  }
  .homepage .card-box .card-wraper .card.eu_de {
      height: 500px;
  }
  .homepage .wide-img .img-content.vital {
    padding-bottom: 25px;
  }
}
@media (min-width: 768px) and (max-width: 850px) {
  .homepage .wide-img .img-content.vital {
      top: 67%;
      left: 9%;
  }
}
@media (min-width: 851px) {
  .homepage .wide-img .img-content.vital {
      top: 64%;
  }
}
@media (min-width: 991px) {
  .homepage .wide-img .img-content.vital {
      top: 62%;
      left: 9%;
  }
}
.homepage .card-box .card-wraper .card.eu_pl {
    height: 505px;
}
.homepage .card-box .card-wraper .card.eu_fr {
    height: 470px;
}
@media (max-width: 779px) {
  .homepage .card-box .card-wraper .card.eu_fr {
      height: 505px;
  }
}
@media (max-width: 359px) {
  .homepage .card-box .card-wraper .card.eu_fr, .homepage .card-box .card-wraper .card.eu_de {
      height: 543px;
  }
  .homepage .card-box .card-wraper .card.eu_pl {
    height: 610px;
  }
}
@media (min-width: 851px) {
  .homepage .card-box .card-wraper .card.la_es {
      height: 385px;
  }
}
@media (max-width: 359px) {
  .homepage .card-box .card-wraper .card.la_es {
      height: 430px;
  }
}
.homepage .card-box .card-wraper .card.eu_it {
    height: 460px;
}
@media (max-width: 374px) {
  .homepage .card-box .card-wraper .card.eu_it {
      height: 490px;
  }
}
.homepage .card-slider .card-content .title {
    word-break: break-word;
}