.hero-banner {
     position: relative;
     --item-height: auto;
   }
   @media (min-width: 1140px) {
     .hero-banner {
       --item-height: calc(100vh - var(--header-height)) !important;
     }
   }
   .hero-banner--dense {
     --item-height: 300px;
   }
   @media (min-width: 768px) {
     .hero-banner--dense {
       --item-height: 480px;
     }
   }
   .hero-banner__item {
     background-position: center top;
     background-size: cover;
     background-repeat: no-repeat;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: var(--item-height);
     min-height: 236px;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     position: relative;
     max-width: 2560px;
     margin-left: auto;
     margin-right: auto;
     transition: initial;
   }
   .hero-banner--dense .hero-banner__item {
     align-items: center;
   }
   @media (max-width: 1139px) {
     .hero-banner__item {
       flex-direction: column;
     }
     .hero-banner--dense .hero-banner__item {
       flex-direction: row;
     }
   }
   @media (min-width: 1920px) {
     .hero-banner__item {
       min-height: 920px;
     }
   }
   .hero-banner__content {
     position: relative;
     z-index: 2;
     padding: 40px 0 60px;
   }
   @media (min-width: 768px) {
     .hero-banner__content {
       padding: 80px 0;
     }
   }
   @media (min-width: 992px) {
     .hero-banner__content {
       padding: 40px 0 80px;
     }
   }
   @media (min-width: 1140px) {
     .hero-banner__content {
       padding: 0;
     }
   }
   .hero-banner__content p {
     margin: 0;
   }
   .hero-banner__content .button, .hero-banner__content a.button {
     clear: both;
     margin-bottom: calc(var(--grid-gutter) * 2);
     margin-top: calc(var(--grid-gutter));
   }
   .hero-banner__headline {
     margin-bottom: 0;
   }
   .hero-banner__headline > span {
     background-color: none;
     color: #fff;
     display: table;
     padding: 0 var(--grid-gutter);
     font-size: var(--h1-font-size);
     line-height: var(--h1-line-height);
     font-weight: var(--h1-font-weight);
   }
   .hero-banner__headline--primary > span {
     color: var(--primary);
   }
   .hero-banner__headline > span > span {
     color: var(--primary);
   }
   .hero-banner__headline--with-sub > span:first-of-type {
     margin-bottom: calc(var(--grid-gutter) / 2);
   }
   @media (min-width: 768px) {
     .hero-banner .slider-nav {
       bottom: 20px;
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
     }
     .hero-banner .slider-nav button {
       border: 1px solid #fff;
       background: transparent;
     }
     .hero-banner .slider-nav button.tns-nav-active {
       background: var(--slider-pagination-color);
       border-color: var(--slider-pagination-color);
     }
   }
   @media (min-width: 768px) and (max-width: 1199px) {
     .hero-banner .tns-controls {
       bottom: 60px;
       top: auto;
     }
   }
   @media (min-width: 992px) {
     .hero-banner__content a.button {
       margin-bottom: 0;
     }
   }
   .hero-banner-video {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
   }
   .hero-banner-video .hs-video-wrapper, .hero-banner-video .hs-video-container, .hero-banner-video .hs-video-widget {
     height: 100%;
   }
   .hero-banner-video .hs-video-wrapper {
     height: 100% !important;
     padding-bottom: 0 !important;
   }
   .hero-banner .syn-slider {
     height: 236px;
     overflow-y: hidden;
   }
   @media (min-width: 768px) {
     .hero-banner .syn-slider {
       height: 400px;
     }
     .hero-banner.hero-banner--dense .syn-slider {
       height: 400px
     }
   }
   @media (min-width: 1400px) {
     .hero-banner .syn-slider {
       height: 600px;
     }
   }
   @media (min-width: 1600px) {
     .hero-banner.hero-banner--dense .syn-slider {
       height: 500px;
     }
   }
   @media (min-width: 1920px) {
     .hero-banner.hero-banner--dense .syn-slider {
       height: 600px;
     }
   }
   .hero-banner--dense .hero-banner__item {
     height: 300px;
   }
   @media (min-width: 768px) {
     .hero-banner--dense .hero-banner__item {
       min-height: 480px;
     }
   }
   .hero-banner--dense #Main_section-module-1-1-bg-image {
     position: absolute !important;
     width: 100%;
     height: 100%;
     overflow: hidden;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
   }
   .hero-banner--dense #Main_section-module-1-1-bg-image img {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 0;
     object-fit: cover;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
   }
   @media (min-width: 1140px) {
     #Main_section-module-1-1-bg-image {
       position: absolute !important;
       width: 100%;
       height: 100%;
       overflow: hidden;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
     }
     #Main_section-module-1-1-bg-image img {
       position: absolute;
       width: 100%;
       height: 100%;
       z-index: 0;
       object-fit: cover;
       top: 0;
       left: 50%;
       transform: translateX(-50%);
     }
   }



@media (min-width:768px) {
  :root {
    --banner-h4-font-size: 30px;
  }
}
@media (min-width:1140px) {
  :root {
    --banner-h4-font-size: 30px;
  }
}

:root {
	--banner-h4-font-size: 38px;
}




.hero-banner .h4 {
    font-size: var(--banner-h4-font-size);
    line-height: var(--h4-line-height);
}