/* Fonts */
* {
  box-sizing: border-box;
}
html {
	overscroll-behavior: none;
}
:root {
  --white: #ffffff;
  --normal-text-color: #000000;
  --powder-white: #F4F4EF;
  --stone: #E5E4DD;
  --grey: #757575;
  --grey91: #919191;
  --bg-black: #000000;
  --yellow: #FFFF50;
  --body-bg: #FFFFFF;
}
.site--dark {
  --normal-text-color: #FFFFFF;
  --body-bg: #000000;
  --grey91: #cccaca;
}
.site--dark .color-no-change {
  --normal-text-color: #000000;
  --body-bg: #F4F4F4;
}
@font-face {
  font-family: NeueBold;
  src: url('../fonts/PPNeueMontreal-Bold.otf');
  font-style: normal;
}
@font-face {
  font-family: NeueBook;
  src: url('../fonts/PPNeueMontreal-Book.otf');
  font-style: normal;
}
@font-face {
  font-family: Neue;
  src: url('../fonts/PPNeueMontreal-Regular.woff2') format('woff2'),
	  url('../fonts/PPNeueMontreal-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: NeueMedium;
  src: url('../fonts/PPNeueMontreal-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: SemiBoldItalic;
  src: url('../fonts/PPNeueMontreal-SemiBoldItalic.otf');
  font-style: italic;
}
@font-face {
  font-family: NeueThin;
  src: url('../fonts/PPNeueMontreal-Thin.otf');
  font-style: normal;
}
*::-moz-selection { /* Code for Firefox */
  color: #000000;
  background:var(--yellow);
}

*::selection {
  color: #000000;
  background: var(--yellow);
}
body.hide-nav-on-scroll header {
	transition: transform .4s ease;
}
body.hide-nav-on-scroll.nav-hide header {
  transform: translateY(-100%);
}
body.hide-nav-on-scroll.nav-hide.fixed-scroll header {
	transform: translateY(0);
}
h1,h2,h3,h4,h5,h6,p {
  margin-top: 0;
  margin-bottom: 16px;
  color: var(--normal-text-color);
  transition: color .2s ease;
}
p.h1,
h1 {
  font-size: 80px;
  line-height: 110%;
  font-weight: 500;
}
h2 {
  font-size: 64px;
  line-height: 110%;
  font-weight: 500;
}
@media all and (max-width: 992px) {
  h2 {
    font-size: 34px;
  }
}
.h1-h3 h1
h1.h3,
h3 {
  font-size: 40px;
  line-height: 130%;
  font-weight: 500;
}
@media all and (max-width: 992px) {
  h3 {
    font-size: 32px;
  }
}
h4 {
  font-size: 32px;
  line-height: 130%;
  font-weight: 500;
}
@media all and (max-width: 992px) {
  h4 {
    font-size: 24px;
  }
}
h5 {
  font-size: 1.4em;
  font-weight: 500;
}
h6 {
  font-size: 1.3em;
  font-weight: 500;
}
.wi-style--4 .body.xlarge p,
.wi-style--1 .body.xlarge p,
.body.xxlarge p,
p.xxlarge {
  font-size: 32px;
  line-height: 130%;
  font-weight: 500;
}
@media all and (max-width: 992px) {
  .wi-style--4 .body.xlarge p,
  .wi-style--1 .body.xlarge p,
  .body.xxlarge p,
  p.xxlarge {
    font-size: 24px;
  }
}
.wi-style--4 h3.p2,
.wi-style--1 h3.p2,
.body.xlarge p,
p.xlarge {
  font-size: 28px;
  line-height: 130%;
  font-weight: 500;
}
.footer-top-row .left p,
.body.large p,
p.large {
  font-size: 24px;
  line-height: 140%;
  font-weight: 500;
}
.footer-top-row a {
	display: block;
}
.footer-top-row a.email {
	margin-bottom: 8px;
}
.footer-top-row a.footer-address p {
	font-weight: 500;
	font-size: 18px;
	line-height: 150%;
}
.footer-cta-row {
	margin-bottom: 80px;
}
@media all and (max-width: 992px) {
  .footer-top-row .left p,
  .body.large p,
  p.large {
    font-size: 20px;
  }
}
p {
  font-size: 20px;
  line-height: 150%;
  margin-top: 0;
  margin-bottom: 16px;
}
@media all and (max-width: 992px) {
  p {
    font-size: 18px;
  }
}
.body.p3 p,
p.p3 {
  font-size: 14px;
  line-height: 140%;
  font-weight: 500;
}
.plain-text-page p,
.body.p1 p,
.footer-middle-row p,
ul#menu-footer-menu a,
p.p1 {
  font-size: 18px;
  font-weight: 500;
}
.plain-text-page h1,
#contact-pop-out .btn-container a.btn,
.plain-text-page h2,
.plain-text-page h3,
.body.p2 p,
h1.p2,
#contact-pop-out .form-wrap form input,
#contact-pop-out .form-wrap label,
h2.p2,
h3.p2,
ul#menu-main-menu li a,
p.p2 {
  font-size: 16px;
  line-height: 140%;
  font-weight: 500;
}
.plain-text-page h1 {
	text-transform: uppercase;
}
.white {
  color: var(--powder-white);
}
.uppercase {
  text-transform: uppercase;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
/* End Fonts */


body {
  margin: 0;
  font-size: 100%;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-gutter: stable;
  background: var(--body-bg);
  font-family: Neue;
  font-weight: 400;
  
}
body:not(.touch-device) {
  cursor: none !important;
}
.bold {
  font-family: NeueBold;
}

#scroll-wrap {
	
  background: var(--body-bg);
  transition: background .2s ease;
}
body.scroller-bg #scroll-wrap {
  transition: background .7s ease;
}
body.yellow-bg #scroll-wrap {
  background: var(--yellow);
}
.scrollbar-track {
	background: transparent !important;
}
.scrollbar-thumb,
.scrollbar-track-y,
.scrollbar-track {
	width: 4px !important;
}

