.content-section-header{
  background-image: url("https://cdn2.hubspot.net/hubfs/243670/MaratekEquipmentBG-1.png"); 
}

.module-container-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.module-container-hero{
  /*margin-bottom:-195px;  */
}

.dropdown .solutionmenu ul li.hs-menu-item.hs-menu-depth-1:hover{
  border-radius:0;
}

.video-container {
  /*
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  padding: 0;
  margin: 0;
  */
}

#video-background {
  /*
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
  max-height: 50%;
  width: 100%;
  */
  max-height: 600px;
  margin: 0;
  padding: 0;
  /*
  max-height: 800px;
  max-width: 100%;
  width: 100%;
  left: 0;
  top: -200px;
  min-width: 100%; 
  min-height: 100%;
  object-fit: cover;
  object-position: top center;
  -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
  */
}

.homeintro {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
    margin-bottom: 0;
    padding-left: 10px!important;
}

.custom-header-wrapper .bottom-bar-wrapper .menu-wrapper .desktop-menu .hs-menu-wrapper .hs-menu-item.hs-menu-depth-1 {
    display: inline-block;
    position: relative;
    padding: 0px 5px;
}

.header-content-container{
  display:block;
  margin:0 auto;
  text-align:center;
  overflow: hidden;
  /*max-height: calc(100vh - 200px);*/
/*   margin-bottom: -135px; */
}

.homeintro{
 /*
 padding-top: 3em;
 padding-bottom: 3em;
 */
 background-color:rgba(239,238,238,0.00); /* video will go here */
}

.homeintro h1 {
  margin-top:0!important;
  margin-bottom: 0;
  /*padding-top:140px;*/
}

.homeintro h1:not(:last-child) {
  margin-bottom: 1.5em; 
}

.header-content-container h1{
 font-size:48px;
  color:#ffffff!important;
  text-shadow: 2px 2px 2px #000000;
  text-align:center;
  font-family: Arial Rounded Bold!important;
  margin-top:0!important;
  font-weight: normal;
  /*padding-top:150px;*/
}

.solutioncontainer{
 display:flex;
  flex-direction:row;
  position: relative;
    top: -200px;
  z-index:999;
}

.solutioncontainer.page-center{
 max-width:1080px;
  margin:0 auto;
 padding-top: 160px;
}

.solutioncard{
 display:flex;
  flex-direction:column;
  width:355px;
  padding:30px;
  background-color: rgba(246,243,242,0.8);
  border-radius:25px;
  margin:10px;
}

.solutioncard p{
 text-align:left;
  font-size:16px;
}

.solutioncard h2{
 text-align:left;
  font-size:20px;
  margin-top:0;
}

.solutionmenu{
 position:absolute; 
}

 .solutionmenu ul li.hs-menu-item.hs-menu-depth-1{
  padding:5px;
  background-color:#ffffff;
  display:flex;
  flex-direction:column;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    
    white-space: nowrap!important;
    max-width: 290px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.solutionmenu .hs-menu-wrapper.hs-menu-flow-horizontal>ul{
 margin-top:0!important;
 display: flex;
 flex-direction:column;
}


.solutionmenu li:hover{
  background:#F9F9F9!important;
} 

.hs-menu-wrapper.active-branch.flyouts.hs-menu-flow-horizontal a:hover{
 color:#2e9d2c; 
}

/* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown .solutionmenu ul li.hs-menu-item.hs-menu-depth-1 {
  display: none;
/*   position: absolute; */
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
   background-color: #ffffff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .solutionmenu ul li.hs-menu-item.hs-menu-depth-1 {
  display: flex;
 flex-direction:column;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}


@media all and (max-width: 980px) {
  
  .module-container-hero{
  margin-bottom:0px;  
}
  
  /*
   #video-background {
 position: absolute;
 left: 0;
  top: 0;
  max-width: 100%;
  height: -webkit-fill-available;
  width: 100%;
  object-fit: cover;
  object-position: top;
} */
  
 .solutioncontainer{
 display:flex;
   margin:0 auto;
  flex-direction:column;
   position: relative;
    top: 70px!important;
   padding-bottom:60px;
}
  
  .solutioncard {
    max-width: 85%;
    display: flex;
    margin: 10px auto!important;
}
  .solutioncard img{
    max-width:75%;
    display:block;
    margin:0 auto;
}
  .solutioncard{
    max-width:100%; 
    display:inline-flex;
    margin:10px;
  }
  
  .header-content-container{
  margin-bottom: 0!important;
}
  

@media all and (max-width: 767px) {
  
  .solutioncontainer.page-center {
    max-width: 1080px;
    margin: 0 auto;
    padding-top: 1px;
}

  
  .homeintro h1  {
    font-size: 36px!important;
    color: #ffffff !important;
    text-align: center;
    font-family: Arial Rounded Bold !important;
    margin-top: 0 !important;
}
  
 .solutioncard{
    width:100%!important; 
    display:inline-flex;
    margin:10px;
  }
  
  .solutioncard img{
    max-width:100%;
    display:block;
    margin:0 auto;
}
  
  .header-content-container .homeintro h1{
   font-size:22px!important; 
  }

}