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

.module {
  width: 25%;
  @include breakpoint(mn-768) {
    width: 100%;
  }
}*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
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; }

.rcp_message .rcp_error {
  color: #ff6161;
  font-size: 1.2rem;
  border: 1px solid #ff6161;
  padding: 8px 12px;
  background-color: #fff6f6;
  border-radius: 3px;
  text-align: center; }
  @media (min-width: 768px) {
    .rcp_message .rcp_error {
      font-size: 1.4rem; } }

.woocommerce-NoticeGroup .woocommerce-error {
  color: #ff6161;
  font-size: 1.2rem;
  border: 1px solid #ff6161;
  padding: 8px 12px;
  background-color: #fff6f6;
  border-radius: 3px; }
  @media (min-width: 768px) {
    .woocommerce-NoticeGroup .woocommerce-error {
      font-size: 1.4rem; } }

.cart-empty.woocommerce-info {
  color: #2d4561;
  font-size: 1.2rem;
  border: 1px solid #2d4561;
  padding: 8px 12px;
  background-color: #fff;
  border-radius: 3px; }
  @media (min-width: 768px) {
    .cart-empty.woocommerce-info {
      font-size: 1.4rem; } }

.woocommerce-error {
  color: #ff6161;
  font-size: 1.2rem;
  border: 1px solid #ff6161;
  padding: 8px 12px;
  background-color: #fff6f6;
  border-radius: 3px; }
  @media (min-width: 768px) {
    .woocommerce-error {
      font-size: 1.4rem; } }

/* aie home page our engines section design changes */
/* home page video width fix */
.video_outer .hm-video-item_eq .__youtube_prefs__ {
  width: 100%; }

.royal-img-container {
  min-height: 650px; }

.aie-pr-section {
  padding-top: 4rem;
  padding-bottom: 5rem;
  background-color: #ffff;
  font-family: 'Open Sans', sans-serif; }

.aie-pr-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  display: grid;
  justify-content: center;
  grid-gap: 1% 1.6%;
  grid-template-columns: repeat(auto-fit, minmax(23.6%, 1fr)); }
  @media (max-width: 767px) {
    .aie-pr-container {
      grid-template-columns: repeat(auto-fit, minmax(48%, 1fr)); } }

.aie-pr-section-heading {
  grid-column: 1/ -1;
  max-width: 700px;
  justify-self: center;
  padding-left: 15px;
  padding-right: 15px; }

.aie-pr-h2 {
  font-size: 50px;
  text-transform: uppercase;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0.34em; }
  @media (max-width: 767px) {
    .aie-pr-h2 {
      font-size: 24px; } }

.aie-pr-h5 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 3em; }
  @media (max-width: 767px) {
    .aie-pr-h5 {
      font-size: 1.8px; } }

