﻿/*
 * Source style matrix, Axalta Irus Mix (body.theme_color9, axbase, live Computed):
 * Accent / headlines / hr / btn-default: #000000
 * Body text: #1e1e1e 15px/22px Arial, mb15
 * H1 headlineContent: #000 30px/39px Arial 400 center; hr 227Г—2 #000 mt10 mb35
 * H2 headlineContent lead: #000 22px/29px Arial 400 center
 * H1 centered section bands: #000 30px bold center
 * H2 centered section subheads: #000 22px center
 * H3 feature titles: #000 20px bold left (desktop col-6)
 * Video panel (grey bgGreen): #06a082 flat, white text area padding
 * Grey step cards (textComponent + mediaTeaser.grey): #eaeaea flat; step H1 30px bold center
 * Step card body p: #6d6e71 16px/22px center
 * horizontalLine hr: full-width #6d6e71 1px
 * btn-default: border 2px #000, color #000; hover bg #000 color #fff
 * MoodImage: full-width banner, dark neutral overlay (theme_color9)
 * Feature grid: col-lg-3 + col-lg-6 + col-lg-3; 16:9 images
 * Process row: col-lg-4 logo + col-lg-8 text
 * Steps row: col-lg-4 Г— 3
 * Wistia: vw7449cycy via E-v1.js
 */

.irus-mix-page {
  --imix-accent: #000000;
  --imix-text: #1e1e1e;
  --imix-muted: #6d6e71;
  --imix-breadcrumb: #868686;
  --imix-grey: #eaeaea;
  --imix-green: #06a082;
  --imix-rule: #6d6e71;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  color: var(--imix-text);
}

.irus-mix-page,
.irus-mix-page *,
.irus-mix-page *::before,
.irus-mix-page *::after {
  box-sizing: border-box;
}

.imix-moodImage {
  position: relative;
  width: 100%;
  margin: 0;
  overflow: hidden;
  line-height: 0;
  background: var(--imix-grey);
}

.imix-moodImage::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(-8deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.15));
}

.imix-moodImage picture,
.imix-moodImage img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}

.imix-moodImage img {
  aspect-ratio: 1600 / 402;
  object-fit: cover;
  object-position: center center;
}

.irus-mix-page > .container {
  padding-top: 0;
}

.imix-breadcrumb {
  margin: 0 0 12px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 20px;
  color: var(--imix-breadcrumb);
}

.imix-breadcrumb a {
  color: inherit;
  text-decoration: none;
}

.imix-breadcrumb a:hover,
.imix-breadcrumb a:focus-visible {
  color: var(--imix-accent);
}

.imix-breadcrumb-sep {
  display: inline-block;
  margin: 0 0.55em;
}

.imix-breadcrumb-sep::before {
  content: "\2192";
}

.imix-replica {
  padding-bottom: 35px;
}

.imix-replica .headlineContent {
  margin: 0;
}

.irus-mix-page .imix-replica .component.headline {
  margin: 0 0 30px;
  text-align: center;
}

.irus-mix-page .imix-replica .component.headline h1#imix-title {
  margin: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3;
  text-transform: none;
  text-align: center;
  color: var(--imix-accent);
}

.irus-mix-page .imix-replica .component.headline h2.imix-lead-h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
  text-transform: none;
  text-align: center;
  color: var(--imix-accent);
}

.irus-mix-page .imix-replica .component.headline hr {
  width: 227px;
  height: 0;
  margin: 10px auto 35px;
  border: 0;
  border-top: 2px solid var(--imix-accent);
  background: transparent;
}

.imix-section-block {
  margin: 0 0 10px;
  padding: 0;
}

.imix-col-full {
  width: 100%;
  padding: 0 15px;
}

.imix-video-panel {
  margin: 0 0 30px;
  padding: 0;
  background: var(--imix-green);
}

.imix-video-panel .wistia_responsive_padding {
  margin: 0;
}

.irus-mix-page .imix-replica .component.textComponent.imix-text-center {
  margin: 0 0 30px;
  text-align: center;
}

.irus-mix-page .imix-replica .component.textComponent.imix-text-center h1.imix-center-h1 {
  margin: 0 0 15px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: none;
  text-align: center;
  color: var(--imix-accent);
}

.irus-mix-page .imix-replica .component.textComponent.imix-text-center h2.imix-center-h2 {
  margin: 0 0 15px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
  text-transform: none;
  text-align: center;
  color: var(--imix-accent);
}

.irus-mix-page .imix-replica .component.textComponent.imix-text-center p {
  margin: 0 0 15px;
  font-size: 15px;
  line-height: 22px;
  color: var(--imix-text);
}

.irus-mix-page .imix-replica .component.textComponent.imix-text-center p:last-child {
  margin-bottom: 0;
}

.imix-divider {
  margin: 0 0 30px;
  padding: 0 15px;
}

