:root {
  --font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --navy: #092340;
  --dark-teal: #234C5A;
  --mhm-gray: #020202;
}


@media (min-width:768px) {
  .md\:text-name {
    font-size: 20px;
  }

  .md\:text-position {
    font-size: 12px;
  }

  .md\:text-biography {
    font-size: 14px;
  }
}


.mhm-font-base {
  font-family: var(--font-family);
}


@media (max-width:767.98px) and (orientation:landscape) {
  .mhm-landscape-scroll {
    position: fixed !important;
    overflow-y: auto !important;
  }


  /* width */
  ::-webkit-scrollbar {
    width: 3px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--navy);
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--navy) !important;
  }
}


@media screen and (min-width:992px) {
  .mhm-whitespace-nowrap {
    white-space: nowrap;
  }
}


@keyframes bounce-chevron {
  0% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-70px);
  }

  100% {
    transform: translateY(0);
  }
}



.prompt-arrow-wrap {
  position: fixed;
  z-index: 1;
  left: 50%;
  width: 10em;
  height: 10em;
  border-radius: 50%;
  font-size: 0.5em;
  display: block;
  animation-name: bounce-chevron;
  animation-timing-function: ease;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}


.bg-darkteal {
  background-color: var(--dark-teal);
}

.text-productfilter,
.text-department,
.text-locationfilter {
  color: #b9c3ba;
}

.valign-middle {
  vertical-align: middle !important;
}

.valign-top {
  vertical-align: top !important;
}

.mhm-products-listsm {
  position: relative;
  z-index: 3;
  display: none;
}

.mhm-products-list a:hover h3,
.mhm-department-list a:hover h3 {
  color: var(--navy) !important;
}

.mhm-industries-listsm,
.mhm-industries-listIndustrysm {
  position: relative;
  z-index: 3;
  display: none;
}

.mhm-industries-list a:hover h3,
.mhm-industries-listIndustry a:hover h3,
.mhm-location-list a:hover h3 {
  color: var(--navy) !important;
}

.mhm-brands-listsm {
  position: relative;
  z-index: 3;
  display: none;
}

.mhm-brands-list a:hover h3 {
  color: var(--navy) !important;

}

.productfilter i,
.departmentfilter i,
.locationfilter i {
  transition: all 1.5s linear;
}

.mhm-industries-list,
.mhm-products-list,
.mhm-brands-list,
.mhm-department-list,
.mhm-location-list,
.mhm-industries-listIndustry,
.mhm-products-listIndustry,
.mhm-brands-listIndustry {
  position: relative;
  z-index: 3;
  display: none;
}

@media (min-width:768px) {

  .mhm-products-list,
  .mhm-industries-list,
  .mhm-brands-list,
  .mhm-department-list,
  .mhm-location-list,
  .mhm-industries-listIndustry,
  .mhm-products-listIndustry,
  .mhm-brands-listIndustry {
    position: absolute;
    height: auto;
    max-height: 24rem;
    overflow-y: auto;
    background-color: rgba(248, 248, 248, .95);
  }

  .mhm-products-list a,
  .mhm-industries-list a,
  .mhm-brands-list a,
  .mhm-department-list a,
  .mhm-location-list a,
  .mhm-industries-listIndustry a,
  .mhm-brands-listIndustry a,
  .mhm-department-listIndustry a {
    padding-left: .7rem;
    padding-right: .7rem;
  }


  .mhm-products-list a:hover,
  .mhm-industries-list a:hover,
  .mhm-brands-list a:hover,
  .mhm-department-list a:hover,
  .mhm-location-list a:hover,
  .mhm-industries-listIndustry a:hover,
  .mhm-brands-list a:hover,
  .mhm-products-listIndustry a:hover {
    font-weight: 500;
    color: var(--navy);
  }
}

@media (min-width:1536px) {
  .\2xl\:px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }
}


