.page-template-service-dev .helloButtonWrapper.active .inner, .page-template-service-dev .helloButtonWrapper.inView .inner {
  transform: scale(1);
}
.page-template-service-dev .helloButtonWrapper.active .inner:before, .page-template-service-dev .helloButtonWrapper.inView .inner:before {
  transform: scale(2);
}
.page-template-service-dev .helloButtonWrapper.active.isInView .inner, .page-template-service-dev .helloButtonWrapper.inView.isInView .inner {
  transform: scale(10);
}
.page-template-service-dev .helloButtonWrapper.active.isInView .inner:before, .page-template-service-dev .helloButtonWrapper.inView.isInView .inner:before {
  transform: scale(1);
}
@media only screen and (max-width: 639px) {
  .page-template-service-dev .allWorkWrap {
    padding: 0 0 60px;
  }
}
.page-template-service-dev .allWorkWrap .wrapper .viewWork.active a, .page-template-service-dev .allWorkWrap .wrapper .viewWork.inView a {
  pointer-events: none;
  opacity: 0;
  border: 1px solid transparent;
}
.page-template-service-dev .allWorkWrap .wrapper .viewWork.active a .wordOne, .page-template-service-dev .allWorkWrap .wrapper .viewWork.inView a .wordOne {
  color: #fff;
}
.page-template-service-dev .allWorkWrap .wrapper .viewWork.active a .wordTwo, .page-template-service-dev .allWorkWrap .wrapper .viewWork.inView a .wordTwo {
  color: #f0ff3c;
}
.page-template-service-dev .allWorkWrap .wrapper .viewWork.active a .wordTwo div span, .page-template-service-dev .allWorkWrap .wrapper .viewWork.inView a .wordTwo div span {
  -webkit-text-stroke: transparent;
}
.page-template-service-dev .allWorkWrap .wrapper .viewWork.active.isInView a, .page-template-service-dev .allWorkWrap .wrapper .viewWork.inView.isInView a {
  pointer-events: all;
  opacity: 1;
  border: 1px solid #fff;
}
.page-template-service-dev .allWorkWrap .wrapper .viewWork.active.isInView a:hover, .page-template-service-dev .allWorkWrap .wrapper .viewWork.inView.isInView a:hover {
  border: 1px solid #f0ff3c;
}
.page-template-service-dev .servicePage.halves h2.active, .page-template-service-dev .servicePage.halves h2.inView {
  right: 0;
  opacity: 0;
  transform: translateY(50px);
}
.page-template-service-dev .servicePage.halves h2.active.isInView, .page-template-service-dev .servicePage.halves h2.inView.isInView {
  opacity: 1;
  transform: translateY(0);
}
.page-template-service-dev .servicePage.featuredCaseStudies .cs .csHalf a.active, .page-template-service-dev .servicePage.featuredCaseStudies .cs .csHalf a.inView {
  right: -50px;
  opacity: 0;
}
.page-template-service-dev .servicePage.featuredCaseStudies .cs .csHalf a.active.isInView, .page-template-service-dev .servicePage.featuredCaseStudies .cs .csHalf a.inView.isInView {
  opacity: 1;
  right: 0;
}
.page-template-service-dev .servicePage.halves .full .textHalf.active, .page-template-service-dev .servicePage.halves .full .textHalf.inView {
  right: -50px;
  opacity: 0;
}
.page-template-service-dev .servicePage.halves .full .textHalf.active.isInView, .page-template-service-dev .servicePage.halves .full .textHalf.inView.isInView {
  opacity: 1;
  right: 0;
}
.page-template-service-dev .servicePage.strapline h2.active, .page-template-service-dev .servicePage.strapline h2.inView,
.page-template-service-dev .servicePage.strapline h3.active,
.page-template-service-dev .servicePage.strapline h3.inView, .page-template-service-dev .servicePage.strapline2 h2.active, .page-template-service-dev .servicePage.strapline2 h2.inView,
.page-template-service-dev .servicePage.strapline2 h3.active,
.page-template-service-dev .servicePage.strapline2 h3.inView {
  right: 0;
  transform: translateY(50px);
  opacity: 0;
}
.page-template-service-dev .servicePage.strapline h2.active.isInView, .page-template-service-dev .servicePage.strapline h2.inView.isInView,
.page-template-service-dev .servicePage.strapline h3.active.isInView,
.page-template-service-dev .servicePage.strapline h3.inView.isInView, .page-template-service-dev .servicePage.strapline2 h2.active.isInView, .page-template-service-dev .servicePage.strapline2 h2.inView.isInView,
.page-template-service-dev .servicePage.strapline2 h3.active.isInView,
.page-template-service-dev .servicePage.strapline2 h3.inView.isInView {
  opacity: 1;
  transform: translateY(0);
}

@media only screen and (min-width: 1500px) {
  .page-template-service-dev .servicePage.aboutIntro .rightText {
    padding-right: 4%;
  }
}
.page-template-service-dev .clients {
  padding: 1rem 0 3rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .page-template-service-dev .clients {
    padding: 0 0 8rem;
  }
}
.page-template-service-dev .clients .wrapper h2.clientTitle {
  text-align: center;
  margin-bottom: 4rem;
  transition: 0.5s ease;
  transition-delay: 0.5s;
}
.page-template-service-dev .clients .wrapper h2.clientTitle.onScreen.inView {
  transform: translateY(50px);
  opacity: 0;
}
.page-template-service-dev .clients .wrapper h2.clientTitle.onScreen.inView.isInView {
  opacity: 1;
  transform: translateY(0);
}
.page-template-service-dev .clients #logo-row-2 {
  transform: rotate(180deg);
  transition: 0.5s ease;
  transition-delay: 0.5s;
}
.page-template-service-dev .clients #logo-row-2.onScreen.inView {
  opacity: 0;
}
.page-template-service-dev .clients #logo-row-2.onScreen.inView.isInView {
  opacity: 1;
}
.page-template-service-dev .clients #logo-row-2 .logo-slide img {
  transform: rotate(180deg);
}
.page-template-service-dev .clients .logo-row {
  margin-bottom: 40px;
  transition: 0.5s ease;
  transition-delay: 0.5s;
}
.page-template-service-dev .clients .logo-row.onScreen.inView {
  opacity: 0;
}
.page-template-service-dev .clients .logo-row.onScreen.inView.isInView {
  opacity: 1;
}
.page-template-service-dev .clients .logo-row:last-child {
  margin-bottom: 0;
}
.page-template-service-dev .clients .logo-slide {
  padding: 0 20px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 100px;
  background-color: transparent;
}
.page-template-service-dev .clients .logo-slide img {
  max-width: 150px;
  max-height: 100px;
  filter: invert(1) brightness(0.98);
  mix-blend-mode: multiply;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.3s ease;
}
.page-template-service-dev .clients .slick-dots {
  display: none !important;
}
.page-template-service-dev .clients .slick-arrow {
  display: none !important;
}
.page-template-service-dev .clients .slick-track {
  display: flex;
  align-items: center;
}
.page-template-service-dev .clients .slick-slide {
  height: auto;
}/*# sourceMappingURL=lawrences-styles.css.map */