.imix-divider hr {
  width: 100%;
  margin: 0;
  border: 0;
  border-top: 1px solid var(--imix-rule);
}

.imix-divider--mobile-only {
  display: none;
}

.imix-full-image {
  margin: 0 0 30px;
  padding: 0 15px;
  line-height: 0;
}

.imix-full-image img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}

.imix-feature-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  align-items: flex-start;
}

.imix-feature-side {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px;
}

.imix-feature-main {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 15px;
}

.irus-mix-page .imix-replica .component.mediaTeaser.imix-feature-media {
  margin: 0 0 30px;
  background: transparent;
}

.irus-mix-page .imix-replica .component.mediaTeaser.imix-feature-media .img {
  line-height: 0;
}

.irus-mix-page .imix-replica .component.mediaTeaser.imix-feature-media .img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.irus-mix-page .imix-replica .component.textComponent.imix-feature-text {
  margin: 0 0 30px;
}

.irus-mix-page .imix-replica .component.textComponent.imix-feature-text h3.imix-feature-h3 {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: none;
  text-align: left;
  color: var(--imix-accent);
}

.irus-mix-page .imix-replica .component.textComponent.imix-feature-text p {
  margin: 0;
  font-size: 15px;
  line-height: 22px;
  color: var(--imix-text);
}

.imix-process-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  align-items: flex-start;
}

.imix-process-logo {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding: 0 15px;
}

.imix-process-text {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
  padding: 0 15px;
}

.irus-mix-page .imix-replica .component.mediaTeaser.imix-process-media .img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.irus-mix-page .imix-replica .imix-process-text .component.textComponent h2.imix-process-h2 {
  margin: 0 0 15px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
  text-transform: none;
  text-align: left;
  color: var(--imix-accent);
}

.imix-btn-wrap {
  margin: 0 0 30px;
  text-align: center;
}

.irus-mix-page .imix-replica .btn.imix-cta {
  display: inline-block;
  padding: 10px 31px 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  text-transform: none;
  background-color: transparent;
  border: 2px solid var(--imix-accent);
  border-radius: 3px;
  color: var(--imix-accent);
}

.irus-mix-page .imix-replica .btn.imix-cta:hover,
.irus-mix-page .imix-replica .btn.imix-cta:focus-visible {
  background-color: var(--imix-accent);
  border-color: var(--imix-accent);
  color: #fff;
}

.imix-steps-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.imix-step-col {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
  padding: 0 15px 30px;
}

.irus-mix-page .imix-replica .component.textComponent.imix-step-head {
  margin: 0;
  padding: 15px;
  text-align: center;
  background: var(--imix-grey);
}

.irus-mix-page .imix-replica .component.textComponent.imix-step-head h1.imix-step-h1 {
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: none;
  text-align: center;
  color: var(--imix-accent);
}

.irus-mix-page .imix-replica .component.mediaTeaser.imix-step-card {
  margin: 0;
  background: var(--imix-grey);
}

.irus-mix-page .imix-replica .component.mediaTeaser.imix-step-card .img img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.irus-mix-page .imix-replica .component.mediaTeaser.imix-step-card .text {
  padding: 15px 20px 20px;
  text-align: center;
  background: var(--imix-grey);
}

.irus-mix-page .imix-replica .component.mediaTeaser.imix-step-card .text p {
  margin: 0 0 15px;
  font-size: 16px;
  line-height: 22px;
  color: var(--imix-text);
}

.irus-mix-page .imix-replica .component.mediaTeaser.imix-step-card a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.imix-contact-desktop {
  display: block;
  margin: 0 0 15px;
  line-height: 0;
}

.imix-contact-mobile {
  display: none;
  margin: 0 0 15px;
  line-height: 0;
}

.imix-contact-desktop img,
.imix-contact-mobile img {
  display: block;
  width: 100%;
  height: auto;
}

.imix-back-top {
  margin: 0 0 30px;
  padding: 0 15px;
  text-align: center;
}

.imix-back-top a {
  font-size: 15px;
  color: var(--imix-text);
  text-decoration: underline;
}

.imix-back-top a:hover,
.imix-back-top a:focus-visible {
  color: var(--imix-accent);
}

@media (max-width: 991px) {
  .imix-feature-side,
  .imix-feature-main,
  .imix-process-logo,
  .imix-process-text,
  .imix-step-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .imix-feature-side--right {
    order: 3;
  }

  .imix-feature-main {
    order: 2;
  }

  .imix-feature-side--left {
    order: 1;
  }

  .imix-divider--mobile-only {
    display: block;
  }

  .imix-step-col {
    padding-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .irus-mix-page .imix-replica .component.headline h1#imix-title {
    font-size: 26px;
  }

  .imix-contact-desktop {
    display: none;
  }

  .imix-contact-mobile {
    display: block;
  }
}