@media (min-width:1670px) {
  .mhm-pl-64 {
    padding-left: 16rem;
  }

  .mhm-pr-32 {
    padding-right: 8rem;
  }
}



@media (min-width:1600px) {
  .mhm-px-32 {
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .mhm-px-40 {
    padding-left: 10rem;
    padding-right: 10rem;
  }


  .mhm-pl-32 {
    padding-left: 8rem;
  }

  .mhm-pl-40 {
    padding-left: 10rem;
  }

  .mhm-pr-40 {
    padding-right: 10rem;
  }


}

@media (min-width:1280px) {
  .product-item-name {

    min-height: 64px;
  }
}

.keycatname {
  font-size: .875rem !important;
}

.border-b-1 {
  border-bottom-width: 1px;
}

.text-mhm-gray {
  color: var(--mhm-gray) !important;
}


@media (min-width:1024px) {
  .searchbar {
    position: absolute;
    right: 0rem;
    transition: all .5s ease-in-out;
  }
}


.brandname,
.productname,
.sectorname,
.departmentname,
.locationname {
  color: var(--mhm-gray);
}

.product-item {
  transition: all .3s linear;
}

.customer-logo {

  transform: translateY(-50%);
}

@media (min-width:1024px) {
  .filter-seperator {
    right: 12rem;
  }
}

.bg-menu {
  background: url("https://mhmautomation.com/data/images/221206_MHM_Mega-Menu-AMRs_DARK.webp");
  background-repeat: no-repeat;
  background-size: cover;

}

.menu-item a:hover {
  color: #B9C4BA;
}

.menu-item a:hover .menu-item-leaves:after {
  opacity: 1;
  transform: translateX(70%);
}


.menu-item-leaves:after {
  content: url("data:image/svg+xml, %3Csvg viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M1 1L9 8.5L1 16' stroke='white'/%3E%3C/svg%3E");
  width: 11px;
  transform: translateX(-100%);
  transition: all .3s ease-in-out;
  vertical-align: middle !important;
  display: inline-block;
  opacity: 0;

}


#mainContentSm {
  position: absolute;
  top: 0%;
}

.logo-sm {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  animation: logo 1s forwards 4s;
}

@media (min-width:768px) {

  #mainContentSm,
  .logo-sm {
    display: none !important;
  }

}

.z-index-1000 {
  z-index: 1000;
}





.quick-nav-grid a:hover,
.quick-nav-grid div:hover {
  color: #fff !important;
}

.quick-nav-grid a span:after,
.quick-nav-grid div span:after {
  display: block;
  content: '';
  border-bottom: solid 2px #fff;
  transform: scaleX(0);
  transition: transform .5s ease-in-out;

}

.quick-nav-grid a:hover span:after,
.quick-nav-grid div:hover span:after {
  transform: scaleX(1);
}


@media (max-width:1024.98px) {
  .mhmNav {
    background-color: var(--navy);
  }
}

@media (min-width:768px) {
  .w-70 {
    width: 70%;
  }
}

#website {
  display: none;
}