.aie-pr-card {
  background-color: #f9f9f9; }

.aie-pr-card__title {
  font-size: 24px;
  font-weight: 500;
  color: #707070; }
  @media (max-width: 1024px) {
    .aie-pr-card__title {
      font-size: 20px; } }

.aie-pr-card__graphic {
  display: grid;
  grid-template-columns: auto;
  justify-items: center;
  padding: 30px 11% 20px;
  margin: 0; }
  .aie-pr-card__graphic > img {
    margin-bottom: 10px;
    width: 100%;
    height: auto; }

/* aie home page our engines */
.aie-enq-section {
  padding-top: 4rem;
  padding-bottom: 5rem;
  background-color: #ffff;
  font-family: 'Open Sans', sans-serif; }

.aie-enq-container {
  margin: 0 auto;
  max-width: 960px;
  padding-left: 15px;
  padding-right: 15px; }

.aie-enq-section-heading {
  grid-column: 1/ -1;
  max-width: 700px; }
  .aie-enq-section-heading .aie-pr-h2,
  .aie-enq-section-heading .aie-pr-h5 {
    text-align: left; }

.aie-enq-progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  max-width: 800px;
  margin-bottom: 40px; }

.aie-enq-progress__item {
  position: relative; }
  .aie-enq-progress__item:after {
    content: "";
    position: absolute;
    top: 1em;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #bebebe;
    margin-top: 2px; }
  .aie-enq-progress__item:last-of-type:after {
    display: none; }
  .aie-enq-progress__item.aie-enq--step-completed:after {
    background-color: #ff7a7e; }

.aie-enq-progress__item__count {
  position: relative;
  z-index: 2;
  width: 2em;
  height: 2em;
  display: grid;
  place-items: center;
  font-weight: 600;
  line-height: 1;
  border-radius: 50%;
  font-weight: 400;
  background-color: #e9e9e9;
  border: 2px solid #bebebe;
  box-shadow: 0 0 0px 4px white; }
  .aie-enq--step-completed .aie-enq-progress__item__count {
    color: #fff;
    background-color: #ff7a7e;
    border: 2px solid #ff7a7e; }

.aie-enq-progress__item__title {
  position: relative;
  padding-top: 4px;
  max-width: 82px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  color: #7a7a7a; }
  .aie-enq--step-completed .aie-enq-progress__item__title {
    color: #303030; }

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%; }

.aie-publication--listing--container {
  max-width: 900px; }

.pub--listing--item {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 30px;
  border-bottom: 1px solid #E5E5E5;
  padding-bottom: 40px;
  margin-bottom: 40px; }

.icon-publication {
  font-size: 7rem; }

.pub--date {
  color: #9E9E9E;
  font-size: 17px; }

.pub--listing--heading {
  font-size: 21px;
  font-weight: 600;
  margin: 2px 0 14px; }
  .pub--listing--heading > a {
    color: #242424;
    text-decoration: none; }
    .pub--listing--heading > a:hover {
      text-decoration: underline; }

a.pub--readmore-link {
  color: #FF7878;
  text-decoration: none;
  display: inline-block;
  margin-top: 4px; }
  a.pub--readmore-link:hover {
    text-decoration: underline; }

main.pub-detail--wrap {
  display: grid;
  grid-template-columns: 1fr 33%;
  grid-column-gap: 8%; }

.pub-detail--heading {
  margin: 7px 0 25px;
  font-size: 26px; }
  .pub-detail--heading > em {
    font-weight: 400;
    font-style: normal;
    color: #5e5e5e;
    color: #00773d; }

.pub--related-topic {
  margin-top: 24px; }

.pub--tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: 4px; }

.pub--related-topic--tag {
  flex-basis: auto;
  padding: 2px 20px;
  border-radius: 20px;
  background-color: #98989d;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none; }
  .pub--related-topic--tag:hover, .pub--related-topic--tag:focus {
    background-color: #747476; }

.pub-aside-header {
  display: inline-grid;
  gap: 20px; }
  .pub-aside-header > img {
    width: 70px; }

.large-download-btn {
  border: 1px solid #c61c20;
  padding: 12px 36px;
  border-radius: 30px;
  color: #c61c20;
  margin-top: 25px;
  display: inline-block;
  text-decoration: none;
  display: flex; }
  .large-download-btn:hover, .large-download-btn:focus {
    background-color: #ff6f6f;
    color: #fff;
    border-color: #ff6f6f; }
  .large-download-btn > em {
    margin-left: 10px;
    align-self: center; }

.pub-detail--aside {
  background-color: #F9F9F9;
  border-radius: 3px;
  padding: 30px 35px; }

.pub-detail--aside--content {
  display: grid;
  margin-top: 40px; }
  .pub-detail--aside--content > dd {
    margin-left: 0;
    margin-bottom: 20px;
    font-size: 14px; }
    .pub-detail--aside--content > dd:last-of-type {
      margin-bottom: 0; }
  .pub-detail--aside--content > dt {
    font-weight: 600; }

.commentmetadata > a {
  font-size: 12px;
  color: #979797; }

/*  AIE blog page featured section
//  _aie-blog-featured-225cs-section.scss
*/
abbr[data-original-title], abbr[title] {
  border-bottom: none !important;
  cursor: inherit !important;
  text-decoration: none !important; }

.aie-bl-featured--225cs {
  --featured-225-bg: grey;
  --featured-225-text-color: #344854;
  --featured-btn-color: hsl(359deg 99% 72%);
  --featured-btn-hover-color: hsl(359deg 99% 69%); }

.aie-bl-featured-panel__jumper {
  color: #8E8E8E;
  display: inline-block;
  margin-bottom: 13px;
  font-style: italic; }

.aie-bl-featured-panel {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 22px;
  padding: 40px 29px 40px 30px;
  background: conic-gradient(from 177deg at 38% 57%, #f0fbf1 1%, #fdf9ee 17%, #f8edfc 55%, #ecf2fe 77%, #f0fbf1 100%); }
  .aie-bl-featured-panel:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 6px;
    background-image: conic-gradient(from 177deg at 38% 57%, #f0fbf1 1%, #fdf9ee 17%, #f8edfc 55%, #ecf2fe 77%, #f0fbf1 100%);
    top: 0;
    transform: translateY(-11px); }

.figure-caption-sr {
  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; }

.aie-bl-featured__title {
  font-size: 32px;
  color: var(--featured-225-color);
  line-height: 1.2;
  margin: 4px 0 18px; }
  .aie-bl-featured__title em {
    display: block;
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 0.5em;
    background-color: #f1e0f9;
    padding: 4px 13px;
    border-radius: 3px;
    color: #ab84bd;
    width: max-content; }

.aie-bl-featured__left-col {
  margin: 0; }
  .aie-bl-featured__left-col .featured-graphic {
    max-width: 100%; }

.aie-bl-featured__right-col p {
  max-width: 565px; }

.aie-bl-metrix--container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 7%;
  margin-top: 20px;
  margin-bottom: 50px; }

.aie-bl-metrix {
  display: flex;
  flex-direction: column; }

.aie-bl-metrix__label {
  margin-top: 0;
  margin-bottom: 0.15em;
  color: #567A8F;
  font-size: 16px;
  font-weight: 600; }

.aie-bl-metrix__value {
  color: #344854;
  font-size: 20px;
  font-weight: 700; }

.featured-panel__btn {
  display: inline-block;
  padding: 12px 36px;
  color: #fff;
  text-decoration: none;
  background-color: var(--featured-btn-color);
  border: 1px solid var(--featured-btn-color);
  border-radius: 3px; }
  .featured-panel__btn:hover, .featured-panel__btn:focus {
    background-color: var(--featured-btn-hover-color);
    border: 1px solid var(--featured-btn-hover-color); }

.aie-news-pr-rl-detail--container {
  max-width: 2000px;
  font-size: 18px; }

.aie-news-pr-rl-detail--article {
  display: grid;
  grid-template-columns: 1fr 22% 10px minmax(270px, 740px) 10px 22% 1fr;
  font-weight: 400; }
  .aie-news-pr-rl-detail--article > * {
    grid-column: 4; }
  .aie-news-pr-rl-detail--article > p {
    line-height: 1.8; }
  .aie-news-pr-rl-detail--article > .pr-rl-hero-figure,
  .aie-news-pr-rl-detail--article > .pr-rl-supporting-figure {
    grid-column: 2 / -2; }
  .aie-news-pr-rl-detail--article .pr-subtitle {
    font-size: 30px;
    font-weight: 600;
    color: #333; }

.aie-news-pr-rl-detail--header {
  max-width: 830px;
  margin-bottom: 40px; }

.pr-rl-detail--heading {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 40px;
  color: #333;
  font-weight: 600;
  letter-spacing: -.02em;
  line-height: 1.375; }

.pr-rl-header-sec-meta {
  font-weight: 600; }

.pr-rl-header-prime-meta {
  font-size: 14px;
  display: inline-grid;
  grid-template-columns: auto auto auto;
  column-gap: 12px;
  align-items: center;
  margin-bottom: 10px; }
  .pr-rl-header-prime-meta em {
    font-style: normal; }

.pr-rl-hero-figure {
  grid-column: 2 / -2;
  margin: 0;
  margin-bottom: 40px; }
  .pr-rl-hero-figure .fig-img-holder {
    background-color: #f7f7f7;
    aspect-ratio: 1590 / 826;
    display: flex; }

.fig-caption {
  font-size: 12px;
  max-width: 650px;
  color: grey;
  max-width: 740px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto; }

.mw-100 {
  max-width: 100%; }

.w-100 {
  width: 100%; }

.pr-rl-supporting-figure {
  grid-column: 2 / -2;
  margin: 0;
  margin-top: 40px;
  margin-bottom: 35px; }
  .pr-rl-supporting-figure .fig-img-holder {
    background-color: #f7f7f7;
    display: flex;
    aspect-ratio: 519 / 522; }

.pr-figure-img-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  gap: 1%; }

.pr-quote-highlihted {
  font-size: 30px;
  font-weight: 500;
  margin: 10px 0; }

/*# sourceMappingURL=aie-website-design-changes-2.css.map */