.page--zen-project .infographic-image {
  position: relative;
  display: inline-block; }
  .page--zen-project .infographic-image-label {
    position: absolute;
    font-family: 'Reload Regular';
    font-size: 14px;
    text-align: left;
    left: 5px;
    min-width: 55px;
    font-weight: normal; }
  .page--zen-project .infographic-image .label-deadzone {
    top: 7%;
    color: #ff5025; }
    .page--zen-project .infographic-image .label-deadzone::after {
      content: '';
      width: 20px;
      height: 20px;
      border-top: 3px solid #ff5025;
      border-right: 3px solid #ff5025;
      position: absolute;
      top: 50%;
      left: 100%;
      transform: translateY(-50%) rotate(45deg); }
  .page--zen-project .infographic-image .label-surface {
    top: 25%;
    color: #fff; }
  .page--zen-project .infographic-image .label-lifting {
    top: 35%;
    color: #ffc607; }
    .page--zen-project .infographic-image .label-lifting::after {
      content: '';
      width: 20px;
      height: 20px;
      border-top: 3px solid #ffc607;
      border-right: 3px solid #ffc607;
      position: absolute;
      top: 50%;
      left: 100%;
      transform: translateY(-50%) rotate(45deg); }

.page--zen-project .gallery {
  justify-content: center; }

.page--zen-project .sec--plate {
  background-size: auto;
  max-height: 105rem;
  min-height: 90rem;
  padding-bottom: 15rem; }
  @media screen and (max-width: 960px) {
    .page--zen-project .sec--plate {
      padding-bottom: 130vw;
      background-image: url("/pictures/products/zen/bg-5-mobile.png"), linear-gradient(90deg, #7999b6, #698daf) !important;
      background-size: 100% auto, auto;
      background-position: center bottom -50vw, left top;
      max-height: none;
      min-height: 100vh; } }
  .page--zen-project .sec--plate .sec__inner {
    justify-content: flex-start; }

.page--zen-project .sec-infographic--plate {
  top: 27rem !important;
  left: 50% !important;
  transform: translate(calc(-50% + 36rem), 0); }
  @media screen and (max-width: 960px) {
    .page--zen-project .sec-infographic--plate {
      display: block !important;
      transform: translate(calc(-50% + 2.6vw), 5.5vw);
      top: auto !important;
      right: auto !important;
      bottom: 78vw !important;
      left: 50% !important; } }
  @media screen and (max-width: 960px) {
    .page--zen-project .sec-infographic--plate img {
      display: none; } }

.page--zen-project .sec-infographic__label {
  position: absolute;
  top: 50%;
  white-space: nowrap; }

.page--zen-project .sec-infographic__label--yellow {
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 1rem));
  color: #ffc807; }
  @media screen and (max-width: 960px) {
    .page--zen-project .sec-infographic__label--yellow {
      top: auto;
      bottom: 100%;
      left: 50%;
      transform: translate(-50%, -33vw); } }

.page--zen-project .sec-infographic__label--white {
  top: auto;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 1rem));
  color: #7d8fff; }
  @media screen and (max-width: 960px) {
    .page--zen-project .sec-infographic__label--white {
      top: 100%;
      bottom: auto;
      left: 50%;
      transform: translate(-50%, 28vw); } }

@media screen and (max-width: 960px) {
  .page--zen-project .sec--comfort {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-position: 70% top; } }

.page--zen-project .sec--new-form {
  background-position: center bottom -150px; }
  @media screen and (max-width: 960px) {
    .page--zen-project .sec--new-form {
      background-position: center center;
      padding-top: 5rem;
      padding-bottom: 5rem; } }