/*
* Headlines
* 20px, 28px, 54px, 72px
*/
.zp-project-list {
  max-width: 2300px;
  margin: 0 auto;
  overflow: hidden;
  padding-right: 150px !important;
  padding-left: 150px !important; }
  @media only screen and (max-width: 1199px) {
    .zp-project-list {
      padding: 0 15px !important; } }
  .zp-project-list .zp-project-list_project-container-big {
    position: relative;
    width: 100%;
    margin-bottom: 120px;
    -webkit-perspective: 800px;
            perspective: 800px;
    height: 800px;
    max-height: 80vh;
    min-height: 320px;
    padding: 4px 0; }
    @media only screen and (max-width: 1199px) {
      .zp-project-list .zp-project-list_project-container-big {
        height: 540px; } }
    @media only screen and (max-width: 768px) {
      .zp-project-list .zp-project-list_project-container-big {
        height: 460px; } }
    @media only screen and (max-width: 480px) {
      .zp-project-list .zp-project-list_project-container-big {
        height: 500px;
        margin-bottom: 60px; } }
    .zp-project-list .zp-project-list_project-container-big:hover .zp-project-list_project .zp-project-list_project-description-container {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
      @media only screen and (max-width: 768px) {
        .zp-project-list .zp-project-list_project-container-big:hover .zp-project-list_project .zp-project-list_project-description-container {
          padding-bottom: 30px; } }
      @media only screen and (max-width: 480px) {
        .zp-project-list .zp-project-list_project-container-big:hover .zp-project-list_project .zp-project-list_project-description-container {
          padding-bottom: 20px; } }
      .zp-project-list .zp-project-list_project-container-big:hover .zp-project-list_project .zp-project-list_project-description-container .zp-project-list_project-description {
        -webkit-transform: translateY(-85px);
                transform: translateY(-85px); }
        @media only screen and (max-width: 768px) {
          .zp-project-list .zp-project-list_project-container-big:hover .zp-project-list_project .zp-project-list_project-description-container .zp-project-list_project-description {
            -webkit-transform: translateY(0);
                    transform: translateY(0); } }
        .zp-project-list .zp-project-list_project-container-big:hover .zp-project-list_project .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-right {
          opacity: 1;
          transition: opacity 0.7s; }
    .zp-project-list .zp-project-list_project-container-big .zp-project-list_project {
      display: block;
      color: #000;
      cursor: pointer;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      opacity: 1;
      -webkit-transform: rotateX(30deg) translateY(210px) translateZ(-200px);
              transform: rotateX(30deg) translateY(210px) translateZ(-200px);
      font-family: "ClvText-Light", Gotham, sans-serif; }
      .zp-project-list .zp-project-list_project-container-big .zp-project-list_project.hidden-from-bottom {
        -webkit-transform: rotateX(30deg) translateY(210px) translateZ(-200px);
                transform: rotateX(30deg) translateY(210px) translateZ(-200px);
        opacity: 0;
        transition: opacity 1.3s, -webkit-transform 0.7s;
        transition: transform 0.7s, opacity 1.3s;
        transition: transform 0.7s, opacity 1.3s, -webkit-transform 0.7s; }
      .zp-project-list .zp-project-list_project-container-big .zp-project-list_project.hidden-from-top {
        -webkit-transform: rotateX(-30deg) translateY(-210px) translateZ(200px);
                transform: rotateX(-30deg) translateY(-210px) translateZ(200px);
        opacity: 0;
        transition: opacity 1.3s, -webkit-transform 0.7s;
        transition: transform 0.7s, opacity 1.3s;
        transition: transform 0.7s, opacity 1.3s, -webkit-transform 0.7s; }
      .zp-project-list .zp-project-list_project-container-big .zp-project-list_project.visible {
        -webkit-transform: rotateX(0deg) translateY(0) translateZ(0);
                transform: rotateX(0deg) translateY(0) translateZ(0);
        opacity: 1;
        transition: background-position-y 0.6s, opacity 0.6s, -webkit-transform 0.7s;
        transition: transform 0.7s, background-position-y 0.6s, opacity 0.6s;
        transition: transform 0.7s, background-position-y 0.6s, opacity 0.6s, -webkit-transform 0.7s; }
      .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        opacity: 0;
        transition: opacity 1.5s ease-out; }
        .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner.visible {
          opacity: 1; }
        .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container {
          position: absolute;
          bottom: 0;
          width: 95%;
          height: 300px;
          padding-bottom: 0;
          transition: padding-bottom 0.2s, -webkit-transform 0.5s;
          transition: transform 0.5s, padding-bottom 0.2s;
          transition: transform 0.5s, padding-bottom 0.2s, -webkit-transform 0.5s;
          -webkit-transform: translateY(125px);
                  transform: translateY(125px);
          margin: 0 auto;
          right: 0;
          left: 0;
          background: rgba(255, 255, 255, 0.9);
          background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.85)), color-stop(45%, white));
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, white 45%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
          pointer-events: none; }
          @media only screen and (max-width: 1199px) {
            .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container {
              height: 58%; } }
          @media only screen and (max-width: 768px) {
            .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container {
              display: block;
              height: auto;
              -webkit-transform: translateY(0);
                      transform: translateY(0); } }
          .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description {
            display: table-row;
            width: 100%;
            position: absolute;
            bottom: 0;
            padding: 10px 15px;
            transition: -webkit-transform 0.5s;
            transition: transform 0.5s;
            transition: transform 0.5s, -webkit-transform 0.5s;
            -webkit-transform: translateY(-125px);
                    transform: translateY(-125px); }
            @media only screen and (max-width: 768px) {
              .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description {
                display: block;
                -webkit-transform: translateY(0);
                        transform: translateY(0);
                bottom: auto; } }
            @media only screen and (max-width: 768px) {
              .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description {
                position: static; } }
            .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-left {
              display: table-cell;
              vertical-align: top;
              width: 30%;
              padding: 0 10px;
              float: left; }
              @media only screen and (max-width: 1199px) {
                .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-left {
                  width: 30%; } }
              @media only screen and (max-width: 992px) {
                .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-left {
                  float: none; } }
              @media only screen and (max-width: 768px) {
                .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-left {
                  display: block;
                  width: auto;
                  vertical-align: baseline; } }
              .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-left .zp-project-list_project-slogan {
                line-height: 1.2em;
                font-size: 23px; }
                @media only screen and (min-width: 1440px) {
                  .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-left .zp-project-list_project-slogan {
                    font-size: 28px; } }
                @media only screen and (min-width: 2100px) {
                  .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-left .zp-project-list_project-slogan {
                    font-size: 32px; } }
              .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-left .zp-project-list_project-focus {
                font-size: 14px;
                letter-spacing: 0.6px;
                padding: 4px 8px 1px 4px !important;
                margin: 11px 0 0 0;
                display: inline-block;
                background-color: #000;
                text-indent: 5px;
                color: white;
                width: auto;
                text-transform: uppercase;
                font-family: "ClvText-Medium", Arial, Gotham, sans-serif; }
            .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-center {
              display: table-cell;
              vertical-align: top;
              width: 45%;
              padding: 0 10px;
              float: left; }
              @media only screen and (max-width: 1199px) {
                .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-center {
                  width: 50%; } }
              @media only screen and (max-width: 992px) {
                .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-center {
                  float: none; } }
              @media only screen and (max-width: 768px) {
                .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-center {
                  display: block;
                  width: auto;
                  vertical-align: baseline;
                  margin-top: 22px; } }
              .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-center .zp-project-list_project-alt-title {
                font-family: "ClvText-Bold", Arial, Gotham, sans-serif;
                text-transform: uppercase; }
            .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-right {
              display: table-cell;
              vertical-align: top;
              width: 25%;
              transition: opacity 0.1s;
              padding: 0 10px;
              float: right;
              text-align: right; }
              @media only screen and (max-width: 1199px) {
                .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-right {
                  width: 20%; } }
              @media only screen and (max-width: 992px) {
                .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-right {
                  display: block;
                  width: 100%;
                  opacity: 0;
                  position: absolute;
                  bottom: -60px;
                  float: none;
                  text-align: center; } }
              @media only screen and (max-width: 768px) {
                .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-right {
                  display: block;
                  vertical-align: baseline;
                  bottom: -25px; } }
              @media only screen and (max-width: 480px) {
                .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-right {
                  display: none; } }
              .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-right .zp-project-list_project-see-project {
                position: relative;
                text-align: right;
                display: inline-block; }
                @media only screen and (max-width: 992px) {
                  .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-right .zp-project-list_project-see-project {
                    text-align: center; } }
                .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-right .zp-project-list_project-see-project::before {
                  content: "";
                  position: absolute;
                  height: 1px;
                  width: 50px;
                  background-color: #000;
                  top: 8px;
                  margin-left: -58px; }
                  @media only screen and (max-width: 1024px) {
                    .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-inner .zp-project-list_project-description-container .zp-project-list_project-description .zp-project-list_project-description-right .zp-project-list_project-see-project::before {
                      width: 25px;
                      margin-left: -31px; } }
      .zp-project-list .zp-project-list_project-container-big .zp-project-list_project .zp-project-list_project-badge-container {
        position: absolute;
        top: -2px;
        right: -3px;
        pointer-events: none; }
  .zp-project-list .zp-project-list_small-projects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100% + 14px);
    margin-left: -7px; }
    .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small {
      position: relative;
      height: 320px;
      width: 33.3333%;
      overflow: hidden;
      display: inline-block;
      border: 7px solid transparent; }
      @media only screen and (max-width: 1280px) {
        .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small {
          width: 50%; } }
      @media only screen and (max-width: 768px) {
        .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small {
          width: 100%; } }
      .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small:hover .zp-project-list_project .zp-project-list_project-description {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
        .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small:hover .zp-project-list_project .zp-project-list_project-description .zp-project-list_project-see-project {
          opacity: 1; }
      .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project {
        display: block;
        color: #000;
        cursor: pointer;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        opacity: 0;
        transition-property: opacity;
        transition-duration: 0.5s;
        font-family: "ClvText-Light", Gotham, sans-serif; }
        .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project.visible {
          opacity: 1; }
        .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project .zp-project-list_project-description {
          position: absolute;
          bottom: 0;
          width: 100%;
          background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85) 0%, white 45%);
          pointer-events: none;
          -webkit-transform: translateY(100%);
                  transform: translateY(100%);
          transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
          transition: transform 0.3s, -webkit-transform 0.3s;
          padding: 11px 15px 8px 15px; }
          @media only screen and (max-width: 1024px) {
            .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project .zp-project-list_project-description {
              -webkit-transform: translateY(0);
                      transform: translateY(0); } }
          .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project .zp-project-list_project-description .zp-project-list_project-focus-title .zp-project-list_project-title {
            line-height: 1.2em;
            font-size: 23px; }
            @media only screen and (min-width: 1440px) {
              .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project .zp-project-list_project-description .zp-project-list_project-focus-title .zp-project-list_project-title {
                font-size: 28px; } }
            @media only screen and (min-width: 2100px) {
              .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project .zp-project-list_project-description .zp-project-list_project-focus-title .zp-project-list_project-title {
                font-size: 32px; } }
          .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project .zp-project-list_project-description .zp-project-list_project-focus-title .zp-project-list_project-focus {
            font-size: 14px;
            letter-spacing: 0.6px;
            padding: 4px 8px 1px 4px !important;
            margin: 11px 0 0 0;
            display: inline-block;
            background-color: #000;
            text-indent: 5px;
            color: white;
            width: auto;
            text-transform: uppercase;
            font-family: "ClvText-Medium", Arial, Gotham, sans-serif;
            margin: 11px 0 11px 0 !important; }
          .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project .zp-project-list_project-description .zp-project-list_project-focus-title .zp-project-list_project-see-project {
            position: absolute;
            top: 33px;
            right: 15px;
            transition: opacity 0.2s; }
            @media only screen and (max-width: 1440px) {
              .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project .zp-project-list_project-description .zp-project-list_project-focus-title .zp-project-list_project-see-project {
                top: 26px; } }
            @media only screen and (max-width: 480px) {
              .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project .zp-project-list_project-description .zp-project-list_project-focus-title .zp-project-list_project-see-project {
                display: none; } }
            .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project .zp-project-list_project-description .zp-project-list_project-focus-title .zp-project-list_project-see-project::before {
              content: "";
              position: absolute;
              height: 1px;
              width: 50px;
              background-color: #000;
              top: 8px;
              margin-left: -58px; }
              @media only screen and (max-width: 2100px) {
                .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project .zp-project-list_project-description .zp-project-list_project-focus-title .zp-project-list_project-see-project::before {
                  width: 35px;
                  margin-left: -43px; } }
              @media only screen and (max-width: 1024px) {
                .zp-project-list .zp-project-list_small-projects .zp-project-list_project-container-small .zp-project-list_project .zp-project-list_project-description .zp-project-list_project-focus-title .zp-project-list_project-see-project::before {
                  width: 25px;
                  margin-left: -31px; } }

html.zp-ready .zp-project-list {
  opacity: 1 !important; }