.form-success {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.form-error {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

@media screen and (min-width:1280px) {
  .mhm-casestudyinner {
    position: absolute;
    left: 5%;
    top: 49%;
  }
}

@media (min-width:768px) {
  .mhm-productsage {
    position: absolute;
  }

  .-left75 {
    left: -7.5%;
    top: 0;
  }

  .-left55 {
    left: -5.5%;
    top: 51%;
  }

  .-left15 {
    left: -1.5%;
    top: 75%;
  }

  .-left75c {
    left: -7.5%;
    top: 0;
  }

  .-left55c {
    left: -5.5%;
    top: 51%;
  }

  .-left15c {
    left: -1.5%;
    top: 10%;
  }
}

.productdescription p,
.newsdescription p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.productdescription a,
.newsdescription a {
  color: var(--navy);
  text-decoration: underline;
}

.productdescription h2,
.newsdescription h2 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  color: var(--navy);
  font-weight: bold;
  font-size: 1.25rem;
}

.productdescription h3,
.newsdescription h3 {
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #a3afa6;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.has-list-items ul,
.has-list-items ol {
  display: list-item;
  text-align: -webkit-match-parent;
  vertical-align: middle !important;
  list-style-type: none !important;
  margin-left: 0;
}

.has-list-items ul li,
.has-list-items ol li {
  vertical-align: top !important;
}

.has-list-items ul li:before,
.has-list-items ol li:before {
  content: url('../images/svg/right-arrow.svg');
  vertical-align: middle !important;
  position: absolute;
  left: 0;
}

.has-list-items ul li div,
.has-list-items ol li div {
  margin-left: 1.5rem;
}



.related-document {
  border: 2px solid var(--navy);
  padding: 1px;
  text-transform: capitalize;
}

.apply-now {
  border: 2px solid var(--navy);
  padding: 1px;
  text-transform: none;
}

.iframe-container {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio */
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.videoPlayButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  color: #fff;
}

.has-list-items li a {
  font-weight: bold;
  text-decoration: none;
}

.toggle-brand {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.country-tab-content,
.service-tab-content,
.job-tab-content,
.daigram-tab-content {
  display: none;
}

.accord-icon {
  font-weight: bold;
  float: right;
  right: 0;
  top: 0;
  width: 1em;
  height: 1em;
  line-height: inherit;
  font-size: 1.25rem;
  text-align: center;
  margin-top: 0.1rem;
}

option:hover {
  background-color: yellow !important;
}

.productNext,
.bNext {
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  width: 7%;
  height: 100%;
  background-repeat: no-repeat;
}

.productPrev,
.bPrev {
  position: absolute;
  left: 0;
  top: 0;
  right: auto;
  width: 7%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 500;
}

.productPrevButton {
  position: absolute;
  top: 0;
  right: 2rem;
  height: 2rem;
  width: 2rem;
  background-color: var(--navy);
}

.productNextButton {
  position: absolute;
  top: 0;
  right: 0;
  height: 2rem;
  width: 2rem;
  background-color: var(--navy);
}



.bNext,
.bPrev {
  width: 4%;
}

@media (max-width:767.98px) {

  .bNext,
  .bPrev {
    width: 10%;
    background-color: rgba(9, 35, 64, .5);
  }

  .productNext,
  .productPrev {
    width: 10%;
    background-color: rgba(35, 76, 90, .5);
  }

}

.productPrev:hover,
.productNext:hover {

  background-color: rgba(35, 76, 90, .5);
}

.bPrev:hover,
.bNext:hover {
  background-color: rgba(9, 35, 64, .5);
}

@media screen and (min-width:1024px) and (max-width:1535.98px) {
  .fixedContact {
    position: fixed;
    max-width: 24rem;
  }
}

@media screen and (min-width:1536px) and (max-width:1919.98px) {
  .fixedContact {
    position: fixed;
    max-width: 30rem;
  }
}



@media screen and (min-width:1920px) {
  .fixedContact {
    position: fixed;
    max-width: 36rem;
  }
}

.carouselcounter {
  position: absolute;
  right: 5rem;
  padding-top: .25rem;
}


.job-description a {
  border: 2px solid var(--navy);
  padding-left: 1rem;
  padding-top: 0.34rem;
  padding-bottom: 0.25rem;
  padding-right: 1rem;
  text-transform: capitalize;
  font-size: 1rem;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}


.job-description a:after {
  font-family: unicons-line;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  text-decoration: inherit;
  text-transform: none;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\eb9f';
  padding-left: .2rem;
  vertical-align: middle;
}


.job-description a:hover {
  background-color: var(--navy);
  color: #fff;
}

.interest-in-job {
  display: none;
}

.searchField {
  border: 2px solid #FFFFFF;
}


/*
@media screen and (min-width:1280px)
{
  .searchForm
  {
    width: 60% !important;
  }
}
*/
.mhmFlexSearch {
  display: block;
}

@media screen and (min-width:1280px) {
  .mhmFlexSearch {
    display: flex;
  }

  .xl\:px-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.svg-hover,
.svg-hover-external {
  cursor: pointer;
  transition: all .3s linear;
  will-change: auto !important;
}

.svg-hover:hover,
.svg-hover-external:hover {
  opacity: .5
}

text {
  font-size: 13px;
  font-family: var(--font-family) !important;
  letter-spacing: normal !important;
  font-weight: 600 !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

text tspan {
  letter-spacing: normal !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

svg,
text,
tspan {

  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
}

.small-daigram text,
.small-daigram text tspan {
  font-size: 18px !important;
  font-family: var(--font-family) !important;
  letter-spacing: normal !important;
  font-weight: 600 !important;
}

.transform-daigram {
  transform: translateY(5%);
  opacity: 0;
}



.location-filter {
  transition: all .3s linear;
  border-bottom: 2px solid transparent;
}

.location-filter.active {
  color: var(--navy);
  border-bottom: 2px solid var(--navy);
}

.location-address::before {
  content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23092340' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z'%3E%3C/path%3E%3Ccircle cx='12' cy='11' r='3'%3E%3C/circle%3E%3Cpath d='M17.657 16.657L13.414 20.9a1.998 1.998 0 0 1 -2.827 0l-4.244-4.243a8 8 0 1 1 11.314 0z'%3E%3C/path%3E%3C/svg%3E");
  margin-top: 3px;
}


.reset-map-zoom {
  left: 5%;
  bottom: 5%;
  z-index: 20;
  color: #fff;
  background: var(--navy);
  border: 0;
  margin: 10px;
  padding: 5px 10px;
  position: absolute;
  cursor: pointer;
  user-select: none;
  border-radius: 2px;
  box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  font-weight: 600;
}

.gm-style {
  font: unset !important;
  font-family: var(--font-family) !important;
}

.gm-style .gm-style-iw {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 0.875rem;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
}

.gm-style .gm-style-iw h3,
.gm-style .gm-style-iw h4,
.gm-style .gm-style-iw p {
  font-size: 15px;
  color: var(--navy);
}

.gm-style .gm-style-iw h4 {
  color: #a3afa6 !important;
}

.gm-style .gm-style-iw h2 {
  color: #a3afa6 !important;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #a3afa6 !important;
}

.gm-style .gm-style-iw h3 {
  font-weight: 600;
  padding-top: 0.5rem;
}

.gm-style .gm-style-iw button {
  width: 40px !important;
  height: 40px !important;
  top: 0 !important;
  right: 0 !important;
  outline: none !important;
}

.gm-style .gm-style-iw button span {
  margin: auto !important;
  width: 20px !important;
  height: 20px !important;
}

@media screen and (min-width:768px) {
  .fixed-image {
    position: fixed;
    width: calc((100vw - 8.5rem) / 3);
  }
}

@media screen and (min-width:1024px) {
  .fixed-image {
    position: fixed;
    width: calc((100vw - 12.875rem) / 3);
  }
}

select,
input {
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}

.text-sage {
  color: #a3afa6 !important;
}

.hamburger {
  padding: unset !important;
}

@media (min-width: 768px) {
  .hamburger {
    margin-bottom: 0.25rem !important;
  }
}

.hamburger-inner.bg-white,
.hamburger-inner.bg-white:after,
.hamburger-inner.bg-white:before,
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  background-color: #FFF;
  height: 0.1rem !important;
  border-radius: unset !important;
}

.hamburger-inner.bg-navy,
.hamburger-inner.bg-navy:after,
.hamburger-inner.bg-navy:before {
  background-color: var(--navy);
  height: 0.1rem !important;
  border-radius: unset !important;
}

.hamburger--spring .hamburger-inner {
  transition: none !important;
}

.hamburger-box,
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  width: 35px !important;
}