.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.aic {
  align-items: center;
}
.jcsb {
  justify-content: space-between;
}
a {
  color: inherit;
  text-decoration: none;
}
header {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
}
header .main-nav {
  padding: 20px 0;
}
header .logo-container p {
  text-transform: uppercase;
  color: var(--yellow);
  margin: 0;
}
header .logo-container {
  position: relative;
}
header .header-logo {
}
.services-swiper-container {
  position: relative;
}
.services-swiper-container:hover .floating-imgs-container {
  opacity: 1;
}
ul#menu-main-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
	gap: 5px;
}
.hdr-left-inner {
	gap: 5px;
}
ul#menu-main-menu li {
  margin: 0;
}
.hdr-left .color-switch {
  padding-right: 0;
  margin-right: 0;
  margin-left: 4px;
}
header .header-logo,
ul#menu-main-menu li a {
  display: block;
	padding: 5px 10px;
	background: #D1D1D199;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
  color: var(--normal-text-color);
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
	line-height: 132%;
	text-transform: uppercase;
}
.hdr-left .menu-trigger {
	height: 31px;
	width: 37px;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.hdr-left .menu-trigger svg {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	transform: translate(-50%,-50%);
}
.mob-menu-open .hdr-left .menu-trigger svg.open,
.hdr-left .menu-trigger svg.close {
	opacity: 0;
}
.mob-menu-open .hdr-left .menu-trigger svg.close {
	opacity: 1;
}
.logo-1 ul#menu-main-menu .hdr-contact-btn a {
  background: var(--yellow);
}
.hdr-left .menu-trigger,
.hdr-left .colour-switcher {
  padding: 8px 10px;
	height: 31px;
	border-radius: 8px;
	background: #D1D1D199;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	position: relative;
}
.hdr-left .colour-switcher::after {
	content: '';
	display: block;
	height: 15px;
	width: 15px;
	background: var(--normal-text-color);
	border-radius: 50%;
}
.hover-cursor {
  cursor: pointer;
}
body:not(.touch-device) .hover-cursor {
  cursor: none;
}
section.more-work {
  padding-top: 80px;
  border-top: 1px solid #C4C4C4;
  margin: 0 0 120px;
  overflow: hidden;
}
.title-btn-row h3 {
  margin: 0;
}
.title-btn-row {
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 64px;
}
section.more-work .work-item h3 {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 140%;
}
/*
ul#menu-main-menu .color-switch a {
  position: relative;
}
ul#menu-main-menu .color-switch a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(255, 255, 80, 0.8);
  z-index: 5;
}
*/
ul#menu-main-menu .contact-btn a {
  border-radius: 32px;
  padding: 10px 12px;
  border: 1px solid var(--yellow);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.what-we-do-row {
	gap: 40px;
	flex-wrap: wrap;
}
ul#menu-main-menu .contact-btn a svg {
  margin-left: 7px;
  margin-bottom: 3px;
}
.close-mob-menu-trigger {
	position: fixed;
	bottom: 16px;
	right: 16px;
	width: 32px;
	height: 32px;
	opacity: 0;
	visibility: hidden;
	z-index: 1000000000;
	transition: all .2s ease;
}
.mob-menu-open .close-mob-menu-trigger {
	opacity: 1;
	visibility: visible;
	transition: all .2s ease .6s;
}
a.btn {
  text-transform: uppercase;
}
span.btn-with-icon,
a.btn-with-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}
span.btn-with-icon svg,
a.btn-with-icon svg {
  margin-left: 7px;
}
.btn-container a.btn {
  color: var(--normal-text-color);
}
.btn-container a.btn svg path {
  fill: var(--normal-text-color);
}
.container {
  padding: 0 32px;
}
.container.hdr-container {
  max-width: none;
}
section.large-line-text .container {
  max-width: 1370px;
  margin: 0 auto;
}
section {
  position: relative;
  z-index: 5;
}
.home-hero-section {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  justify-content: flex-end;
  padding: 64px 0 32px;
  margin: 0;
  overflow: hidden;
}
.home-hero-section .title svg {
	user-select: none;
}
.hero-bg .bg-container {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
img {
  max-width: 100%;
  height: auto;
}
.hero-bg .bg-container video,
.hero-bg .bg-container img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.home-hero-section .container {
  position: relative;
  z-index: 10;
}
.home-hero-section svg {
  width: 100%;
  height: auto;
}
section.lmtb {
  margin: 160px 0;
}
.sticky > section:last-of-type {
  margin-bottom: 0;
  padding-bottom: 120px;
}
.services-imgs-container {
  position: sticky;
  top: 100px;
  left: 0;
}
.nav-hide .services-imgs-container {
	top: 20px;
}
.touch-device .services-top-container,
.touch-device .sticky {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
}
.touch-device .services-top-container {
  padding-top: 80px;
}
.touch-device .services-main {
  padding-top: 0;
}
.touch-device .sticky.services-imgs-container {
  top: 180px !important;
}
.flexible-grid-section.smb {
  padding-bottom: 32px !important;
}
section.lmtb.flexible-grid-section {
	margin-bottom: 0;
	padding-bottom: 152px !important;
}
.testimonials-inner > div.testimonial-row:last-of-type .flex-row {
  padding-bottom: 0;
}
section.mmtb {
  margin: 120px 0;
}
section.smtb {
  margin: 40px 0;
}
.simple-page-top {
  padding-top: 177px;
}
.simple-page-top h1 {
  font-size: 40px;
  line-height: 120%;
}
.home-section-2 .sticky-wrap {
  position: relative;
}
.sticky {
  width: 100%;
}
.home-section-2 h1 {
  font-size: 120px;
  line-height: 100%;
  margin: 0 0 80px;
  color: var(--normal-text-color);
}
.home-section-2 h1 span,
.home-section-2 h1 span {
  text-align: left !important;
}
p.h2,
h3.h2,
.large-line-text h2 {
  font-size: 80px;
  line-height: 110%;
}
.home-section-2 .body {
  margin-left: max(0px,min(calc(100% - 674px), 50%));
}
.home-section-2 .body p {
  max-width: 700px;
  text-indent: 72px;
  font-size: 42px;
	line-height: 52px;
}
.home-section-2 .body .btn-container {
  margin-top: 40px;
}
.imageMovement {
  transition: transform .3s linear;
  transform: translateY(60px);
}
.imageMovement.minus-movement {
  transform: translateY(-60px);
}
.defined-lines.check_in_view .line {
  overflow: hidden;
}
.defined-lines.check_in_view .line span {
  transform: translateY(100px);
}
.defined-lines.check_in_view.in-view .line span {
  transform: translateY(0);
}
.defined-lines.check_in_view.in-view > span.line:nth-of-type(1) span {
  transition: transform .4s ease;
}
.defined-lines.check_in_view.in-view > span.line:nth-of-type(2) span {
  transition: transform .4s ease .4s;
}
.defined-lines.check_in_view.in-view > span.line:nth-of-type(3) span {
  transition: transform .4s ease .8s;
}
.defined-lines.check_in_view.in-view > span.line:nth-of-type(4) span {
  transition: transform .4s ease 1.2s;
}
.defined-lines.check_in_view.in-view > span.line:nth-of-type(5) span {
  transition: transform .4s ease 1.6s;
}
.defined-lines span.line span {
  display: inline-block;
}
.defined-lines span.line,
.home-section-2 h1 span {
  display: block;
}
.home-section-2 h1 span.line-1 {
  text-align: left;
}
.home-section-2 h1 span.line-2 {
  text-align: right;
}
#htmlcontent {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
.recent-work-grid-2 {
  display: grid;
  grid-template-columns: 36% calc(64% - 32px);
  grid-column-gap: 32px;
}
.recent-work-grid-2 img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.recent-work-grid-2 > div.work-item:nth-of-type(1) img {
  min-height: 486px;
}
.recent-work-grid-2 > div.work-item:nth-of-type(2) img {
  min-height: 691px;
}
.recent-work-grid-2 > div.work-item:nth-of-type(1) .body {
  max-width: 465px;
  margin-bottom: 24px;
}
.featured-img-container .secondary-image {
  position: absolute;
  top: 50%;
  width: 90%;
  height: auto;
  max-width: 1000px;
  left: 50%;
  transform :translate(-50%,-50%);
}
.recent-work-grid-2 > div.work-item:nth-of-type(2) .body {
  max-width: 550px;
  margin-bottom: 24px;
}
.title-wrap {
  margin-bottom: 64px;
}
.recent-work-grid-2 .work-item .featured-img-container {
  margin-bottom: 16px;
}
.work-item .featured-img-container img {
  display: block;
}
#contact-pop-out {
  background: var(--bg-black);
  position: fixed;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  right: 0;
  top: 0;
  width: 100%;
  max-width: 100%;
  z-index: 999;
  opacity: 0;
	visibility: hidden;
  overflow-y: scroll;
	transition: all .1s ease;
}
.contact-pop-out #contact-pop-out {
	opacity: 1;
	visibility: visible;
}
.contact-po-bottom form svg path {
  fill: var(--powder-white);
}
.work-item .body p {
  font-size: 32px;
  line-height: 130%;
}
#page {
	padding-bottom: var(--footer-height);
}
#inner-page {
	
	position: relative;
	z-index: 5;
}
footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
}
span {
  text-decoration-thickness: from-font !important;
}
#contact-po-close svg path {
  stroke: var(--powder-white); 
}
#contact-pop-out .btn-container a.btn {
  color: var(--powder-white);
}
#contact-pop-out .btn-container a.btn svg path {
  fill: var(--powder-white);
}
.site--dark #contact-pop-out {
  --powder-white: #000000;
  --grey91: #000000;
}
.contact-pop-out .header-messages .swiper-slide span {
	color: #ffffff;
}
.contact-pop-out .header-messages {
	border-color: #ffffff;
	background: var(--bg-black);
}
#contact-pop-out::-webkit-scrollbar {
  display: none;
}
#contact-pop-out {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.contact-pop-out #contact-pop-out {
  transform: translateX(0);
}
#contact-po-close {
  position: absolute;
  top: 43px;
  right: 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--powder-white);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
	z-index: 10;
}
body:not(.touch-device) #contact-po-close {
  cursor: none;
}
body:not(.touch-device) a {
  cursor: none;
}
.swiper-free-mode>.swiper-wrapper {
  transition-timing-function: linear !important;
}
body.contact-pop-out,
body.mob-menu-open {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}
#contact-po-close svg path {
  fill: var(--powder-white);
}
.contact-po-inner {
  padding: 156px 32px 32px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.contact-po-inner > .flex-column {
  flex-grow: 1;
	justify-content: center;
}
.contact-po-top {
  padding-top: 0;
	justify-content: space-between;
}
.contact-po-top .left {
	max-width: 800px;
}
.contact-po-top h3 {
  margin: 0 0 40px;
	font-size: 80px;
	line-height: 110%;
	letter-spacing: -1.6px;

}
#contact-pop-out .contact-po-top .left p {
	color: #B5B5B5;
}
.contact-po-top .left .body {
	max-width: 384px;
}
#contact-pop-out h3, 
#contact-pop-out p {
  color: #ffffff;
}
#contact-pop-out p.grey {
  color: #B5B5B5;
}
.fifty-fifty-inner .left .body {
	max-width: 500px;
}
#contact-pop-out .form-wrap label {
  text-transform: uppercase;
}
#contact-pop-out .form-wrap form {
  position: relative;
}
#contact-pop-out .form-wrap form button {
  position: absolute;
  bottom: 11px;
  right: 2px;
  border: none;
  outline: none;
  appearance: none;
  padding: 0;
  background: transparent;
}
#contact-pop-out .form-wrap form input {
  background: transparent;
  appearance: none;
  border-radius: 0;
  border: none;
  outline: none;
  border-bottom: 1px solid var(--powder-white);
  padding: 16px 0 10px;
  display: block;
  width: 100%;
  color: var(--powder-white);
}
#contact-pop-out .contact-po-bottom {
	position: absolute;
	bottom: 32px;
	left: 32px;
	width: calc(100% - 64px);
}
#contact-pop-out .socials-row {
	gap: 40px;
}
#contact-pop-out .cpo-contacts-container {
	max-width: 400px;
}
#contact-pop-out .cpo-contacts-container p {
	text-align: right;
}
#contact-pop-out .cpo-link p {
	font-size: 28px;
	line-height: 120%;
	letter-spacing: -.48px;
}
#contact-pop-out .cpo-contact .p2.grey {
	margin: 0 0 8px;
}
#contact-pop-out .cpo-contacts-container .btn-container {
	margin: 80px 0 0;
	text-align: right;
}
#contact-pop-out .cpo-contacts-container .btn-container a {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	padding: 13px 26px;
	gap: 10px;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 32px;
	font-size: 21px;
	line-height: 130%;
}
#contact-pop-out .cpo-contacts-container .btn-container a svg {
	display: block;
	width: 18px;
	height: auto;
}
#contact-pop-out .form-wrap {
  margin-top: 40px;
}
#contact-pop-out .form-wrap form input::placeholder {
  color: var(--powder-white);
}
#contact-pop-out .form-wrap .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.cpo-contact {
  margin: 0 0 40px;
}
.cpo-contact .cpo-link p,
.cpo-contact p,
.cpo-contact p.p2 {
  margin: 0 0 4px;
}
.socials-copyright {
  align-items: flex-end;
}
.socials-copyright p {
  margin: 0;
}
#contact-pop-out .social {
  margin-top: 12px;
}
span.btn-yellow.btn,
a.btn-yellow.btn {
  display: inline-flex;
  padding: 6px 12px;
  background: var(--yellow);
  border-radius: 20px;
}
.contact-pop-out #contact-pop-out .form-wrap,
.contact-pop-out #contact-pop-out .socials-copyright,
.contact-pop-out #contact-pop-out h3,
.contact-pop-out #contact-pop-out .cpo-contact {
  transform: translateX(0);
  opacity: 1;
}
footer p {
  margin: 0;
}
.footer-top {
  background: var(--yellow);
  padding: 32px 0;
}
.footer-top h3 {
  margin: 0;
}
.footer-main {
  background: var(--yellow);
  padding: 32px 0 8px;
}
.footer-svg svg {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.footer-svg svg path {
	fill: #000000;
}
.footer-menu-row {
	gap: 64px;
}
.footer-menu-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-menu-wrap ul li {
	font-weight: 500;
	font-size: 18px;
	line-height: 150%;
}
.footer-menu-wrap a {
  color: #000000;
}
.footer-top-row,
.footer-middle-row {
  margin-bottom: 80px;
}
.news-item-cats {
  display: inline-flex;
  border-radius: 40px;
  background: var(--yellow);
  padding: 5px 12px;
}
.news-item-cats p {
  margin: 0;
  text-transform: uppercase;
}
.news-item-cats > div:last-of-type .separator {
  display: none;
}
.news-item-cats .separator {
  margin: 0 4px;
}
.news-item-cats svg {
  margin-left: 7px;
}
.simple-page-top h1 {
  text-indent: 120px;
}
.simple-page-top.nmb {
  margin-bottom: 0 !important;
}
.services-top-container {
  margin-bottom: 10px;
}
.services-top {
  padding: 32px 0 22px;
}
.services-top p {
  margin: 0;
}
.plain-text-page {
	margin: 120px 0 80px;
}
.plain-text-page .container {
	max-width: 1124px;
	margin: auto;
}
.plain-text-page h2,
.plain-text-page h3 {
	text-transform: uppercase;
}
.plain-text-close svg {
	height: 22px;
	width: 22px;
}
.plain-text-close {
	margin-bottom: 16px;
}
.plain-text-close svg path {
	stroke: var(--normal-text-color);
}
#cursor {
  position: fixed;
  border-radius: 120px;
  height: 20px;
  width: 20px;
  backdrop-filter: saturate(0) grayscale(1) brightness(0.7) contrast(8000%) invert(1);
  -webkit-backdrop-filter: saturate(0) grayscale(1) brightness(0.7) contrast(8000%) invert(1);
  filter: invert(0%) sepia(46%) saturate(2100%) hue-rotate(338deg) brightness(106%) contrast(101%);
  -webkit-filter: invert(0%) sepia(46%) saturate(2100%) hue-rotate(338deg) brightness(106%) contrast(101%);
  z-index: 10000000;
  pointer-events: none
}
#cursor span.prev,
#cursor span.next {
	opacity: 0;
  	visibility: hidden;
  	white-space: nowrap;
  	transition: all 0s ease;
	font-size: 32px;
	line-height: 110%;
	color: var(--yellow);
}
#cursor span.testimonial-cursor {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
}

#cursor span.testimonial-cursor svg {
  width: 42px;
  height: auto;
}
#cursor > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#cursor span.prev-cursor-span,
#cursor span.next-cursor-span,
#cursor span.bg-close-cursor,
#cursor span.speciality-cursor,
#cursor span.feed-carousel-cursor,
#cursor span.case-study-cursor {
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
  transition: all 0s ease;
}
#cursor span.prev-cursor-span,
#cursor span.next-cursor-span,
#cursor span.speciality-cursor,
#cursor span.case-study-cursor,
#cursor span.feed-carousel-cursor {
	font-size: 18px;
	line-height: 120%;
	letter-spacing: -.36px;
	color: #111111;
}
.drag-left-arrow.feed-carousel-cursor-active #cursor::after,
.next-cursor-active #cursor::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
 	 border-bottom: 10px solid transparent; 
 	 border-left:14px solid var(--yellow);
	transform: rotate(90deg);
	flex: none;
	order: 1;
	flex-grow: 0;
	position: absolute;
	top: 50%;
	right: -18px;
	transform: translateY(-50%);
}
.drag-right-arrow.feed-carousel-cursor-active #cursor::after,
.prev-cursor-active #cursor::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
 	 border-bottom: 10px solid transparent; 
 	 border-right:14px solid var(--yellow);
	transform: rotate(90deg);
	flex: none;
	order: 1;
	flex-grow: 0;
	position: absolute;
	top: 50%;
	left: -18px;
	transform: translateY(-50%);
}
.next-cursor-active #cursor,
.prev-cursor-active #cursor,
.show-bg-close-cursor #cursor,
.cs-hover-element #cursor,
.feed-carousel-cursor-active #cursor {
	width: 60px !important;
	height: 60px !important;
	backdrop-filter: none;
    -webkit-backdrop-filter: none;
    filter: none;
    -webkit-filter: none;
	background: var(--yellow);
}
.speciality-hover-element #cursor {
	width: 151px;
	height: 41px;
	backdrop-filter: none;
    -webkit-backdrop-filter: none;
    filter: none;
    -webkit-filter: none;
	background: var(--yellow);
	border-radius: 32px;
}
#cursor span.bg-close-cursor svg {
	display: block;
}
.prev-cursor-active #cursor span.prev-cursor-span,
.next-cursor-active #cursor span.next-cursor-span,
.show-bg-close-cursor #cursor span.bg-close-cursor,
.speciality-hover-element #cursor span.speciality-cursor,
.feed-carousel-cursor-active #cursor span.feed-carousel-cursor,
.cs-hover-element #cursor span.case-study-cursor {
  visibility: visible;
  opacity: 1;
}
span[style="text-decoration: underline;"] {
	text-decoration: none !important;
	display: inline;
  	background-image: linear-gradient(currentColor, currentColor);
  	background-repeat: no-repeat;
  	background-position: left 100%;
  	background-size: 0% 2px;
  	transition: background-size .4s ease .8s;
}
p > span[style="text-decoration: underline;"]:nth-of-type(2) {
	transition: background-size .4s ease 1.2s;
}
.in-view span[style="text-decoration: underline;"] {
	background-size: 100% 2px;
}
.home-next-hover-element #cursor span.next {
  visibility: visible;
  opacity: 1;
}
.home-prev-hover-element #cursor span.prev {
  visibility: visible;
  opacity: 1;
}
.home-next-hover-element #cursor,
.home-prev-hover-element #cursor {
	background: transparent !important;
	transition: all 0s ease;
	backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    -webkit-filter: none !important;
	filter: none !important;
	width: 82px !important;
	height: 40px !important;
	border-radius: 0;
	transition: all 0s ease !important;
}
.test-hover-element #cursor span.testimonial-cursor {
  visibility: visible;
  opacity: 1;
}
.feed-carousel-section {
	overflow: hidden;
}
.hide-cursor #cursor {
  opacity: 0;
}
.floating-imgs-container .media {
  pointer-events: none;
  height: 230px;
  width: 230px;
  display: block;
  object-fit: cover;
}
.touch-device #cursor {
  display: none !important;
}
.hover-element #cursor {
  height: 30px;
  width: 30px;
	transition: height .3s ease, width .3s ease, opacity .2s ease;
}
.test-hover-element #cursor {
  height: 64px;
  width: 64px;
  background: #000000;
	filter: none;
  -webkit-filter: none;
}
.service-grid {
  padding-top: 16px;
}
.service-grid .flex-row {
  padding-bottom: 40px;
}
.service-grid .flex-row h3,
.service-grid .flex-row p {
  margin: 0;
}
.service-grid .flex-row {
  align-items: flex-end;
}
.service-grid .flex-row p {
  margin-left: 8px;
  margin-bottom: 8px;
}
.service-grid .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
	padding-bottom: 240px;
}
.service-grid .right {
  position: relative;
  height: 100%;
}
.recent-work-grid-2 #copper-crew .body {
	max-width: 625px !important;
}
.wi-style--4#gopuff-x-wholegood .body {
	max-width: 662px !important;
}
.services-imgs-container .media {
  position: absolute;
  top: 0;
  right: 0;
  height: 420px;
  width: 100%;
  object-fit: cover;
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity .4s ease, transform .4s ease .4s;
}
.services-imgs-container .media.active {
  opacity: 1;
  transform: translateX(0);
  transition: opacity .4s ease, transform .4s ease;
}
.hover-active .services-imgs-container .media.active {
  opacity: 0;
  transform: translateX(-40px);
  transition: opacity .4s ease, transform .4s ease .4s;
}
.hover-active .services-imgs-container .media.hover-active-el {
  opacity: 1;
  transform: translateX(0);
  transition: opacity .4s ease, transform .4s ease;
}
#preloader {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000000;
  visibility: hidden;
  transform: translateY(100%);
  background: linear-gradient(180deg, var(--bg-black) 50%, var(--yellow) 50%);
  background-size: 100% 200%;
  background-position: top;
}
.spinner {
  width: 40px;
  height: 40px;
	display: none !important;
}

