#innovationLab .oem-background {
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0.353) 100%);
}

#innovationLab .oem-background img {
  opacity: 0.7;
}

.page-hero {
  background: url("/application/themes/ilac/img/landing-pages/idemitsu-hero-landing.jpg");
}

.inverted .hero-copy {
  color: white;
}

.inverted .hero-copy p {
  font-weight: 200;
}

.home-tiles {
  display: block;
}

@media (min-width: 992px) {
  .home-tiles {
    display: none;
  }
}

.home-tiles > .home-tile {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 600px) {
  .home-tiles > .home-tile {
    background-size: 200px;
  }
}

@media (min-width: 768px) {
  .home-tiles > .home-tile {
    min-height: 320px;
  }
}

@media (min-width: 940px) {
  .home-tiles > .home-tile:nth-of-type(2) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }

  .home-tiles > .home-tile:nth-of-type(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }

  .home-tiles > .home-tile:nth-of-type(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }

  .home-tiles > .home-tile:nth-of-type(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }
}

@media (min-width: 992px) {
  .home-tiles > .home-tile {
    min-height: 1px;
  }
}

@media (min-width: 1200px) {
  .home-tiles > .home-tile {
    background-size: 115px;
  }
}

@media (min-width: 1440px) {
  .home-tiles > .home-tile {
    background-size: 160px;
  }
}

.home-tiles > .home-tile .home-tile-image {
  position: absolute;
  width: 160px;
  max-width: none;
  height: auto;
  right: 1rem;
  bottom: 1rem;
  z-index: 1;
}

@media (min-width: 600px) {
  .home-tiles > .home-tile .home-tile-image {
    width: 200px;
  }
}

.home-tiles > .home-tile .home-tile-image.zepro-bottle-tile {
  position: relative;
}

@media (min-width: 1200px) {
  .home-tiles > .home-tile .home-tile-image.zepro-bottle-tile {
    width: 220px;
  }
}

@media (min-width: 992px) {
  .home-tiles > .home-tile .home-tile-image:not(.zepro-bottle-tile) {
    top: 1rem;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: 95px;
  }
}

@media (min-width: 1200px) {
  .home-tiles > .home-tile .home-tile-image:not(.zepro-bottle-tile) {
    width: 115px;
    height: auto;
    top: auto;
    bottom: 1rem;
    left: auto;
    right: 1rem;
    transform: translateX(0);
  }
}

@media (min-width: 1440px) {
  .home-tiles > .home-tile .home-tile-image:not(.zepro-bottle-tile) {
    width: 160px;
  }
}

.home-tiles > .home-tile .gray-background {
  position: absolute;
  bottom: 0;
  padding-right: calc(0.5rem + 160px);
}

@media (min-width: 992px) {
  .home-tiles > .home-tile .gray-background {
    padding-right: 1rem;
  }
}

@media (min-width: 1200px) {
  .home-tiles > .home-tile .gray-background {
    padding-right: 150px;
  }
}

.home-tiles > .home-tile .gray-background p {
  font-size: 16px;
}

@media (min-width: 1200px) {
  .home-tiles > .home-tile .gray-background p strong {
    font-size: 20px;
  }
}

.home-tiles > .home-tile.zepro-tile {
  position: relative;
}

@media (min-width: 992px) {
  .home-tiles > .home-tile.zepro-tile {
    min-height: 500px;
  }
}

.home-tiles > .home-tile.zepro-tile .gray-background {
  position: absolute;
}

@media (max-width: 480px) {
  .home-tiles > .home-tile.zepro-tile .gray-background {
    position: absolute;
  }
}

.home-tiles > .home-tile.zepro-tile .gray-background p {
  margin-right: inherit;
}

@media (min-width: 992px) {
  .home-tiles > .grid-width-2x {
    -ms-grid-row: 2 !important;
    -ms-grid-column: 3 !important;
    -ms-grid-column-span: 2 !important;
    grid-row: 1 !important;
    grid-column: 3 / span 2 !important;
  }
}

.home-tiles > .grid-width-2x.home-tile .home-tile-image {
  top: auto;
  bottom: 1rem;
  right: 1rem;
  left: auto;
  transform: translateX(0);
  width: 175px;
  height: auto;
}

.home-tiles > .grid-width-2x.home-tile .gray-background {
  padding-right: calc(175px - 0.5rem);
}

@media (min-width: 1200px) {
  .home-tiles > .grid-width-2x.home-tile .home-tile-image {
    width: 225px;
  }
}

#Trusted\ Choice\ of\ Automakers\ Worldwide > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(3) {
  grid-column: span 1 / auto !important;
}

#Trusted\ Choice\ of\ Automakers\ Worldwide > div:nth-child(3) > div:nth-child(2) > div > div:nth-child(2) {
  display: inherit !important;
}