/* lato-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('//24905721.fs1.hubspotusercontent-eu1.net/hubfs/24905721/raw_assets/public/hydraut-theme/fonts/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('//24905721.fs1.hubspotusercontent-eu1.net/hubfs/24905721/raw_assets/public/hydraut-theme/fonts/lato-v24-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('//24905721.fs1.hubspotusercontent-eu1.net/hubfs/24905721/raw_assets/public/hydraut-theme/fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('//24905721.fs1.hubspotusercontent-eu1.net/hubfs/24905721/raw_assets/public/hydraut-theme/fonts/lato-v24-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('//24905721.fs1.hubspotusercontent-eu1.net/hubfs/24905721/raw_assets/public/hydraut-theme/fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('//24905721.fs1.hubspotusercontent-eu1.net/hubfs/24905721/raw_assets/public/hydraut-theme/fonts/lato-v24-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('//24905721.fs1.hubspotusercontent-eu1.net/hubfs/24905721/raw_assets/public/hydraut-theme/fonts/lato-v24-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url('//24905721.fs1.hubspotusercontent-eu1.net/hubfs/24905721/raw_assets/public/hydraut-theme/fonts/lato-v24-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}







/* 1a. Containers */




/* 1b. Colors */



/* 1c. Typography */


/* 1d. Buttons */



/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */


/* 1h. Website footer */






/*.content-wrapper {
  max-width: var(--bs-breakpoint-xl);
}
*/

.dnd-section,
.sect,
.content-wrapper--vertical-spacing {
  padding: var(--bs-sect-py-mobile) 1rem;
}

@media (min-width:992px) { 
  .dnd-section,
  .sect,
  .content-wrapper--vertical-spacing {
    padding: var(--bs-sect-py) 1rem;
  }
}

/*
.dnd-section > .row-fluid {
  max-width: var(--bs-breakpoint-xl);
}
*/



  @media (min-width: 576px) {
    .content-wrapper { 
      max-width: 540px;
    }
    .dnd-section > .row-fluid {
      max-width: 540px;
    }
  }

  @media (min-width: 768px) {
    .content-wrapper { 
      max-width: 720px;
    }
    .dnd-section > .row-fluid {
      max-width: 720px;
    }
  }

  @media (min-width: 992px) {
    .content-wrapper { 
      max-width: 960px;
    }
    .dnd-section > .row-fluid {
      max-width: 960px;
    }
  }

  @media (min-width: 1200px) {
    .content-wrapper { 
      max-width: 1140px;
    }
    .dnd-section > .row-fluid {
      max-width: 1140px;
    }
  }

  @media (min-width: 1400px) {
    .content-wrapper { 
      max-width: 1200px;
    }
    .dnd-section > .row-fluid {
      max-width: 1200px;
    }
  }




#main-content > .container,  
#main-content > .container-fluid{
  padding: 0;
  margin:0;
}   






.mb-title {
  margin-bottom: 1.5rem;
}

.mt-title {
  margin-top: 1.5rem;
}

/*html {
  font-size: ;
}
*/



/* Paragraphs */
/*
p {
  ;
}
*/
/* Anchors */

/*a {
  ;
  color: ;
}

a:hover,
a:focus {
  ;
  color: ;
}

a:active {
  ;
  color: ;
}

blockquote {
  border-left-color: ;
}*/





}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  ;
  color: ;
  background-color: ;
  border-radius: ;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  ;
  background-color: rgba(#null, 0.0);
  border-color: ;
}

#}










/* Table */

  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}

table>:not(caption)>*>* {
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  padding: 0.5rem;
}
#}

/* Table cells */

  
  color: ;
}
#}

/* Table header */









/*.menu__link,*/








/* Blog post */













.systems-page{
  padding:0;
}

.btn-smalltext {
  font-size: 0.813rem;
  letter-spacing: 0.5px;
  --bs-btn-border-radius:25px;
}

.btn-white {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-color: #fff;
  --bs-btn-disabled-color: #fff;
}
 
.herogradient{
  position:relative;
  min-height: 100vh;
  display: flex;
  margin-top: -70px;
  align-items: center;
}

.herogradient > div {  
  position: relative;
  z-index: 2;
}
 
.herogradient:before {
  background: linear-gradient(135deg, #040709, #008ad0);
  opacity: 0.6;
  content:'';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.catcard .itemwrapper{
  position:relative;  
  background-color: white;
  box-shadow: 0 8px 16px rgb(0 0 0 / 10%);
  border-radius: 32px;
  padding-bottom: 21px;
  transition: all .45s;
}

.catcard:hover .itemwrapper{
  transform: translateY(-5px);
  cursor: pointer;
  box-shadow: 0 20px 30px -10px #26394d !important;
}

.mcards .catcard .itemwrapper{
  gap: 1rem;
  padding-bottom:30px;
}

.catcard.withwarranty:before{
  content:'';
  display:block;
  position:absolute;
  top: -30px;
  left:50%;
  transform:translateX(-50%);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow:hidden;
  background-image: url('//24905721.fs1.hubspotusercontent-eu1.net/hubfs/24905721/raw_assets/public/hydraut-theme/images/hydraut-warranty-24.png');
  background-repeat:no-repeat;
  background-size: cover;
  background-position:center center;
  z-index: 5;
}

.catcard .stretched-link::after{
  z-index: 10;
}


.catcard .mcards__cnt{
  padding-left:30px;
  padding-right:30px;
}

.catcard .mimage{
  aspect-ratio: 1 / 1;
  position:relative;
  overflow:hidden;
  max-width: 67%;
  margin: 0 auto;

}

.catcard .mimage img{
  object-fit: contain;
  object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
}

.catcard .mcards__cnt h4 {
  margin-bottom:2rem;
}

.catcard .mcards__cnt p {
 color: var(--bs-secondary);
}


.modheading.withunderline {
  display: inline-block;
  margin-bottom: 16px;
}

.modheading.withunderline::after{
  background-color: var(--bs-primary);
  content:'';
  height:2px;
  width: 40%;
  height: 3px;
  display:block;
  margin-top: 12px;
}


.mcards.iconsrow .itemwrapper:before{
  display:none;
}


.iconsrow .mimage img {
  height: 60px !important;
  width: auto;
}




.modimagecarousel{
  position:relative;
}

.modimagecarousel .swiper-button-next, .modimagecarousel .swiper-button-prev{
  transform: translateY(-50%);
  color: var(--bs-secondary);
}

.modimagecarousel .swiper-button-next:after, .modimagecarousel .swiper-button-prev:after{
  font-size: 16px;
}