/*!
 * AIE websites changes
 */
/* See how it is using.

.module {
  width: 25%;
  @include breakpoint(mn-768) {
    width: 100%;
  }
}*/
abbr[data-original-title], abbr[title] {
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important; }

.aie-icon {
  fill: currentColor;
  width: 1em;
  height: 1em;
  /* Nice visual alignment for icons alongside text.
     (I got a few questions about this and: with most
     fonts and styles, this works better than just
     vertical-align:middle. Try it and see what you
     like best. */
  vertical-align: -0.15em;
  /* Paths and strokes that overflow the viewBox can
     show in IE. If you use normalize.css, it already
     sets this. */
  overflow: hidden; }

body {
  font-family: 'Open Sans', sans-serif;
  line-height: 1.6;
  font-size: 16px; }

.aie-section-title {
  margin-bottom: 36px;
  font-size: 30px;
  font-weight: 300;
  color: #cc1c22;
  text-align: center;
  text-transform: uppercase; }

.aie-custom-container {
  padding-top: 70px;
  padding-bottom: 70px; }

.aie-engine-variant--section .aie-custom-container {
  max-width: 800px; }

.aie-engine-variant--wrapper {
  display: grid;
  grid-gap: 5%;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  justify-content: center; }

.engine-varient-card {
  margin: 0;
  border: 1px solid #e5e5e5;
  border-radius: 0.5em;
  box-shadow: 0px 0px 30px -2px #8b8b8b57; }

.engine-varient-card__link {
  display: grid;
  padding: 2.5em;
  text-decoration: none;
  color: inherit; }
  .engine-varient-card__link:hover .aie-link-wrap {
    color: #a11519; }
  .engine-varient-card__link > img {
    justify-self: center;
    max-width: 100%;
    margin-bottom: 10px; }

.aie-card-title {
  margin: 0 0 10px; }

.aie-forward-arrow {
  font-size: 0.9em; }

.aie-fig-caption {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  clip-path: inset(50%);
  border: 0; }

.key-benefits-wrapper {
  display: grid;
  grid-gap: 2em 10%; }
  @media (min-width: 768px) {
    .key-benefits-wrapper {
      grid-template-columns: repeat(2, 1fr); } }

.column-content-block .aie-content-title {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 16px; }

.highlight-feature .ico-generator {
  background-image: url(images/icon-generator.png); }

.product_quiries-btn-wrapper {
  display: inline-grid;
  grid-template-columns: auto  auto;
  grid-column-gap: 13px; }
  .product_quiries-btn-wrapper .link-datasheet-ico {
    grid-area: 2 /1/auto /-1;
    margin-top: 20px; }

.aie-custom-container {
  max-width: 1153px;
  margin-left: auto;
  margin-right: auto; }

.aie-ancillaries--wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-gap: 4em 4%; }

.aie-ancillary--item {
  display: grid;
  grid-template-rows: auto 1fr; }
  .aie-ancillary--item > img {
    justify-self: center;
    max-width: 100%;
    height: auto; }

.aie-ancillary--metadata {
  align-self: end; }

.aie-ancillary--name {
  font-size: 18px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 400;
  color: #333; }

.aie-ancillary--partno,
.aie-ancillary--weight {
  font-size: 14px;
  text-align: center;
  color: #7b7b7b; }

.product-buid-intro {
  padding: 40px 0; }
  .product-buid-intro .pd-hero-img > img {
    max-width: 100%; }

.sec-key-highlight.sec-dark-grey {
  background-color: #595a5c; }

.aie-build-form-title {
  font-size: 30px; }

.aie-build-row-wrapper {
  display: grid;
  grid-template-columns: 49% 49%;
  grid-gap: 0 2%; }

.end-use-of-engine .wpcf7-checkbox,
.market-sector .wpcf7-checkbox {
  display: grid; }

.input-container.aie-engine-contact {
  margin-bottom: 30px; }

.aie-engine-contact .number-of-units {
  width: 120px;
  display: block; }

.aie-engine-contact .additionalinformation {
  display: block;
  max-width: 750px; }

.aie-engine-contact label {
  font-weight: 500; }
.aie-engine-contact > label {
  max-width: 700px;
  font-weight: 700; }

.wpcf7-not-valid-tip {
  font-size: 0.8em; }

.aie-engine-interaction--figure {
  position: relative;
  max-width: 900px;
  margin: 0 auto; }
  .aie-engine-interaction--figure .arpm-placeholder {
    position: relative;
    display: block;
    overflow: hidden; }
    .aie-engine-interaction--figure .arpm-placeholder > img,
    .aie-engine-interaction--figure .arpm-placeholder > video {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: auto; }
    .aie-engine-interaction--figure .arpm-placeholder .progressive-media {
      display: block;
      width: 100%;
      height: 100%;
      filter: blur(20px);
      transform: scale(1.1); }

.int-part-information--container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.int-part-information__item {
  position: absolute;
  top: 0;
  display: grid; }

.int-part-information__item__icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 4px;
  color: #fff;
  font-weight: 600;
  background-color: #FFC107;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #ffaa2a73;
  transition: all ease 150ms;
  cursor: pointer; }
  .item-active .int-part-information__item__icon {
    transform: rotate(45deg);
    background-color: #ff9900;
    box-shadow: 0 0 0 3px #ff990045, -1px 2px 20px 6px #ffb42ca6; }

.int-part-information__item__popover {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  left: 100%;
  transform: translateX(10px);
  border: 2px solid #dedede;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0px 0px 34px -6px #8b8b8b57; }
  .item-active .int-part-information__item__popover {
    visibility: visible; }
  .int-part-information__item__popover .aie-ancillary--item {
    min-width: 180px;
    min-height: 160px;
    padding: 15px 8px; }
  .int-part-information__item__popover .aie-ancillary--partno,
  .int-part-information__item__popover .aie-ancillary--weight {
    font-size: 12px; }
  .int-part-information__item__popover .aie-ancillary--name {
    font-size: 16px; }

.int-part-1 {
  top: 62.5%;
  left: 12%; }

.int-part-2 {
  top: 61.5%;
  left: 2%; }

.int-part-3 {
  top: 67%;
  left: 57.3%; }

.int-part-4 {
  top: 43%;
  left: 19.3%; }

.int-part-5 {
  top: 90%;
  left: 50.3%; }

.int-part-6 {
  top: 15%;
  left: 63.3%; }

.int-part-7 {
  top: 44%;
  left: 64.3%; }

.int-part-8 {
  top: 43%;
  left: 43%; }

.int-part-9 {
  top: 82%;
  left: 31.3%; }

.int-part-10 {
  top: 26%;
  left: 80.3%; }

.int-part-11 {
  top: 69%;
  left: 70.3%; }

.heavy-fuel-225cs_interaction .int-part-11 {
  top: 62%;
  left: 68.3%; }

/*# sourceMappingURL=build-225cs.css.map */