#futureIndustry {
  background-image: url(/sites/default/files/2023-08/bg-dark-futurelights.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  min-height: 95vh; }
  #futureIndustry .futureSecondRow {
    transform: translateY(-21%); }
  #futureIndustry .contentHex {
    position: relative;
    z-index: 2; }
    #futureIndustry .contentHex figure .popout {
      display: none;
      background: rgba(40, 41, 41, 0.96);
      position: absolute;
      bottom: 0;
      left: 0;
      transform: translate(10px, calc(100% - 30px));
      width: 200%;
      text-align: left;
      color: #fff;
      padding: 20px 50px; }
      #futureIndustry .contentHex figure .popout.show {
        display: block; }
      #futureIndustry .contentHex figure .popout:before, #futureIndustry .contentHex figure .popout:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        border: 2px solid #fed100;
        border-radius: 50%; }
      #futureIndustry .contentHex figure .popout:before {
        width: 15px;
        height: 15px;
        transform: translate(20px, -210%); }
      #futureIndustry .contentHex figure .popout:after {
        width: 1px;
        height: 50px;
        transform: translate(26.5px, -17px); }
    #futureIndustry .contentHex figure.customPopout {
      transition: all 0.1s ease-out; }
    #futureIndustry .contentHex figure:hover {
      cursor: pointer;
      opacity: 0.8; }
    #futureIndustry .contentHex figure figcaption h6 {
      font-family: "Roboto Condensed", sans-serif; }

.hyperBgHex,
.omaxBgHex {
  position: relative;
  height: 250px; }

.hyperBgHex:before,
.omaxBgHex:before,
.hyperBgHex:after,
.omaxBgHex:after {
  content: " ";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 95%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.hyperBgHex:before,
.hyperBgHex:after {
  background-image: url(/themes/custom/omaxb5/assets/images/svgs/bg-hypertherm-red-hex.svg);
  opacity: 0.56; }

.omaxBgHex:before,
.omaxBgHex:after {
  background-image: url(/themes/custom/omaxb5/assets/images/svgs/bg-omax-red-hex.svg);
  opacity: 0.31; }

.futureD img,
.currentD img {
  width: 40px; }

.animateLine {
  fill: none;
  stroke: #fff;
  stroke-width: 17px;
  stroke-dasharray: 1353px;
  stroke-dashoffset: 1353px;
  animation: move 3s linear infinite; }

@media (max-width: 767.98px) {
  .futureSecondRow {
    transform: translateY(0); }

  #futureIndustry .contentText {
    width: 100%; }

  .hyperBgHex:before,
  .omaxBgHex:before,
  .hyperBgHex:after,
  .omaxBgHex:after {
    width: 75%;
    right: 0;
    margin: 0 auto; } }
@media (max-width: 991.98px) {
  .hyperBgHex,
  .omaxBgHex {
    position: relative;
    height: 350px; }

  .futureSecondRow {
    transform: translateY(-12%); } }
@keyframes move {
  100% {
    stroke-dashoffset: 0; } }

/*# sourceMappingURL=futureWaterjets.css.map */