#showcase-z {
  margin-bottom: 140px;
  position: relative;
  background: lighten(@content,40%);
  @media screen and (max-width: 1363px) {
    &:before{display: none;}
    &:after{ display:none;}
    margin-bottom: 0px;
    padding-bottom: 100px;
  }
  &:after{
    width: 100%;
    top: 932px;
    border-left: solid 674px @onaccent;
    /* border-bottom: solid 345px transparent; */
    border-top: solid 117px lighten(@content, 40%);
    content: "";
    //bottom: 0px;
    background: transparent;
    position: absolute;
    left: 0px;
    /* border-top: solid 17px #5b4a9b; */
    /* border-bottom: solid 90px transparent; */
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    border-right: solid 675px @onaccent;
    z-index: 7;
  }
  .showcase-wrapper{
    margin-top: 70px;
  }
  .hvr-rectangle-out{
    &:before{
      background-color: @accent;
    }
  }
  .showcase-item1_img{
  }
  .sec-right {
    .hvr-rectangle-out {
      &:before {
        background-color: lighten(#0F2331, 6%);
      }
    }
  }
  .sec-left,.sec-right{
    padding: 0px;
  }
  .showcase-item2_img{
    float: right !important;
  }
  .showcase-item1_img,.showcase-item2_img,.showcase-item3_img,.showcase-item4_img{
    background-size: cover;

  }
  //}
  .showcase-item1 {
    background-color: #0F2331;
    min-height: 244px;
    padding: 0px;
    text-align: center;
    .showcase-caption{
      font-family: Playfair Display SC;
      transform: translateY(70px);
      .showcase-title {
        font-weight: bold;
        color: darken(@background, 6%);
        font-size: 40px;

      }

      .showcase-desc {
        color: darken(@background, 6%);
        font-style: italic;
      }
    }
  }
  //2
  .showcase-item2 {
    background-color: #0F2331;
    min-height: 244px;
    padding: 0px;
    text-align: center;
    .showcase-caption{
      font-family: Playfair Display SC;
      transform: translateY(70px);
      .showcase-title {
        font-weight: bold;
        color: darken(@background, 6%);
        font-size: 40px;
        // margin-top: 10px;
      }

      .showcase-desc {
        color: darken(@background, 6%);
        font-style: italic;
      }
    }
  }
  //3
  .showcase-item3 {
    background-color: #0F2331;
    min-height: 244px;
    padding: 0px;
    text-align: center;
    .showcase-caption{
      font-family: Playfair Display SC;
      transform: translateY(70px);
      .showcase-title {
        font-weight: bold;
        color: darken(@background, 6%);
        font-size: 40px;
        // margin-top: 10px;
      }

      .showcase-desc {
        color: darken(@background, 6%);
        font-style: italic;
      }
    }
  }
  //4
  .showcase-item4 {
    background-color: @accent;
    min-height: 244px;
    padding: 0px;
    text-align: center;
    .showcase-caption{
      font-family: Playfair Display SC;
      transform: translateY(70px);
      .showcase-title {
        font-weight: bold;
        color: darken(@background, 6%);
        font-size: 40px;
        // margin-top: 10px;
      }

      .showcase-desc {
        color: darken(@background, 6%);
        font-style: italic;
      }
    }
  }

}