.work-back-arrow {
  font-size: 18px;
  position: absolute;
  top: -5px;
  left: -15px;
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.back-work {
    position: absolute;
    right: 120px;
    top: 34px;
    color: #d24d29;
    font-size: 12px;
    letter-spacing: .5px;
}
  @media (max-width: 767px) {
  .back-work {display: none;}
  }
  @media (min-width: 1024px) {
  .back-work {
    right: 170px;
  }
  }

.back-work:hover span.work-back-arrow {
  top: -5px;
  transform: translate(-3px);
}

.project-intro {
  margin-top: 150px;
}

  @media (min-width: 500px) {
  .project-intro {
    margin-top: 223px;
  }
  }
  @media (min-width: 768px) {
  .project-intro {
    margin-top: 240px;
  }
  }

.project-title {
  position: relative;
  z-index: 1;
  margin-top: 0px;
  text-align: left;
  margin-left: 30px;
  padding-bottom: 30px;
}
  @media (min-width: 500px) {
  .project-title {
    margin-left: 50px;
    padding-bottom: 50px;
  }
  }

  @media (min-width: 768px) {
  .project-title {
    text-align: right;
    margin-right: 60px;
    padding-bottom: 40px;
  }
  }
  @media (min-width: 1024px) {
  .project-title {
    margin-right: 100px;
  }
  }

.project-introduction {
  padding: 50px 0;
}  
  @media (min-width: 768px) {
  .project-introduction {
    padding: 75px 0;
    max-width: 700px;
    margin: 0 auto;
  } 
  }
  @media (min-width: 1024px) {
  .project-introduction {
    padding: 100px 0;
  } 
  }
  @media (min-width: 1200px) {
  .project-introduction {
    padding: 150px 0;
  }   
  }


.project .richtext {
  max-width: 700px;
  margin: 0 auto;
}

.perspective .richtext p {
  margin-bottom: 2em;
}

.perspective .richtext p:last-child {
  margin-bottom: 0;
} 


.project-slider {
  margin-bottom: 50px;
}
  @media (min-width: 1024px) {
  .project-slider {
    margin-bottom: 105px;
  }
  }
  @media (min-width: 1200px) {
  .project-slider {
    margin-bottom: 180px;
  }
  }

.project .richtext img {
  margin: 50px 0;
}

.project-slider .slick-slide {
  margin: 0;
}

.copyandimage, .copyandimage-right, .copy, .bottomborder, .twoimages, .contained-image, .fullwidth-image {
  margin-bottom: 50px;
}
  @media (min-width: 768px) {
  .copyandimage, .copyandimage-right, .copy, .bottomborder, .twoimages, .contained-image, .fullwidth-image {
    margin-bottom: 75px;
  }
  }
  @media (min-width: 1024px) {
  .copyandimage, .copyandimage-right, .copy, .bottomborder, .twoimages, .contained-image, .fullwidth-image {
    margin-bottom: 100px;
  }
  }
  @media (min-width: 1200px) {
  .copyandimage, .copyandimage-right, .copy, .bottomborder, .twoimages, .contained-image, .fullwidth-image {
    margin-bottom: 150px;
  }
  }

.perspective .copy {
  margin-bottom: 75px;
}

@media (max-width: 767px) {
.twoimages-first {
  margin-bottom: 50px;
}
}

.twoimages-stacked {
  margin-top: 50px;
}


.copyandimage {
  margin-left: 30px;
  margin-right: 30px;
}

.copyandimage-copy {
  margin-top: 25px;
}

  @media (min-width: 500px) {
  .copyandimage {
    margin-left: 50px;
    margin-right: 50px;
  }
  }

  @media (min-width: 768px) {
  .copyandimage {
    margin-left: 0px;
    margin-right: 100px;
  }

  .copyandimage-copy {
    margin-top: 0px;
  }
  }

  @media (min-width: 1024px) {
  .copyandimage-copy {
    margin-top: 50px;
  }
  }


/*  ------  WORK INDIVIDUAL - TESTIMONIAL  ------  */
.testimonial {
  background-color: #f7f7f8;
  padding: 50px 0;
}
  @media (min-width: 768px) {
  .testimonial {
    padding: 200px 0;
  }
  }

.testimonial .container {
  max-width: 1200px;
}

.testimonial h3 {
  margin-bottom: 40px;
}

.testimonial h5 {
  color: #636466;
  margin-bottom: 0;
}
/*  ------  WORK INDIVIDUAL TESTIMONIAL  ------  */


/*  ------  CLIENT TESTIMONIAL  ------  */
.client-testimonial {
  /*background-color: #d24d29;*/
  background-color: rgba(43, 61, 67, 1);
  padding: 50px 0;
}
  @media (min-width: 768px) {
  .client-testimonial {
    padding: 200px 0px;
  }
  }

.client-testimonial .container {
  max-width: 1600px;
}

.client-testimonial h1 {
  margin-bottom: 40px;
  color: #fff;
}

.client-testimonial h5 {
  color: #fff;
  margin-bottom: 0;
}
/*  ------  CLIENT TESTIMONIAL  ------  */



.project-stats {
  /*padding-top: 50px;*/
  padding-bottom: 50px;
  max-width: 768px;
  margin: 0 auto;
}
  @media (min-width: 768px) {
  .project-stats {
    /*padding-top: 150px;*/
    padding-bottom: 150px;
  }
  }

.project-stats p {
  font-size: 15px;
}

.project-stats-materials, .project-stats-awards, .project-stats-location, .project-stats-size {
  margin-top: 35px;
}
  @media (min-width: 768px) {
  .project-stats-location, .project-stats-size {
    margin-top: 0px;
  }

  .project-stats-materials, .project-stats-awards {
    margin-top: 50px;
  }
  }


.project-share {
  margin: 100px auto 0;
  text-align: center;
}

.project-share p {
  font-size: 14px;
  margin-bottom: 7px;
}

.project-share ul {
  list-style: none;
  margin-bottom: 0;
}

.project-share ul li {
  display: inline;
}

.project-share ul li a i {
  width: 45px;
  height: 45px;
  background-color: #eee;
  padding-top: 15px;
  transition: all 0.3s ease-in, all 0.35s ease-out;
}

.project-share ul li a:hover i {
  background-color: #d24d29;
  color: #fff;
}

.project-pagination {
  border-top: 1px solid #ddd; 
  padding: 50px 30px;
  width: 100%;
  transition: all 0.3s ease-in, all 0.35s ease-out;
}
  @media (min-width: 768px) {
  .project-pagination {
    padding: 125px 100px;
  }
  }

  @media (max-width: 767px)   {
  .project-pagination h5 {
    margin-bottom: 10px;
  }
  }

a:hover .project-pagination {
  background-color: #d24d29;
}

a:hover .project-pagination h5, a:hover .project-pagination p {
  color: #fff;
}








/*  NEW PAGINATION  */
@media (max-width: 767px) {
  .pagination .gap {
    display: block !important;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1299px) {
  .pagination .gap {
    width: calc(100%/3 - (((3 - 2.15) * 1rem)/ 3)) !important;
    margin-bottom: 0px;
  }

  .pagination .post_preview_image a p {
    bottom: 15px;
    left: 15px;
  }

  .pagination .post_preview_image p {
    font-size: 1.4rem;
  }

  .pagination .post_preview_image:hover a img.work-arrow {
    opacity: 1;
    -webkit-transform: translateX(35px);
    transform: translateX(35px);
  }

  .pagination .post_preview_image:hover a p {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  .pagination .post_preview_image a img.work-arrow {
    bottom: 20px;
    left: -20px;
  }
}

@media (min-width: 1300px) {
  .pagination .gap {
    margin-bottom: 0px;
  }
}
/*  NEW PAGINATION  */

/* VIDEO IN BODY OF PAGE */
.work-video figure {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
  margin: 0;
}

.work-video figure img {
  margin-top: -56.25%;
}

.work-video figure iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

.work-video  {margin-bottom: 50px;}
  @media (min-width: 768px)  {.work-video {margin-bottom: 75px;}}
  @media (min-width: 1024px) {.work-video {margin-bottom: 100px;}}
  @media (min-width: 1200px) {.work-video {margin-bottom: 150px;}}
/* VIDEO IN BODY OF PAGE */