.cube1, .cube2 {
  background-color: #3F3F3F;
  width: 15px;
  height: 15px;
	border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
#preloader .spinner,
#preloader svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#preloader svg {
	width: 100px;
	fill: #ffffff;
}
#preloader .spinner {
	transform: translate(-50%,-50%) scale(2);
}
.page-out #preloader {
  visibility: visible;
  transform: translateY(0);
  transition: transform .7s ease,visibility .7s ease,background-position .7s ease .7s;
}
.new-page-loaded #preloader {
  visibility: hidden;
  transform: translateY(-100%);
  transition: transform .7s ease .7s,visibility .7s ease .7s,background-position .7s ease;
  background-position: bottom;
}
.new-page-loaded #preloader svg path {
  fill: var(--normal-text-color);
  transition: all .15s ease .2s;
}
body.yellow-bg {
  background: var(--yellow);
}
.wi-style--4,
.wi-style--1 {
  position: relative;
  overflow: hidden;
}
.wi-style--4 .news-item-cats,
.wi-style--4 .body,
.wi-style--4 h3,
.wi-style--1 .news-item-cats,
.wi-style--1 .body,
.wi-style--1 h3 {
  position: absolute;
  z-index: 2;
  margin: 0;
}
.wi-style--4 .body p,
.wi-style--1 .body p,
.wi-style--4 h3,
.wi-style--1 h3 {
  bottom: 24px;
  left: 24px;
  color: var(--white);
}
.wi-style--4 .body,
.wi-style--1 .body {
  top: 24px;
  left: 24px;
  max-width: 478px;
  width: calc(100% - 48px);
  transition: all .5s ease;
}
.wi-style--4 .news-item-cats,
.wi-style--1 .news-item-cats {
  bottom: 24px;
  right: 24px;
  background: transparent;
  padding: 5px 0;
  transition: all .5s ease .2s;
}
.wi-style--4 .news-item-cats p,
.wi-style--1 .news-item-cats p {
  color: var(--white);
}
.wi-style--4 .news-item-cats svg path,
.wi-style--1 .news-item-cats svg path {
  fill: var(--white);
}
.wi-style--2 a {
  display: flex;
  flex-direction: row-reverse;
}
.wi-style--2,
.wi-style--3 {
  margin: 32px 0;
}
.wi-style--2 .body,
.wi-style--3 .body {
  margin-bottom: 24px;
}
.wi-style--2 .body {
  max-width: 499px;
}
.wi-style--2 .news-item-cats,
.wi-style--3 .news-item-cats,
.wi-style--2 .body,
.wi-style--3 .body,
.wi-style--2 h3,
.wi-style--3 h3 {
  transform: translateY(50px);
  opacity: 0;
}
.wi-style--2 .news-item-cats,
.wi-style--3 .news-item-cats {
  transition: all .5s ease .2s;
}
.wi-style--2 .body,
.wi-style--3 .body {
  transition: all .5s ease .1s;
}
.wi-style--2 h3,
.wi-style--3 h3 {
  transition: all .5s ease;
}
.wi-style--2 .content.in-view .news-item-cats,
.wi-style--3 .content.in-view .news-item-cats,
.wi-style--2 .content.in-view .body,
.wi-style--3 .content.in-view .body,
.wi-style--2 .content.in-view h3,
.wi-style--3 .content.in-view h3 {
  transform: translateY(0);
  opacity: 1;
}
.wi-style--2 .featured-img-container img,
.wi-style--3 .featured-img-container img {
  display: block;
}
.wi-style--2 .featured-img-container img,
.wi-style--3 .featured-img-container img {
  height: 570px;
  object-fit: cover;
  width: 100%;
}
.wi-style--2 .featured-img-container {
  width: 62%;
  max-width: 62%;
  min-width: 62%;
  margin: 0;
}
.wi-style--2 .content {
  width: 38%;
  max-width: 38%;
  min-width: 38%;
  padding-right: 32px;
}
.wi-style--3 a {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.wi-style--3 .content {
  width: 62%;
  max-width: 62%;
  min-width: 62%;
}
.wi-style--3 .content .body {
  max-width: 454px;
}
.wi-style--3 .featured-img-container {
  width: calc(38% - 32px);
  max-width: calc(38% - 32px);
  min-width: calc(38% - 32px);
  margin: 0;
  margin-right: 32px;
}
.testimonials-row {
  padding-top: 64px;
}
.testimonials-row > .left {
  width: 38%;
  max-width: 38%;
  min-width: 38%;
}
.testimonials-row > .right {
  width: 62%;
  max-width: 62%;
  min-width: 62%;
  overflow: hidden;
}
.testimonial-top p.name {
  margin: 0;
}
.testimonial-top .body {
  margin-bottom: 24px;
}
.testimonial-top .body p {
  text-indent: 32px;
}
.testimonial-top {
  border-bottom: 1px solid var(--normal-text-color);
  padding-bottom: 24px;
}
.testimonial-bottom {
  padding-top: 24px;
}
.testimonial-small-text {
  margin-right: 78px;
}
#testimonial-timer {
  height: 2px;
  overflow: hidden;
  background: #A3A333;
  position: relative;
}
#testimonial-timer .testimonial-timer-inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 2px;
  background: var(--bg-black);
  width: 0;
}
.testimonials-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #000000;
}
.testimonials-container .swiper-slide .testimonial-top {
  transform: translateX(200px);
  transition: all .6s ease .1s;
}
.testimonials-container .swiper-slide .testimonial-bottom {
  transform: translateX(200px);
  transition: all .6s ease .2s;
}
.testimonials-container .swiper-slide.swiper-slide-active .testimonial-top,
.testimonials-container .swiper-slide.swiper-slide-active .testimonial-bottom {
  transform: translateX(0);
}
.testimonials-container .swiper-slide.swiper-slide-prev .testimonial-top,
.testimonials-container .swiper-slide.swiper-slide-prev .testimonial-bottom {
  transform: translateX(-200px);
}
.testimonials-container .swiper-slide.swiper-slide-next .testimonial-top,
.testimonials-container .swiper-slide.swiper-slide-next .testimonial-bottom {
  transform: translateX(200px);
}
.testimoinals-swiper a.btn-with-icon {
  padding: 10px 0;
}
.services-swiper .swiper-slide {
  width: auto;
}
.services-swiper .swiper-slide h2 {
  margin: 0;
}
.services-swiper-1 {
  margin-bottom: 16px;
}
.services-swiper-2 {
  margin-bottom: 64px;
}
.services-testimonials {
  overflow-y: visible;
  overflow-x: hidden;
  overflow-x: clip;
}
.services-testimonials .services-container .btn-container.text-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.services-testimonials .services-container a.btn {
  background: var(--normal-text-color);
  color: #F2F1ED;
  padding: 10.5px 12px;
  border-radius: 32px;
}
.services-testimonials .services-container a.btn span {
  line-height: 100%;
}
.services-testimonials .services-container a.btn svg path {
  fill: #F2F1ED;
}
.testimonials-container {
  margin-bottom: 160px;
}
.flexible-grid-layout {
  display: grid;
  grid-template-columns: repeat(4, calc(25% - 12px));
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.flexible-grid-layout .grid-item.button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
img.ofc {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.services-swiper-1 .swiper-wrapper {
  z-index: 10;
}
.services-swiper .swiper-slide {
  position: relative;
}
.services-swiper .swiper-slide:hover .floating-imgs-container {
  visibility: visible;
  opacity: 1;
}
.floating-imgs-container {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s ease, visibility .2s ease;
}
.floating-imgs-container img,
.floating-imgs-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  min-width: 200px;
  height: auto;
}
.floating-imgs-container .media {
  opacity: 0;
  visibility: hidden;
  transition: all .15s ease;
}
.floating-imgs-container .media.active {
  opacity: 1;
  visibility: visible;
}
.work-page-top {
  padding-top: 99px;
}
.works-main-grid {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 16px));
  grid-row-gap: 80px;
  grid-column-gap: 32px;
  margin-bottom: 0;
	padding-bottom: 120px;
}
.home-carousel {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.home-carousel img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	height: 100vh;
    height: calc(var(--vh, 1vh)* 100);
}
.home-carousel .swiper-wrapper,
.home-carousel .swiper-container {
	max-height: 100%;
	height: 100vh;
    height: calc(var(--vh, 1vh)* 100);
}
.home-swiper-controls {
	position: absolute;
	top: 0;
	width: 33.33%;
	height: 100%;
	z-index: 5;
}
.home-swiper-controls.hsc-left {
	left: 0;
}
.home-swiper-controls.hsc-right {
	right: 0;
}
.services-top-container {
  border-bottom: 1px solid #C4C4C4;
  padding-top: 90px;
  background: var(--body-bg);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.services-main {
  padding-top: 197px;
}
.grid-item .work-cats {
  margin-bottom: 10px;
}
.grid-item .work-cat-tag .separator {
  margin: 0 3px;
}

.grid-item .work-cats p {
  color: var(--grey91);
  margin: 0;
}
.grid-item .work-cats > div:last-of-type .separator {
  display: none;
}
.work-term a {
  align-items: flex-start;
  margin-right: 12px;
  overflow: hidden;
  position: relative;
}
.work-term p.large {
  position: relative;
  padding-bottom: 9px;
  overflow: hidden;
}
.work-term p.large::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--normal-text-color);
  transform: translateX(-100%);
  transition: all .3s ease;
}
.works-main-grid .grid-item {
  transform: translateY(150px);
  opacity: 0;
}
.anim .works-main-grid .grid-item {
  transform: translateY(0);
  opacity: 1;
}
.feed-main-grid .grid-item {
  transform: translateY(150px);
  opacity: 0;
}
.anim .feed-main-grid .grid-item {
  transform: translateY(0);
  opacity: 1;
}
.feed-main-grid video {
	max-width: 100%;
	width: 100%:
		height: auto;
}
.work-term.active p.large::after {
  transform: translateX(0);
  
}
.work-term.active p {
  color: var(--normal-text-color);
}
.work-term p {
  margin: 0;
  color:var(--grey91);
}
.work-term p.small-number {
  margin-left: 6px;
}
.works-top-row {
	position: relative;
  flex-wrap: wrap;
  align-items: flex-start;
}
.works-top-row::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: -32px;
	height: 1px;
	width: calc(100% + 64px);
	background: var(--grey91);
	display: block;
	z-index: 1;
}
.work-term a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 100%;
	background: var(--normal-text-color);
	opacity: 0;
	z-index: 5;
}
.work-term a {
	position: relative;
}
.work-term.active a::after {
	opacity: 1;
}
.works-main {
  margin: 32px 0 0;
}
.just-text-hero-section {
  margin: 0 0 120px;
  padding-top: 177px;
}
.testimonial-row {
  flex-wrap: wrap;
  position: relative;
}
.testimonial-row .flex-row {
  padding: 32px 0 48px;
}
.testimonial-row .left {
  width: 30%;
  max-width: 30%;
  min-width: 30%;
}
.testimonial-row .right {
  width: 70%;
  max-width: 70%;
  min-width: 70%;
  padding-left: 32px;
}
.testimonial-row p {
  margin-bottom: 0;
}
.testimonial-row .line {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  transition: all 1.4s ease;
  background: #C4C4C4;
}
.testimonial-row.in-view .line {
  transform: translateX(0);
}
.two-cols.media-pos-left {
  flex-direction: row-reverse;
}
.fifty-fifty-section .two-cols .left {
  padding-right: 106px;
}
.fifty-fifty-section .two-cols .right {
  padding-left: 106px;
}
.fifty-fifty-section .two-cols .left,
.fifty-fifty-section .two-cols .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.fifty-fifty-section .two-cols .left {
  align-items: flex-start;
}
.fifty-fifty-section h3 {
  max-width: 528px;
}
.fifty-fifty-section .fifty-img {
  max-width: 460px;
  margin: auto;
}
.fifty-fifty-section .two-cols.media-pos-left .right {
  padding-left: 0;
  padding-right: 106px;
}
.fifty-fifty-section .two-cols.media-pos-left .left {
  padding-left: 5.6%;
  padding-right: 0;
}
@media all and (min-width: 1300px) {
	.fifty-fifty-section .two-cols.media-pos-left .left {
		padding-left: 5.5%;
	}
}
section.simple-testimonials-section {
  margin: 160px 0 120px;
}
section.flexible-grid-section {
  margin-top: 120px;
}
.flexible-grid-section h4 {
  margin-bottom: 64px;
}
.two-cols .right,
.two-cols .left {
  width: 50%;
  max-width: 50%;
  min-width: 50%;
}
.how-we-title {
  max-width: 1170px;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 80px;
}
.how-we-title h3 {
  text-indent: 100px;
}
section.fifty-fifty-section {
  margin: 192px 0 160px;
}
.how-we-do-it-main h2 {
  margin: 0;
}
.how-we-do-it-main > .flex-row > .left {
  width: 30%;
  max-width: 30%;
  min-width: 30%;
}
.how-we-do-it-main > .flex-row > .right {
  width: 70%;
  max-width: 70%;
  min-width: 70%;
}
.how-we-do-it-main > .flex-row > .right .flex-row .item {
  width: 33.33%;
  max-width: 33.33%;
  min-width: 33.33%;
  padding-left: 32px; 
}
.awards-list .awards-row:hover {
  background: var(--yellow);
}
.awards-list .awards-row:hover svg path {
  fill: #000000;
}
.awards-list .awards-row:hover a.btn,
.awards-list .awards-row:hover p {
  color: #000000;
}
.awards-list .awards-row .left {
  width: 40%;
  max-width: 40%;
  min-width: 40%;
}
.awards-list .awards-row .middle {
  width: calc(60% - 160px);
  max-width: calc(60% - 160px);
  min-width: calc(60% - 160px);
  padding: 0 20px;
}
.awards-list .awards-row .right {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
}
.awards-list-section .title-wrap {
  margin-bottom: 24px;
}
.awards-list .awards-row .right a.btn-with-icon {
  justify-content: flex-end;
}
.awards-list .awards-row p {
  margin: 0;
}
.awards-row {
  padding: 12px 0 32px;
  position: relative;
}
.awards-row .line {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #C4C4C4;
  transform: translateX(-100%);
  transition: all 1.4s ease;
}
.awards-row.in-view .line {
  transform: translateX(0);
}
.check_in_view.normal-anim {
  transform: translateY(30px);
  opacity: 0;
  transition: all .4s ease;
}
.scroll-up .check_in_view.normal-anim {
  transform: translateY(-30px);
}
.check_in_view.normal-anim.in-view {
  transform: translateY(0);
  opacity: 1;
}
.check_in_view.normal-anim-delay-1.in-view {
  transition: all .4s ease;
}
.check_in_view.normal-anim-delay-2.in-view {
  transition: all .4s ease .1s;
}
.check_in_view.normal-anim-delay-3.in-view {
  transition: all .4s ease .3s;
}
.check_in_view.normal-anim-delay-4.in-view {
  transition: all .4s ease .4s;
}
.check_in_view.normal-anim-delay-5.in-view {
  transition: all .4s ease .5s;
}
.show--mob,
.show--tab {
  display: none;
}
header .logo-container {
  position: relative;
  z-index: 100000;
}
.works-top-row h1 {
  margin: 0;
}
.service-grid {
  display: grid;
  grid-template-columns: 1fr 430px;
  grid-column-gap: 32px;
}
.service-selector {
  transition: margin .4s ease;
  margin-left: 0;
}
.service-selector.active {
  margin-left: 32px;
}
.hover-active .service-selector.active {
  margin-left: 0;
}
.hover-active .service-selector.hover-active-el {
  margin-left: 32px;
}
.how-we-do-it-main.check_in_view .item,
.how-we-do-it-main.check_in_view .left {
  transform: translateY(80px);
  opacity: 0;
}
.how-we-do-it-main.check_in_view.in-view .item,
.how-we-do-it-main.check_in_view.in-view .left {
  transform: translateY(0);
  opacity: 1;
}
.how-we-do-it-main.check_in_view.in-view .left {
  transition: all .7s ease;
}
.how-we-do-it-main.check_in_view.in-view .how-we-do-it-items > div.item:nth-of-type(3n + 1) {
  transition: all .7s ease .1s;
}
.how-we-do-it-main.check_in_view.in-view .how-we-do-it-items > div.item:nth-of-type(3n + 2) {
  transition: all .7s ease .2s;
}
.how-we-do-it-main.check_in_view.in-view .how-we-do-it-items > div.item:nth-of-type(3n) {
  transition: all .7s ease .3s;
}
.flexible-grid-layout .grid-item.check_in_view {
  transform: translateY(80px);
  opacity: 0;
}
.flexible-grid-layout > div.grid-item.check_in_view:nth-of-type(4n + 1) {
  transition: all .7s ease;
}
.flexible-grid-layout > div.grid-item.check_in_view:nth-of-type(4n + 2) {
  transition: all .7s ease .1s;
}
.flexible-grid-layout > div.grid-item.check_in_view:nth-of-type(4n + 3) {
  transition: all .7s ease .2s;
}
.flexible-grid-layout > div.grid-item.check_in_view:nth-of-type(4n) {
  transition: all .7s ease .3s;
}
.flexible-grid-layout .grid-item.check_in_view.in-view {
  transform: translateY(0);
  opacity: 1;
}
.hero-bottom-menu {
  margin-top: 24px;
	width: 50%;
	margin-left: auto;
	margin-right: 0;
}
.hero-bottom-menu p {
  color: var(--normal-text-color);
  margin: 0;
}
section.under-hero {
  margin: 32px 0;
}
section.home-section-2 {
  margin: 60px 0 160px;
}
.hero-bottom-menu .flex-row {
  justify-content: space-between;
}
.hero-bottom-menu .flex-row .hbm-item {
  margin-left: 40px;
}
.hero-bottom-menu .flex-row > div.hbm-item:first-of-type {
  margin-left: 0;
}
.work-flexible-grid {
  display: grid;
  grid-template-columns: repeat(12, calc(8.33% - 29.33px));
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  margin: 32px 0;
}
.work-flexible-grid .grid-item .image img {
  display: block;
  width: 100%;
}
.work-flexible-grid p {
  font-style: italic;
}
.work-flexible-grid .grid-item.half {
  grid-column: span 6;
}
.work-flexible-grid .grid-item.one_third {
  grid-column: span 4;
}
.work-flexible-grid .grid-item.two_third {
  grid-column: span 8;
}
.work-flexible-grid .grid-item.full {
  grid-column: span 12;
}
.work-flexible-grid .grid-item.one_quarter {
  grid-column: span 3;
}
.work-flexible-grid .grid-item.three_quarter {
  grid-column: span 9;
}
.work-flexible-grid .grid-item.alignment-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.work-flexible-grid .grid-item .body > p:last-of-type {
  margin: 0;
}
.work-hero {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  padding: 72px 0 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.work-hero .bg-media img,
.work-hero .bg-media {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.work-hero .container {
  max-width: 1100px;
  margin: auto;
  position: relative;
  z-index: 5;
}
.just-text-hero-section .container {
  max-width: 1440px;
  margin: 0 auto;
}
.site--dark .pass-through {
  background: none;
}
.pass-through {
  background: var(--body-bg);
}
.pass-through img {
  mix-blend-mode: multiply;
}
.site--dark .pass-through img {
  mix-blend-mode: none;
}
.title-button-section,
section.free-text,
section.large-quote,
.title-text-2-cols {
  margin: 160px 0;
}
section.free-text .container {
  max-width: 1440px;
  margin: 0 auto;
}
section.large-quote .container {
  max-width: 900px;
  margin-right: auto;
  margin-left: 0;
}
section.free-text .body h2,
section.free-text .body p,
section.large-quote .quote h2,
section.large-quote .quote p {
  text-indent: 100px;
}
section.large-quote .quote h2,
section.large-quote .quote p {
  text-indent: 32px;
  font-size: 38px;
  line-height: 130%;
}
section.large-quote .bottom-row {
  justify-content: flex-start;
  margin-top: 40px;
}
section.large-quote p,
section.large-quote .bottom-row .name p {
  text-align: left;
}
.title-text-2-cols .second-row {
  margin-top: 80px;
}
.title-text-2-cols .second-row p {
  margin: 0;
}
.title-text-2-cols .main-row > .left {
  width: 33.33%;
  max-width: 33.33%;
  min-width: 33.33%;
  padding-right: 32px;
}
.title-text-2-cols .main-row > .right {
  width: 66.67%;
  max-width: 66.67%;
  min-width: 66.67%;
}
.title-text-2-cols .second-row > .right .two-cols,
.title-text-2-cols .main-row > .right .body {
  max-width: 848px;
  margin-left: auto;
  margin-right: 0;
}
.title-button-section h3 {
  max-width: 700px;
  text-indent: 100px;
  line-height: 48px;
}
.title-button-section .btn-container {
  padding-top: 10px;
}
.single-work-content .title-button-section {
  margin: 120px 0 80px;
}
.single-work-content section.work-grid-layout,
.single-work-content section.free-text,
.single-work-content .title-text-2-cols {
  margin: 0 0 160px;
}
.single-work-content .title-text-2-cols.emt {
  margin: 192px 0 160px;
}
.body > p:last-of-type {
  margin: 0;
}
.large-media-section img {
  display: block;
  width: 100%;
  object-fit: cover;
  min-height: 500px;
}
.single-work-content > :nth-last-child(2) {
  margin-bottom: 80px !important;
}
.services-testimonials.smtb {
  margin: 240px 0;
}
.work-item .featured-img-container {
  overflow: hidden;
}
.work-item img {
  transition: all .4s ease;
}
.work-item.equal-height .text-content {
	min-height: var(--body-height);
}
.calendly-overlay {
  z-index: 99999999 !important;
  background-color: rgba(0,0,0,0.8) !important;

}
.feed-title h2 {
	font-size: 80px;
	font-weight: 500;
	line-height: 88px;
	text-transform: uppercase;
	white-space: nowrap;
	margin: 0 16px;
}
.feed-title svg {
	width: 70px;
	min-width: 70px;
	height: auto;
	display: block;
}
.site--dark .feed-title svg path {
	fill: #ffffff;
}
.feed-title-container {
	margin: 40px 0 80px;
	overflow: hidden;
}
.feed-title {
	transition: transform 6s linear;
}
.feed-main-grid {
	transition: all .3s ease;
}
.feed-main-grid > div {
	display: block;
	break-inside: avoid;
	width: 33.33%;
	margin: 0 0 32px;
}
.feed-main-grid > div:nth-of-type(3n) {
	padding-left: 20px;
}
.feed-main-grid > div:nth-of-type(3n + 1) {
	padding-right: 20px;
}
.feed-main-grid > div:nth-of-type(3n + 2) {
	padding-right: 10px;
	padding-left: 10px;
}
.feed-meta {
	margin: 0 0 16px;
}
.feed-main-grid .featured-img-container {
	margin: 0 0 16px;
}
.feed-meta .work-cat-tag p,
.feed-meta p.date {
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	color: #919191;
	margin-bottom: 0;
}
.site--dark .feed-meta .work-cat-tag p {
	color: #ffffff;
}
.site--dark .feed-main-grid button.btn {
	color: #ffffff;
	border: 1px solid #ffffff;
}
.site--dark .feed-main-grid button.btn svg path {
	fill: #ffffff;
}
.feed-meta .work-cat-tag p {
	text-transform: uppercase;
	color: #000000;
}
.feed-meta .work-cat-tag {
	margin-right: 16px;
}
.feed-main-grid h3.p2 {
	font-size: 28px;
	line-height: 36px;
	font-weight: 500;
}
.feed-main-grid button.btn {
	border: 1px solid #000000;
	border-radius: 40px;
	appearance: none;
	font-family: Neue;
	outline: none;
	padding: 8px 12px;
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	background: transparent;
}
.feed-main-grid .btn-container {
	margin: 24 0 0;
	padding: 0 0 32px;
	border-bottom: 1px solid #C4C4C4;
}
.feed-page-top.work-page-top {
	padding: 149px 0 0;
}
.feed-page-top.work-page-top .works-top-row {
	align-items: flex-end;
}
.feed-page-top.work-page-top .works-top-row .terms-row {
	gap: 12px;
}
.feed-page-top.work-page-top .feed-main-top {
	padding: 0 0 20px;
	max-width: 522px;
}
.feed-page-top.work-page-top h1 {
	margin: 0 0 10px;
}
.feed-page-top.work-page-top .body p {
	color: #B5B5B5;
}
.feed-main-grid button.btn span {
	display: inline-block;
	margin-right: 7px;
}

.home-hero-25 {
	padding: 136px 0 32px;
	overflow: hidden;
}
.home-hero-25 .logo svg {
	width: 100%;
	height: auto;
}
.home-hero-25 .logo {
	margin: 0 0 40px;
	position: relative;
	z-index: 99;
	mask-image: url('../assets/kit-logo-large.svg');
    -webkit-mask-image: url('../assets/kit-logo-large.svg');
    backdrop-filter: saturate(0) grayscale(1) brightness(0.7) contrast(1000%) invert(1);
    -webkit-backdrop-filter: saturate(0) grayscale(1) brightness(0.7) contrast(1000%) invert(1);
	-webkit-mask-size: 100% 100%;
  	mask-size: 100% 100%;
	width: 100%;
	height: 0;
	padding-bottom: 16.08%;
}
.home-hero-25 .logo svg {
	height: 0;
	overflow: hidden;
}
.home-hero-25 .content {
	max-width: 580px;
}
.home-hero-25 .right {
	max-width: 408px;
	flex-grow: 1;
}
.home-hero-25 h1 {
	font-weight: 400;
	font-size: 40px;
	line-height: 114%;
	letter-spacing: -.8px;
}
.home-hero-25 .right span {
	color: #B5B5B5;
	font-family: Neue;
	font-weight: 400;
	font-size: 20px;
	line-height: 125%;
	letter-spacing: -.4px;
	display: block;
	margin: 0 0 16px;
	transition: all .2s ease;
}
.home-hero-25.scrolled .right span {
	opacity: 0;
}
.hh-bottom-row {
	align-items: flex-end;
	gap: 40px;
}
.home-hero-25 .hh-image-animation {
	position: relative;
	height: 237px;
	width: 100%;
	z-index: 40;
	transform-origin: bottom right;
}
.home-hero-25 .hh-image-animation img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.home-hero-25 .hh-image-animation img.active {
	opacity: 1;
}
.home-hero-25 .btn-container {
	margin: 18px 0 0;
}
.home-hero-wrap {
	height: 300vh;
}
.home-hero-wrap section {
	position: sticky;
	top: 0;
	left: 0;
	min-height: 700px;
  	min-height: 700px;
  	height: 100vh;
  	height: calc((var(--vh, 1vh) * 100));
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.btn-25 {
	font-weight: 400;
	font-size: 28px;
	line-height: 120%;
	letter-spacing: -.56px;
	display: inline-block;
	position: relative;
	overflow: hidden;
	color: var(--normal-text-color);
}
.btn-25.btn-25-large {
	font-size: 40px;
	letter-spacing: -.8px;
}
.header-messages .swiper-wrapper {
	transition-timing-function: linear !important;
}
.header-messages .swiper-slide {
	width: auto;
}
.header-messages {
	padding: 12px 0;
	border-bottom: 1px solid var(--normal-text-color);
	height: 45px;
	overflow: hidden;
	background: var(--body-bg);
	transition: all .4s ease;
	position: relative;
}
.header-messages .swiper-slide span {
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	color: var(--normal-text-color);
}
.header-messages span {
	display: inline-block;
}
.header-messages span.sep {
	margin-left: 16px;
}
.hide-news .header-messages {
	padding: 0;
	height: 0;
	top: -1px;
}
.btn-25::after {
	content: '';
	position: absolute;
	display: block;
	height: 2px;
	width: 100%;
	background: var(--normal-text-color);
	bottom: 0;
	left: 0;
}
.btn-25:hover::after {
	animation: btn-anim-25 1s cubic-bezier(.785,.135,.15,.86) forwards;
}
.large-text-section  {
	padding: 40px 0 120px;
	border-top: 1px solid var(--normal-text-color);
}
.large-text-section .body * {
	font-size: 60px;
	line-height: 115%;
	letter-spacing: -1.2px;
}
.large-text-section .body.size-medium * {
	font-size: 40px;
	line-height: 115%;
	letter-spacing: -.8px;
}
.large-text-section .img-container {
	margin: 64px 0 0;
}
.testimonials-25-swiper {
	overflow: hidden;
}
.testimonials-25-swiper .body * {
	font-size: 60px;
	line-height: 115%;
	letter-spacing: -1.2px;

}
.testimonials-25-swiper .body {
	margin: 0 0 24px;
}
.testimonial-swiper-btn span {
	font-size: 40px;
	line-height: 120%;
	color: var(--normal-text-color);
}
.testimoinals-25-section .title-row {
	align-items: flex-end;
	margin: 0 0 20px;
}
.title-row h2.pre-title {
	margin: 0;
}
.testimoinals-25-section p.name,
.testimoinals-25-section p.company {
	margin: 0;
	text-align: right;
	font-size: 28px;
	line-height: 120%;
	letter-spacing: -.56px;
	
}
.testimoinals-25-section p.company {
	color: var(--normal-text-color);
	text-decoration: underline;
}
.testimoinals-25-section p.name {
	color: #B5B5B5;
}
.testimoinals-25-section h2.pre-title {
	margin: 0;
}
h2.pre-title,
.pre-title {
	display: block;
	margin: 0 0 20px;
	color: #B5B5B5;
	font-weight: 400;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: -.36px;

}
.speciality-carousel-section {
	overflow: hidden;
}
.speciality-carousel {
	position: relative;
	min-height: var(--height);
}
.speciality-carousel .img-container {
	height: 0;
	padding-bottom: 60%;
	position: relative;
	transition: padding-bottom .6s ease;
}
.speciality-carousel .img-container img {
	position: absolute;
	top: 0;
	left: 0;
}
.speciality-carousel .swiper-slide-active .img-container {
	padding-bottom: 100%;
}
.speciality-carousel .speciality-next,
.speciality-carousel .speciality-prev {
	position: absolute;
	top: 0;
	height: 100%;
	width: 25%;
	z-index: 20;
	display: block;
	
}
.speciality-carousel .speciality-next {
	right: -32px;
}
.speciality-carousel img {
	display: block;
}
.speciality-carousel p {
	font-size: 28px;
	line-height: 120%;
	margin: 16px 0 0;
}
.at-end.speciality-carousel .speciality-next {
	display: none;
}
.at-beginning.speciality-carousel .speciality-prev {
	display: none;
}
.speciality-carousel .speciality-prev {
	left: -32px;
}
.work-page-top h2.pre-title {
	margin: 0;
}
.speciality-item {
	position: relative;
}
.speciality-item h3 {
	font-weight: 400;
	font-size: 140px;
	line-height: 100%;
	letter-spacing: -2.8px;
	margin: 0;
	color: #B5B5B5;
	transition: all .1s ease;
}
.specialities-section {
	padding: 32px 0 120px;
	border-top: 1px solid var(--normal-text-color);
}
.speciality-item a {
	display: flex;
	flex-direction: row;
	z-index: 5;
	position: relative;
}
.speciality-item.active h3 {
	color: var(--normal-text-color);
}
.speciality-item span {
	display: inline-block;
}
.speciality-item span.arrow {
	display: inline-block;
	width: 0;
	overflow: hidden;
	transition: all .3s ease;
}
.speciality-item p {
	margin: 0;
	line-height: 125%;
}
.speciality-item.active span.arrow {
	width: 126.27px;
}
.speciality-hover .img-container {
	height: 252px;
	margin: 0 0 16px;
	transition: all .7s ease;
	overflow: hidden;
}
.speciality-item.active .speciality-hover .img-container {
	height: 252px;
}
.speciality-item img {
	display: block;
	width: 100%;
	height: 252px;
	object-fit: cover;
	transform: scale(0.85) translateY(100%);
	transition: all .6s ease;
	transform-origin: bottom center;
}
.speciality-item.active img {
	transform: scale(1) translateY(0);
}
.speciality-hover {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(calc(-50% + 30px));
	opacity: 0;
	z-index: 1;
	transition: transform .4s ease;
	max-width: 380px;
}
.specialities-main > div:first-of-type .speciality-hover {
	top: 0;
	transform: translateY(30px);
}
.specialities-main > div:last-of-type .speciality-hover {
	bottom: 0;
	transform: translateY(30px);
	top: auto;
}
.speciality-item.active .speciality-hover {
	transform: translateY(-50%);
	opacity: 1;
}
.specialities-main > div.active:first-of-type .speciality-hover,
.specialities-main > div.active:last-of-type .speciality-hover {
	transform: translateY(0);
}
.recent-work-grid-25 .featured-img-container {
	overflow: hidden;
}
.recent-work-grid-25 .work-item {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.recent-work-grid-25 img.wp-post-image {
	transition: all .3s ease;
}
.recent-work-grid-25 .case-study-cursor:hover img.wp-post-image {
	transform: scale(1.08);
}
.recent-work-grid-25 {
	display: grid;
	grid-template-columns: repeat(25, calc(4% - 28.8px));
	grid-column-gap: 30px;
	grid-row-gap: 64px;
	grid-auto-flow: row;
}
.recent-work-grid-25 > div:nth-of-type(14n + 9) {
	grid-column: 20 / span 6;
	justify-content: flex-start;
}
.recent-work-grid-25 > div:nth-of-type(14n + 1) {
	grid-column: 1 / span 6;
	justify-content: flex-start;
}
.recent-work-grid-25 > div:nth-of-type(14n + 8) { 
	grid-column: 1 / span 12;
}
.recent-work-grid-25 > div:nth-of-type(14n + 2) {
	grid-column: 14 / span 12;
}
.recent-work-grid-25 > div:nth-of-type(14n + 3) {
	grid-column: span 11;
}
.recent-work-grid-25 > div:nth-of-type(14n + 12) {
	grid-column: 15 / span 11;
}
.recent-work-grid-25 > div:nth-of-type(14n + 4) {
	grid-column: 16 / span 5;
}
.recent-work-grid-25 > div:nth-of-type(14n + 5) {
	grid-column: 21 / span 5;
}
.recent-work-grid-25 > div:nth-of-type(14n + 10) {
	grid-column: 1 / span 5;
}
.recent-work-grid-25 > div:nth-of-type(14n + 11) {
	grid-column: 6 / span 5;
}
.recent-work-grid-25 > div:nth-of-type(14n + 6) {
	grid-column: span 5;
}
.recent-work-grid-25 > div:nth-of-type(14n + 7) {
	grid-column: 10 / span 9;
}
.recent-work-grid-25 > div:nth-of-type(14n + 13) {
	grid-column: 8 / span 9;
}
.recent-work-grid-25 > div:nth-of-type(14n) {
	grid-column: 21 / span 5;
}
.recent-work-grid-25 > div:nth-of-type(14n) .featured-img-container,
.recent-work-grid-25 > div:nth-of-type(14n + 13) .featured-img-container,
.recent-work-grid-25 > div:nth-of-type(14n + 11) .featured-img-container,
.recent-work-grid-25 > div:nth-of-type(14n + 10) .featured-img-container,
.recent-work-grid-25 > div:nth-of-type(14n + 9) .featured-img-container,
.recent-work-grid-25 > div:nth-of-type(14n + 1) .featured-img-container,
.recent-work-grid-25 > div:nth-of-type(14n + 4) .featured-img-container,
.recent-work-grid-25 > div:nth-of-type(14n + 5) .featured-img-container,
.recent-work-grid-25 > div:nth-of-type(14n + 6) .featured-img-container,
.recent-work-grid-25 > div:nth-of-type(14n + 7) .featured-img-container  {
	height: 0;
	padding-bottom: 100%;
}
.recent-work-grid-25 > div:nth-of-type(14n) .featured-img-container .wp-post-image,
.recent-work-grid-25 > div:nth-of-type(14n + 13) .featured-img-container .wp-post-image,
.recent-work-grid-25 > div:nth-of-type(14n + 11) .featured-img-container .wp-post-image,
.recent-work-grid-25 > div:nth-of-type(14n + 10) .featured-img-container .wp-post-image,
.recent-work-grid-25 > div:nth-of-type(14n + 9) .featured-img-container .wp-post-image,
.recent-work-grid-25 > div:nth-of-type(14n + 1) .featured-img-container .wp-post-image,
.recent-work-grid-25 > div:nth-of-type(14n + 4) .featured-img-container .wp-post-image,
.recent-work-grid-25 > div:nth-of-type(14n + 5) .featured-img-container .wp-post-image,
.recent-work-grid-25 > div:nth-of-type(14n + 6) .featured-img-container .wp-post-image,
.recent-work-grid-25 > div:nth-of-type(14n + 7) .featured-img-container .wp-post-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.recent-work-grid-25 .work-item .body p {
	font-weight: 400;
	font-size: 20px;
	line-height: 125%;
	letter-spacing: -.4px;
	margin: 20px 0 0;
}
.works-main-grid.recent-work-grid-25 .work-item h3 {
	font-size: 20px;
	line-height: 125%;
	letter-spacing: -.4px;
	margin: 20px 0 4px;
}
.works-main-grid.recent-work-grid-25 .work-item .body p {
	margin: 0;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: -.32px;
	color: #919191;
}
.work-item a {
	position: relative;
	padding-bottom: 20px;
}
.recent-work-grid-25 .work-item a {
	padding-bottom: 0;
}
.recent-work-grid-25 .work-item .body {
	position: relative;
	padding-bottom: 20px;
}
.cats-25 {
	gap: 8px;
	flex-wrap: wrap;
	transform: translateY(-16px);
	opacity: 0;
	transition: all .3s ease;
	position: absolute;
	top: 100%;;
	left: 0;
	width: 100%;
	z-index: 10;
}
.testimonial-25 .body {
	overflow: hidden;
}
.testimonial-25 .body p {
	transform: translateY(100%);
	transition: all .7s ease .4s;
}
.swiper-slide-active .testimonial-25 p.name,
.swiper-slide-active .testimonial-25 p.company,
.swiper-slide-active .testimonial-25 .body p {
	transform: translateY(0);
}
.testimonial-25 p.name,
.testimonial-25 p.company {
	transform: translateY(100%);
	transition: all .5s ease;
}
.testimonials-25-swiper .body.nm {
	margin: 0;
}
.testimonial-25 p.name {
	transition-delay: .6s;
}
.testimonial-25 p.company {
	transition-delay: .7s;
}
.work-item a:hover .cats-25 {
	transform: translateY(0);
	opacity: 1;
}
.featured-img-container .secondary-image {
	z-index: 2;
}
.cats-25 p {
	margin: 0;
	
}
.cats-25 .news-cat-tag {
	padding: 2px 12px;
	background: #E8E8E8;
	border-radius: 4px;
	
}
.cats-25 .news-cat-tag p {
	color: #000000 !important;
	font-weight: 500;
	font-size: 14px !important;
	line-height: 140% !important;
	letter-spacing: -.28px !important;
	text-transform: uppercase;
	margin: 0 !important;
}
.recent-work-section-25 {
	padding: 40px 0 120px;
	border-top: 1px solid var(--normal-text-color);
}
.recent-work-section-25 .title-row {
	margin: 0 0 32px;
	align-items: flex-end;
	
}
.clients-list {
	position: relative;
	flex-wrap: wrap;
}
.client-item {
	margin-right: 16px;
	
}
.check_in_view .client-item .animate {
	transform: translateY(30px);
	opacity: 0;
	transition: all .3s ease;
}
.check_in_view.in-view .client-item .animate {
	transform: translateY(0);
	opacity: 1;
}
.home-25-section {
	padding: 40px 0 120px;
	border-top: 1px solid var(--normal-text-color);
}
.client-item p {
	margin: 0;
	font-weight: 400;
	font-size: 60px;
	line-height: 115%;
	letter-spacing: -1.2px;

}
.client-item:hover img {
	opacity: 1;
	visibility: visible;
}
.client-item img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	visibility: hidden;
	user-select: none;
	pointer-events: none;
	z-index: 5;
	transition: all .1s ease;
}
.site--dark .client-item img {
	filter: invert(1);
}
.client-item p {
	transition: all .1s ease;
}
.hovered .client-item p {
	color: #B5B5B566;
}
.hovered .client-item:hover p {
	color: var(--normal-text-color);
}
.awards-grid-25 {
	display: grid;
	grid-template-columns: repeat(3, calc(33.33%));
	position: relative;
	z-index: 20;
	border-bottom: 1px solid var(--normal-text-color);
}
.check_in_view .award-card .logo-container,
.check_in_view .award-card .body,
.check_in_view .award-card h3 {
	transition: transform .5s ease, opacity .5s ease;
	transform: translateY(30px);
	opacity: 0;
}
.check_in_view .award-card .body {
	transition-delay: .1s;
}
.check_in_view .award-card .logo-container {
	transition-delay: .2s;
}
.check_in_view.in-view .award-card .logo-container,
.check_in_view.in-view .award-card .body,
.check_in_view.in-view .award-card h3 {
	transform: translateY(0);
	opacity: 1;
}
.award-card {
	padding: 24px;
	height: 100%;
	border: 1px solid var(--normal-text-color);
	border-bottom: none;
	min-height: 270px;
	display: flex;
	flex-direction: column;
}
.award-card.active {
	background: #FFFFFF80;
	backdrop-filter: blur(50px);
	-webkite-backdrop-filter: blur(50px)

}
.award-card .btn-container {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-20px);
	transition: all .2s ease;
}
.award-card.active .btn-container {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.site--dark .award-card.active {
	background: #00000080;
}
.awards-grid-25 > div:nth-of-type(3n) .award-card,
.awards-grid-25 > div:nth-of-type(3n + 2) .award-card {
	border-left: none;
}
.awards-grid-25 > div:nth-of-type(3n + 1) .award-card {
	border-left: none;
}
.awards-grid-25 > div:nth-of-type(3n) .award-card {
	border-right: none;
}
.award-card .award-bottom {
	margin-top: auto;
	align-items: flex-end;
}
.award-card .award-bottom img {
	display: block;
}
.awards-section.home-25-section {
	border-top: none;
	z-index: 10;
}
.award-card h3 {
	font-weight: 400;
	font-size: 24px;
	line-height: 120%;
	margin: 0 0 4px;
}
button {
	pointer-events: none;
}
button.btn-with-icon-25,
.btn-with-icon-25,
a.btn-with-icon-25 {
	appearance: none;
	border: none;
	border-radius: 0;
	outline: none;
	background: transparent;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 7px;
	color: var(--normal-text-color);
	font-weight: 400;
	font-family: Neue;
	font-size: 18px;
	line-height: 120%;
	letter-spacing: -.36px;
	padding: 0;

}
#calendly-main-btn svg,
.btn-with-icon-25 svg {
	display: block;
	animation: btn-with-icon-25-anim-reverse .3s cubic-bezier(.785,.135,.15,.86) forwards;
}
#calendly-main-btn:hover svg,
.feed-carousel-card a:hover .btn-with-icon-25 svg {
	animation: btn-with-icon-25-anim .3s cubic-bezier(.785,.135,.15,.86) forwards;
}
@keyframes btn-with-icon-25-anim {
	0% {transform: rotate(0);}
	25% {transform: rotate(0);}
	90% {transform: rotate(50deg);}
	95% {transform: rotate(40deg);}
	100% {transform: rotate(45deg);}
}
@keyframes btn-with-icon-25-anim-reverse {
	0% {transform: rotate(45deg);}
	25% {transform: rotate(45deg);}
	90% {transform: rotate(-5deg);}
	95% {transform: rotate(5deg);}
	100% {transform: rotate(0);}
}
.site--dark .award-card .logo-container img {
	filter: invert(1);
}
.feed-carousel-section {
	padding: 0 0 80px;
}
#awards-splash {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	transition: all .1s ease;
}
#awards-splash img {
	height: 100%;
	width: 100%;
	display: block;
	object-fit: cover;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left 0;
}
#awards-splash img.active,
.active #awards-splash {
	opacity: 1;
	visibility: visible;
}
.feed-carousel {
	margin: 40px 0 0;
	user-select: none;
}
.feed-carousel-card .img-wrap {
	position: relative;
	overflow: hidden;
}
.feed-carousel-card .img-wrap img,
.feed-carousel-card .img-wrap video,
.feed-carousel-card .img-wrap picture {
	display: block;
	transition: all .3s ease;
}
.feed-carousel-card a:hover video,
.feed-carousel-card a:hover picture,
.feed-carousel-card a:hover img {
	transform: scale(1.08);
}
.feed-carousel-card .work-cat-tag {
	position: absolute;
	top: 16px;
	right: 16px;
	background: #D4D4D48A;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	
	padding: 5px 10px;
	border-radius: 8px;
	z-index: 5;
} 
.feed-carousel-card .work-cat-tag p {
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: -.32px;
	text-transform: uppercase;
	margin: 0;
	color: #FFFFFF;
}
.feed-carousel-card p.title {
	margin: 20px 0;
}
#main-menu-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	padding: 16px;
	opacity: 0;
	visibility: hidden;
}
.mob-menu-started #main-menu-modal {
	transition: all .2s ease .45s;
}
.mob-menu-open.mob-menu-started #main-menu-modal {
	opacity: 1;
	visibility: visible;
	transition: all .2s ease;
}
#main-menu-modal .modal-menu {
	transform: translateX(466px);
}
.mob-menu-started #main-menu-modal .modal-menu {
	transition: all .7s ease;
}
.mob-menu-open #main-menu-modal .modal-menu {
	transform: translateX(0);
}
.mob-menu-open.mob-menu-started #main-menu-modal .modal-menu {
	transition: all .7s ease .1s;
}
#main-menu-modal .dropdown-nav-wap {
	padding: 40px 24px;
}
#main-menu-modal .dropdown-nav-wap li {
	font-weight: 400;
	font-size: 40px;
	line-height: 115%;
	letter-spacing: -.8px;
	margin: 0;
	color: var(--normal-text-color);
}
#main-menu-modal .dropdown-nav-wap li a {
	padding: 0 0 16px;
}
#main-menu-modal .dropdown-nav-wap ul > li:last-of-type {
	margin: 0;
}
#main-menu-modal .dropdown-nav-bottom {
	border-top: 1px solid var(--normal-text-color);
}
#main-menu-modal .services-menu a {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}
#main-menu-modal .services-menu span {
	display: inline-block;
}
#main-menu-modal .services-menu span.arrow {
	width: 0;
	transition: all .2s ease;
	overflow: hidden;
}
#main-menu-modal .services-menu a:hover span.arrow {
	width: 36.37px;
}
#main-menu-modal .services-menu .img-wrap {
	display: block;
	height: 0;
	overflow: hidden;
	transition: all .3s ease;
	width: 100%;
	min-width: 100%;
}
#main-menu-modal .services-menu a:hover .img-wrap {
	height: 258px;
}
#main-menu-modal .modal-menu-inner {
	overflow-y: auto;
	-ms-overflow-style: none; 
  	scrollbar-width: none;
	max-height: 100%;
	padding-bottom: 24px;
}
#main-menu-modal .modal-menu-inner::-webkit-scrollbar {
  display: none;
}
#main-menu-modal .services-menu .img-wrap img {
	display: block;
	height: 240px;
	padding: 18px 0 0;
}
#main-menu-modal .modal-menu {
	width: 450px;
	height: 100%;
	z-index: 10;
	position: relative;
	border-radius: 8px;
	background: var(--body-bg);
	margin-left: auto;
	overflow: hidden;
}
#main-menu-modal .modal-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#main-menu-modal .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #D4D4D48A;
	backdrop-filter: blur(45px);
	z-index: 1;
}
.small-title-hero {
	padding: 112px 0 80px;
}
.has-news .small-title-hero {
	padding: 157px 0 80px;
}
.small-title-hero .body p {
	font-size: 60px;
	line-height: 115%;
	letter-spacing: -1.2px;
	color: var(--normal-text-color);
	margin: 0;
}
.work-page-top {
	padding: 0;
}
.hero-images {
	overflow: hidden;
	position: relative;
}
.hero-images.design-digital {
	padding: 80px 0 80px;
}
.hero-images.design-digital .hero-images-grid {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 16px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.hero-images.design-digital .swiper-wrapper {
	align-items: center;
	transition-timing-function: linear !important;
}
.hero-images.design-digital .swiper-slide {
	width: var(--width);
}
.hero-images.design-digital .img-container img {
	display: block;
}
.hero-images.design-digital .hero-images-wrap .swiper-slide {
	transition: all .6s cubic-bezier(0,0.4,0.6,1);
}
#digital .small-title-hero {
	padding-bottom: 0;
}
#work-ajax.waiting {
	opacity: 0;
}
.hero-images.design-digital .hero-images-wrap .swiper-slide.hovered {
	transform: scale(1.15);
}
.hero-images.design-digital .hero-images-wrap .swiper-slide.not-hovered-next {
	transform-origin: left center;
	transform: translateX(calc(var(--hovered-width)*0.075));
}
.hero-images.design-digital .hero-images-wrap .swiper-slide.not-hovered-prev {
	transform-origin: right center;
	transform: translateX(calc(var(--hovered-width)*-0.075));
}
.what-we-do-section .left .body {
	max-width: 315px;
}
.what-we-do-section ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.what-we-do-section .lists-row {
	gap: 142px;
}
.what-we-do-section ul li {
	font-size: 28px;
	line-height: 120%;
	letter-spacing: -.56px;
	color: #B5B5B5;
}
.service-cards-grid {
	display: grid;
	grid-template-columns: repeat(2, calc(50% - 16px));
	grid-column-gap: 32px;
	grid-row-gap: 32px;
}
.service-cards-grid .img-container {
	height: 450px;
	margin: 0 0 16px;
	overflow: hidden;
}
.service-cards-grid .check_in_view .img-container,
.service-cards-grid .check_in_view button {
	transform: translateY(30px);
	opacity: 0;
	transition: all .4s ease;
}
.service-cards-grid .check_in_view button {
	transition-delay: .1s ease;
}
.service-cards-grid .check_in_view.in-view .img-container,
.service-cards-grid .check_in_view.in-view button {
	transform: translateY(0);
	opacity: 1;
}
.service-cards-grid .img-container img {
	transition: all .3s ease;
}
.service-cards-grid a:hover .img-container img {
	transform: scale(1.080);
}
.service-cards-grid button {
	appearance: none;
	border-radius: 0;
	border: none;
	outline: none;
	padding: 0;
	background: transparent;
	display: inline-flex;
	gap: 8px;
	flex-direction: row;
	align-items: center;
	font-size: 28px;
	line-height: 120%;
	letter-spacing: -.56px;
	color: var(--normal-text-color);
	font-family: Neue;
	transition: all .2s ease;
}
.service-cards-grid a:hover button {
	gap: 14px;
} 
.service-cards-grid button svg {
	display: block;
}
.works-top-row {
	gap: 40px;
}
.overflow-wrap {
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .overflow-wrap::-webkit-scrollbar {
    display: none;
  }
.award-card .logo-container {
	width: var(--width);
}
#main-menu-modal .dropdown-nav-wap .services-menu li {
	margin: 0;
	padding: 0;
}
#main-menu-modal .dropdown-nav-wap .services-menu li a {
	padding: 0 0 16px;
}
#main-menu-modal .dropdown-nav-wap.hovered li {
	color: #B5B5B5;
}
#main-menu-modal .dropdown-nav-wap.hovered li:hover {
	color: var(--normal-text-color);
}
#menu-dropdown-menu li a {
	display: flex;
	flex-direction: row;
	align-items: center;
}
#menu-dropdown-menu li a::before {
	content: '';
	background-image: url('/wp-content/uploads/2025/06/arrow-right.png');
	width: 0;
	height: 46px;
	background-position: center left;
	background-size: 30px auto;
	background-repeat: no-repeat;
	display: block;
	transition: all .2s ease;
}
#menu-dropdown-menu li a:hover::before {
	width: 36.67px;
}
.small-title-hero.design-brand {
	height: 100vh;
  	height: calc(var(--vh, 1vh) * 100);
	min-height: 600px;
	overflow: hidden;
}
.design-brand .small-title-hero-inner {
	max-width: 656px;
	width: 50%;
}
.hero-images.design-brand.loading {
	opacity: 0;
	
}
.hero-images.design-brand {
	opacity: 1;
	transition: opacity .2s ease .2s;
}
.hero-images.design-brand > div {
	transition: transform .5s cubic-bezier(0,0.4,0.6,1);
}
.hero-images.design-brand > div:hover {
	transform: scale(1.1);
}
.hero-images.design-brand {
	width: calc(100% - 752px);
	min-width: calc(100% - 752px);
	position: absolute !important;
	top: 45px;
	right: 32px;
	overflow: unset;
}
.hero-images.design-brand > div {
	display: block;
	break-inside: avoid;
	width: 50%;
	margin: 0 0 16px;
}
.hero-images.design-brand img {
	display: block;
}
.hero-images.design-brand > div:nth-of-type(2n + 1) {
	padding-right: 8px;
	transform-origin: left center;
}
.hero-images.design-brand > div:nth-of-type(2n) {
	padding-left: 8px;
	transform-origin: right center;
}
.hero-images.design-brand > div.not-hovered:nth-of-type(2n) {
	transform: translateX(calc(var(--hovered-width)*0.1));
}
.hero-images.design-brand > div.not-hovered:nth-of-type(2n + 1) {
	transform: translateX(calc(var(--hovered-width)*-0.1));
}
.hero-images.design-brand > div.above.not-hovered {
	transform: translateY(calc(var(--hovered-height)*-0.05));
}
.hero-images.design-brand > div.below.not-hovered {
	transform: translateY(calc(var(--hovered-height)*0.05));
}
.hero-images.design-advertising .img-container {
	height: 0;
	padding-bottom: 100%;
	position: relative;
}
.hero-images.design-advertising .img-container img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.show-mob {
	display: none;
}
@keyframes btn-anim-25 {
	0% {}
	40% {transform: translateX(100%);opacity: 1;}
	50% {transform: translateX(100%);opacity: 0;}
	51% {transform: translateX(-100%);opacity: 0;}
	60% {transform: translateX(-100%);opacity: 1;}
	100% {transform: translateX(0);opacity: 1;}
}
@media all and (max-width: 1410px) {
	.hero-bottom-menu {
		width: 100%;
	}
	.hero-bottom-menu .flex-row {
		justify-content: flex-end;
	}
}
@media all and (max-width: 1300px) {
  .service-grid .flex-row h3 {
    font-size: 5.8vw;
  }
  .service-grid .flex-row p {
    margin-bottom: 0.6vw;
  }
  .service-grid {
    grid-template-columns: 1fr 33%;
  }
  .large-line-text h2,
  h1.defined-lines {
    font-size: 6vw;
  }
  .home-section-2 h1.defined-lines {
    font-size: 9.2vw;
  }
  .testimonials-row .right {
    width: 72%;
    min-width: 72%;
    max-width: 72%;
  }
  .testimonials-row .left {
    width: 28%;
    min-width: 28%;
    max-width: 28%;
  }
  .fifty-fifty-section .two-cols .left,
  .fifty-fifty-section .two-cols.media-pos-left .right {
    padding-right: 40px;
  }
  .fifty-fifty-section .two-cols .right,
  .fifty-fifty-section .two-cols.media-pos-left .left {
    padding-left: 40px;
  }
}
@media all and (max-width:1200px) {
	.speciality-item h3 {
		font-size: 100px;
		letter-spacing: -2px;
	}
	.speciality-item.active span.arrow {
		width: 84px;
	}
	.hero-images.design-brand {
		position: relative !important;
		width: 100%;
    	min-width: 100%;
		right: 0;
		top: 0;
		margin: 40px 0 0;
	}
	.design-brand .small-title-hero-inner {
		width: 100%;
		max-width: 100%;
	}
	.small-title-hero.design-brand {
		height: auto;
		padding-bottom: 0;
	}
	.hero-images.design-brand > div {
		width: 33.33%;
		max-height: 300px;
		overflow: hidden;
		margin-bottom: 0;
	}
	.hero-images.design-brand > div.hovered,
	.hero-images.design-brand > div.not-hovered {
		transform:scale(1) !important;
	}
	.hero-images.design-brand > div:nth-of-type(6n + 1),
	.hero-images.design-brand > div:nth-of-type(6n + 2),
	.hero-images.design-brand > div:nth-of-type(6n + 3) {
		margin-bottom: 24px;
	}
	.hero-images.design-brand > div .img-container {
		height: 100%;
	}
	.hero-images.design-brand > div .img-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.hero-images.design-brand > div:nth-of-type(3n) {
		padding-left: 12px;
		padding-right: 0;
	}
	.hero-images.design-brand > div:nth-of-type(3n + 1) {
		padding-right: 12px;
		padding-left: 0;
	}
	.hero-images.design-brand > div:nth-of-type(3n + 2) {
		padding-right: 6px;
		padding-left: 6px;
	}
}
@media all and (max-width: 992px) {
	.small-title-hero.design-advertising {
		padding-bottom: 40px;
	}
	.speciality-carousel .speciality-next,
	.speciality-carousel .speciality-prev {
		display: none;
	}
	.hero-images.design-brand > div {
		width: 50%;
		max-height: 300px;
		overflow: hidden;
		margin-bottom: 16px;
	}
	.hero-images.design-brand > div:nth-of-type(2n + 1) {
		padding-right: 8px;
		padding-left: 0;
	}
	.hero-images.design-brand > div:nth-of-type(2n) {
		padding-right: 0;
		padding-left: 8px;
	}
	.hero-images.design-brand > div:nth-of-type(6n),
	.hero-images.design-brand > div:nth-of-type(6n + 5) {
		margin-bottom: 0;
	}
	.testimonial-swiper-btn span {
		font-size: 32px;
	}
	.testimonials-25-swiper .body {
		margin: 0 0 40px;
	}
	.feed-carousel-card .work-cat-tag p {
		font-size: 14px;
		
	}
	.recent-work-grid-25 .work-item .body {
		padding: 0;
	}
	.work-item.equal-height .text-content {
		min-height: 1px;
	}
	.feed-carousel-card .work-cat-tag {
		padding: 4px 10px;
	}
	.home-hero-25 {
		padding-bottom: 0;
	}
	.award-card .logo-container img {
		width: 69%;
		height: auto;
	}
	.works-top-row {
		gap: 24px;
		
	}
	.what-we-do-row {
		flex-direction: column;
		gap: 32px;
	}
	.what-we-do-section .left .body {
		max-width: 100%;
	}
	.testimoinals-25-section p.name,
	.testimoinals-25-section p.company,
	.speciality-carousel p,
	.what-we-do-section ul li {
		font-size: 24px;
		letter-spacing: -.48px;
	}
	.service-cards-grid {
		grid-template-columns: 100%;
		grid-row-gap: 48px;
	}
	.service-cards-grid button {
		font-size: 24px;
		letter-spacing: -.48px;
	}
	.large-text-section .body.size-medium * {
		font-size: 24px;
		line-height: 120%;
		letter-spacing: -.48px;
	}
	.large-text-section .img-container {
		margin: 40px 0 0;
	}
	.testimonials-25-swiper .body * {
		font-size: 34px;
		letter-spacing: -.68px;
	}
	.what-we-do-section .lists-row {
		flex-direction: column;
		gap: 0;
	}
	.client-item:hover p {
		color: #B5B5B566;
	}
	.client-item {
		pointer-events: none;
	}
	.contact-po-top h3 {
		font-size: 37px;
		line-height: 110%;
		letter-spacing: -.74px;
		margin: 0 0 40px;
	}
	.contact-po-top {
		flex-direction: column;
	}
	.contact-po-top > div {
		width: 100%;
	}
	.contact-po-inner {
		padding-left: 16px;
		padding-right: 16px;
	}
	#contact-pop-out .cpo-link p {
		font-size: 24px;
		letter-spacing: -.48px;
	}
	#contact-pop-out .contact-po-bottom {
		position: relative;
		left: 0;
		bottom: 0;
		width: 100%;
	}
	#contact-pop-out .cpo-contacts-container .btn-container,
	#contact-pop-out .cpo-contacts-container p {
		text-align: left;
	}
	#contact-pop-out .socials-copyright {
		margin: 80px 0 0;
		flex-direction: row-reverse;
		flex-wrap: wrap;
	}
	#contact-pop-out .socials-row {
		gap: 32px;
	}
	.contact-po-top {
		gap: 80px;
	}
	.works-top-row .overflow-wrap {
		min-width: calc(100% + 16px) !important;
	}
	.recent-work-grid-25 {
		grid-template-columns: 100%;
	}
	.client-item p {
		font-size: 34px;
		line-height: 110%;
		letter-spacing: 0;
	}
	.client-item p span {
		display: none;
	}
	.client-item {
		margin: 0;
	}
	.hovered .client-item.active p {
		color: var(--normal-text-color);
	}
	.client-item.active img {
		opacity: 1;
    	visibility: visible;
		
	}
	.award-card h3 {
		font-size: 19px;
	}
	.award-card p {
		font-size: 16px;
		line-height: 130%;
	}
	.client-item img {
		position: fixed;
		top: 200px;
		max-width: 228px;
		height: auto;
	}
	.clients-list {
		flex-direction: column;
	}
	.awards-grid-25 {
		grid-template-columns: 100%;
	}
	.award-card {
		border: none !important;
		border-top: 1px solid var(--normal-text-color) !important;
	}
	.feed-carousel {
		margin: 20px 0 0;
	}
	.home-25-section {
		padding: 32px 0 80px;
	}
	.recent-work-grid-25 > div {
		grid-column: 1 / span 1 !important;
	}
	.cats-25 {
		position: relative;
		transition: all .4s ease;
		transform: translateY(30px);
		top: 0;
		margin: 16px 0 0;
	}
	.cats-25.in-view {
		opacity: 1;
		transform: translateY(0);
	}
	.recent-work-grid-25 {
		grid-row-gap: 60px;
	}
	.recent-work-grid-25 .featured-img-container {
		padding-bottom: 0 !important;
		height: 500px !important;
	}
	.recent-work-grid-25 .featured-img-container img.wp-post-image {
		position: relative !important;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	#contact-po-close {
		top: 39px;
	}
	.speciality-hover {
		display: none;
	}
	.large-text-section .body * {
		font-size: 34px;
		line-height: 110%;
		letter-spacing: 0%;
	}
	.home-25-section.large-text-section {
		border-top: none;
	}
	.home-hero-wrap {
		height: auto;
	}
	.home-hero-wrap section {
		position: relative;
		height: auto;
		min-height: 1px;
	}
	#page {
		padding-bottom: 0;
	}
	footer {
		position: relative;
	}
	.footer-top-row  {
		flex-direction: column;
		gap: 32px;
	}
	.footer-menu-row {
		flex-wrap: wrap;
	}
	.hh-bottom-row {
		flex-direction: column;
		gap: 64px;
		align-items: flex-start;
	}
	.home-hero-25 .hh-image-animation {
		transform-origin: bottom left;
	}
	a.btn-25 {
		font-size: 24px;
		letter-spacing: -.48px;
	}
	.home-hero-25 h1 {
		font-weight: 400;
		font-size: 24px;
		line-height: 120%;
		letter-spacing: -.48px;
	}
	.hh-bottom-row > div {
		width: 100%;
	}
	.feed-main-grid > div {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
  .home-section-2 .body p {
    font-size: 28px;
    text-indent: 32px;
	  line-height: 140%;
  }
	.hero-bottom-menu {
		width: 100%;
	}
  .hero-bottom-menu .flex-row {
    justify-content: flex-start;
  }
  .wi-style--3 .featured-img-container {
    margin-right: 0;
  }
  .touch-device .services-imgs-container.sticky {
    display: none !important;
  }
  .touch-device .services-imgs-container.sticky {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 400px;
    max-height: 40vh;
    top: auto !important;
    padding: 16px;
    background: linear-gradient(0, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%);
  }
  .touch-device.site--dark .services-imgs-container.sticky {
    background: linear-gradient(0, rgba(17, 17, 17,1) 0%, rgba(17, 17, 17,1) 90%, rgba(17, 17, 17,0) 100%);
  }
  .services-imgs-container {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
  }
  .services-imgs-container.active {
    opacity: 1;
    visibility: visible;
  }
  .touch-device .services-imgs-container.sticky .media {
    max-height: 35vh;
    display: block;
    height: calc(100% - 32px);
    object-fit: cover;
    left: 16px;
    top: auto;
    bottom: 16px;
    width: calc(100% - 32px);
    transform: translate(0, 40px);
  }
  .touch-device .services-imgs-container.sticky .media.active {
    transform: translate(0,0);
  }
  .service-grid .flex-row {
    padding-bottom: 32px;
  }
  .service-grid .flex-row h3 {
    font-size: 8.8vw;
  }
  .flexible-grid-layout .grid-item .btn-container {
    padding: 48% 0;
  }
  .flexible-grid-layout > div.grid-item.check_in_view:nth-of-type(2n + 1) {
    transition: all .5s ease;
  }
  .flexible-grid-layout > div.grid-item.check_in_view:nth-of-type(2n) {
    transition: all .5s ease .1s ;
  }
  .service-grid {
    grid-template-columns: 100%;
  }
  .services-grid .right {
    position: unset;
  }
  .flexible-grid-layout {
    grid-template-columns: repeat(2, calc(50% - 8px));
  }
  .grid-item.blank {
    display: none;
  }
  .show--tab {
    display: block;
  }
  .home-section-2 h1.defined-lines,
  .large-line-text h2,
  h1.defined-lines {
    font-size: 60px;
  }
  .defined-lines span.line span,
  .defined-lines span.line,
  h1.defined-lines span {
    display: inline;
  }
  .defined-lines .text-right {
    text-align: left;
  }
  .defined-lines.check_in_view .line span {
    transform: translateY(0);
  }
  .how-we-title {
    padding-right: 0;
  }
  .flex-row.tc {
    flex-direction: column;
  }
  .title-text-2-cols .main-row > .left,
  .title-text-2-cols .main-row > .right,
  .how-we-do-it-main > .flex-row > .right,
  .flex-row.tc > div {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .how-we-do-it-main > .flex-row > .right .flex-row .item {
    padding-left: 0;
    padding-right: 16px;
  }
  .imageMovement.minus-movement,
  .imageMovement {
    transform: translateY(50px) !important;
    opacity: 0;
    transition: all .5s ease;
  }
  .scroll-up .imageMovement.minus-movement,
  .scroll-up .imageMovement {
    transform: translateY(-50px) !important;
  }
  .imageMovement.minus-movement.in-view,
  .imageMovement.in-view {
    transform: translateY(0) !important;
    opacity: 1;
  }
  .defined-lines.check_in_view {
    transform: translateY(50px) !important;
    opacity: 0;
    transition: all .5s ease;
  }
  .scroll-up .defined-lines.check_in_view {
    transform: translateY(-50px) !important;
  }
  .testimonials-container {
    margin-bottom: 80px;
  }
  .defined-lines.check_in_view.in-view {
    transform: translateY(0) !important;
    opacity: 1;
  }
  .fifty-fifty-section .two-cols .left,
  .fifty-fifty-section .two-cols .right {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .fifty-fifty-section .two-cols .right {
    margin-top: 80px;
  }
  .testimonial-bottom .flex-row {
    flex-wrap: wrap;
  }
  .recent-work-grid-2 {
    grid-template-columns: 100%;
  }
  .recent-work-grid-2 .work-item {
    margin-bottom: 80px;
  }
  .recent-work-grid-2 > div.work-item:last-of-type {
    margin-bottom: 0;
  }
  .wi-style--2 a,
  .wi-style--3 a {
    flex-direction: column;
  }
  .wi-style--2 .featured-img-container,
  .wi-style--3 .featured-img-container,
  .wi-style--2 .content,
  .wi-style--3 .content {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .wi-style--2 .featured-img-container,
  .wi-style--3 .featured-img-container {
    margin-bottom: 32px;
  }
  .wi-style--1,
  .wi-style--4 {
    width: calc(100% + 32px);
    right: 16px;
    min-height: 680px;
  }
  .wi-style--1 .featured-img-container,
  .wi-style--4 .featured-img-container,
  .wi-style--1 a,
  .wi-style--4 a {
    display: block;
    height: 100%;
    margin: 0;
    min-height: 680px;
  }
	.wi-style--1 .wp-post-image,
  .wi-style--4 .wp-post-image,
  .wi-style--1 img.wp-post-image,
  .wi-style--4 img.wp-post-image {
    height: 100%;
    object-fit: cover;
    min-height: 680px;
	  max-height: 680px;
    display: block;
  }
  .container {
    padding: 0 16px;
  }
	.works-top-row::after {
		width: calc(100% + 32px);
		left: -16px;
	}
  .wi-style--2, .wi-style--3 {
    margin: 80px 0;
  }
  .how-we-do-it-main > .flex-row > .left {
    margin: 0 0 48px;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .title-text-2-cols .second-row > .right .two-cols, .title-text-2-cols .main-row > .right .body {
    max-width: none;
  }
  .title-text-2-cols h2 {
    margin: 0;
  }
  .title-text-2-cols .main-row .left {
    margin-bottom: 48px;
  }
  .title-text-2-cols .second-row .left {
    margin: 0 !important;
  }
  .title-text-2-cols .second-row > .right {
    margin-top: 34px;
  }
  .title-text-2-cols .second-row {
    margin-top: 64px;
  }
  .recent-work-grid-2 > div.work-item:nth-of-type(2) img,
  .recent-work-grid-2 > div.work-item:nth-of-type(1) img {
    min-height: 486px;
  }
  section.more-work {
    margin: 0 0 80px;
  }
  .title-button-section h3 {
    line-height: 38px;
  }
	.small-title-hero .body p {
		font-size: 34px;
		line-height: 110%;
		letter-spacing: 0%;

	}
}
@media all and (max-width: 768px) {
	.show-mob {
		display: block;
	}
	.hide-mob {
		display: none;
	}
	.recent-work-section-25 .btn-container.show-mob {
		margin: 48px 0 0;
	}
	.recent-work-grid-25 .work-item a {
		padding-bottom: 0;
	}
	#main-menu-modal {
		padding: 8px;
		z-index: 999;
	}
	#main-menu-modal .dropdown-nav-wap .services-menu li a,
	#main-menu-modal .dropdown-nav-wap li a {
		padding: 0;
	}
	#main-menu-modal .dropdown-nav-wap li {
		margin: 0 0 12px;
	}
	.mob-menu-started #main-menu-modal {
		transition: all .2s ease .45s;
	}
	.mob-menu-started.mob-menu-open #main-menu-modal {
		transition: all .2s ease;
	}
	#main-menu-modal .modal-menu {
		transform: translateY(-100vh);
		
	}
	.mob-menu-started #main-menu-modal .modal-menu {
		transition: all .7s ease;
	}
	.mob-menu-started.mon-menu-open #main-menu-modal .modal-menu {
		transition: all .7s ease .2s;
	}
	.mob-menu-open #main-menu-modal .modal-menu {
		transform: translateY(0);
	}
	#contact-pop-out .cpo-contacts-container .btn-container a {
		display: flex;
		justify-content: center;
	}
	.footer-menu-row > div {
		display: none;
	}
	.footer-menu-row > div:last-of-type {
		display: block;
	}
	footer {
		padding-bottom: env(safe-area-inset-bottom, 80px);
	}
	.header-messages {
		padding: 10px 0;
	}
	
	#main-menu-modal .modal-menu {
		height: auto;
		max-height: 100%;
		overflow-y: auto;
		-ms-overflow-style: none;
  		scrollbar-width: none;
	}
	#main-menu-modal .modal-menu::-webkit-scrollbar {
  		display: none;
	}
	#main-menu-modal .dropdown-nav-wap li {
		font-size: 32px;
		line-height: 120%;
		letter-spacing: -.64px;

	}
	#main-menu-modal .modal-menu-inner {
		padding-top: 40px;
		padding-bottom: 0;
		max-height: 100%;
		overflow-y: unset;
	}
	#main-menu-modal .dropdown-nav-wap {
		padding: 40px 16px 32px;
	}
	#main-menu-modal .services-menu a .img-wrap {
		order: 1;
		height: 200px;
		margin: 0 0 16px;
	}
	#main-menu-modal .services-menu a:hover .img-wrap {
		height: 200px;
		
	}
	#main-menu-modal .services-menu a span {
		order: 2;
		font-size: 24px;
		line-height: 120%;
		letter-spacing: -.48px;

	}
	.service-cards-grid .img-container {
		height: 343px;
	}
	#main-menu-modal .services-menu a span.arrow {
		order: 3;
		width: auto;
		margin-left: 3px;
	}
	#main-menu-modal .dropdown-nav-bottom {
		padding: 24px 16px 32px;
	}
	#main-menu-modal ul.services-menu {
		display: flex;
		flex-direction: row;
		gap: 8px;
	}
	#main-menu-modal ul.services-menu li {
		min-width: calc(100% - 50px);
	}
	#main-menu-modal ul.services-menu > li:last-of-type {
		padding-right: 16px;
		min-width: calc(100% - 34px);
	}
	#main-menu-modal .services-menu-wrap {
		overflow-x: auto;
		-ms-overflow-style: none;
  		scrollbar-width: none;
		width: calc(100% + 16px);
		
	}
	#main-menu-modal .services-menu-wrap::-webkit-scrollbar {
  		display: none;
	}
	#main-menu-modal .services-menu .img-wrap img {
		padding: 0;
		height: 100%;
		
	}
	#main-menu-modal .modal-menu {
		width: 100%;
	}
	.mob-menu-open #main-menu-modal {
		transform: translateY(0);
	}
	.footer-cta-row {
		flex-direction: column;
		gap: 30px;
		align-items: flex-start;
	}
	header .menu-main-menu-container {
		display: none;
	}
	.home-hero-25 .hh-image-animation {
		height: 428px;
		max-width: 400px;
	}
	.recent-work-grid-25 .featured-img-container {
		height: 400px !important;
	}
	.speciality-item h3 {
		font-size: 60px;
		line-height: 100%;
		letter-spacing: -1.2px;
	}
	.speciality-item.active span.arrow {
		width: 52px;
	}
	.specialities-main > div {
		margin: 0 0 8px;
	}
	.specialities-main > div:last-of-type {
		margin: 0;
	}
	.award-card {
		min-height: 1px;
		gap: 40px;
	}
	.award-card .btn-container {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
	}
	.awards-grid-25 {
		grid-template-columns: 100%;
	}
	.feed-title h2 {
		font-size: 40px;
		line-height: 48px;
	}
	.feed-title-container {
		margin: 0 0 40px;
	}
	.feed-title svg {
		width: 40px;
		min-width: 40px;
	}
	.grid-item.empty {
		display: none;
	}
	.flexible-grid-layout > div.grid-item.button {
		background: var(--yellow);
		color: #000000;
	}
	.flexible-grid-layout > div.grid-item.button .btn-container a.btn {
		color: #000000 !important;
	}
	.flexible-grid-layout > div.grid-item.button .btn-container a.btn svg path {
		fill: #000000 !important;
	}
  .title-btn-row .left {
    margin-bottom: 16px;
  }
  .title-btn-row {
    margin-bottom: 48px;
  }
  .work-page-top {
    padding-top: 40px;
  }
  .recent-work-grid-2 > div.work-item:nth-of-type(2) img,
  .recent-work-grid-2 > div.work-item:nth-of-type(1) img {
    min-height: 343px;
  }
  .service-grid .flex-row h3 {
    font-size: 32px;
  }
  .service-grid .flex-row p {
    font-size: 16px;
    margin-bottom: 2px;
  }
  .service-grid .flex-row {
    padding-bottom: 20px;
  }
  .title-button-section, section.free-text, section.large-quote, .title-text-2-cols {
    margin: 80px 0;
  }
  .grid-item.alignment-bottom,
  .grid-item.alignment-top {
    margin: 8px 0;
  }
  .hero-bottom-menu {
    overflow-x: scroll;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: calc(100% + 32px);
    position: relative;
    right: 16px;
  }
  .hero-bottom-menu .flex-row {
    min-width: 768px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .large-line-text h2 {
    font-size: 32px;
    text-align: center;
  }
  .wi-style--4 h3.p2, .wi-style--1 h3.p2, .body.xlarge p, p.xlarge {
    font-size: 24px;
  }
  .hero-bottom-menu::-webkit-scrollbar {
    display: none;
  }
  .awards-list .awards-row .middle,
  .awards-list .awards-row .left,
  .awards-list .awards-row .right {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }
  .awards-list .awards-row .middle {
    padding: 0 0 24px;
  }
  .awards-list .awards-row .right a.btn-with-icon {
    justify-content: flex-start;
  }
  .flexible-grid-layout .grid-item.check_in_view {
    transform: translateY(40px);
  }
  .flexible-grid-layout .grid-item.check_in_view.in-view {
    transform: translateY(0);
  }
  .flexible-grid-layout > div.grid-item.check_in_view:nth-of-type(n) {
    transition: all .5s ease;
  }
  .show--mob {
    display: block;
  }
  .service-selector.active {
    margin-left: 16px;
  }
  .flexible-grid-layout {
    grid-template-columns: 100%;
  }
  .flex-row.mc {
    flex-direction: column;
  }
  .how-we-do-it-main > .flex-row > .right .flex-row .item,
  .flex-row.mc > div {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .footer-top .left {
    margin-bottom: 16px;
  }
  .footer-middle-row .left {
    margin-bottom: 80px;
  }
  .footer-top-row .left {
    margin-bottom: 32px;
  }
  .footer-middle-row {
    margin-bottom: 32px;
  }
	.btn-25.btn-25-large {
		font-size: 32px;
		letter-spacing: -.64px;
	}
	.footer-main {
		padding: 32px 0 8px;
	}
  .logo-1 .mob-menu-trigger {
    background: var(--yellow);
  }
  .mob-menu-open .mob-menu-trigger {
    opacity: 0;
  }
  .works-top-row {
    align-items: flex-start;
  }
  .works-top-row .terms-row {
    margin-top: 0;
    margin-left: 0;
  }
  .work-term {
    flex-shrink: 0;
  }
  .testimonial-row .left {
    padding-bottom: 24px;
  }
  .how-we-do-it .item {
    margin: 64px 0 0;
  }
  .how-we-do-it .how-we-do-it-items > div.item:first-of-type {
    margin-top: 0;
  }
  section.fifty-fifty-section {
    margin: 120px 0;
  }
  section.lmtb {
    margin: 120px 0;
  }
  h1.defined-lines {
    font-size: 36px;
    text-align: center;
  }
  .how-we-title h3 {
    text-indent: 0;
  }
  .work-flexible-grid {
    grid-template-columns: 100%;
    grid-row-gap: 16px;
    grid-column-gap: 0;
  }
  .work-flexible-grid .grid-item {
    grid-column: span 1 !important;
  }
  .simple-page-top h1,
  section.free-text .body h2, section.free-text .body p, section.large-quote .quote h2, section.large-quote .quote p,
  .title-button-section h3 {
    text-indent: 30px;
  }
  .title-text-2-cols .large-number {
    margin-top: 30px;
  }
  .title-text-2-cols .second-row {
    margin-top: 0;
  }
  .home-section-2 h1.defined-lines {
    text-align: left;
  }
  .simple-page-top h1 {
    font-size: 32px;
  }
  .just-text-hero-section {
    margin: 65px 0 80px;
    padding-top: 80px;
  }
  section.large-media-section {
    margin: 80px 0 120px;
  }
  .footer-top-row {
    margin-bottom: 80px;
  }
  section.simple-page-top {
    padding-top: 65px;
  }
  .services-top {
    padding: 12px 0;
  }
  .service-grid {
    margin-top: 26px;
  }
  .title-button-section a.btn {
    justify-content: flex-end;
  }
  .title-button-section h3 {
    margin-bottom: 22px;
  }
  .single-work-content section.work-grid-layout,
  .single-work-content section.free-text,
  .single-work-content .title-text-2-cols {
    margin: 0 0 120px;
  }
  .single-work-content .title-text-2-cols.emt {
    margin: 152px 0 120px;
  }
  section.large-quote {
    margin: 160px 0;
  }
  .mpt.grid-item {
    padding-top: 120px;
  }
  .home-section-2 h1.defined-lines {
    margin-bottom: 64px;
  }
  .title-wrap {
    margin-bottom: 48px;
  }
  .services-testimonials .services-container .btn-container.text-right {
    justify-content: flex-start;
  }
  section.lmtb.awards-list-section {
    margin: 80px 0 120px;
  }
  section.lmtb.recent-work-section {
    margin: 80px 0;
  }
  .wi-style--2 .featured-img-container img,
  .wi-style--3 .featured-img-container img {
    height: 343px;
  }
  section.large-quote .quote h2, section.large-quote .quote p {
    font-size: 26px;
  }
	.hero-bottom-menu {
		display: none;
	}
	.works-top-row .overflow-wrap {
		min-width: calc(100% + 16px) !important;
	}
}
@media all and (max-width: 600px) {
	.wi-style--4 h3,
	.wi-style--1 h3 {
		max-width: calc(100% - 160px);
	}
}