/*** The new CSS Reset - version 1.3.1 (last updated 28.10.2021) ***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert; }

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box; }

/* Remove list styles (bullets/numbers) */
ol,
ul {
  list-style: none; }

/* For images to not be able to exceed their container */
img {
  max-width: 100%; }

/* removes spacing between cells in tables */
table {
  border-collapse: collapse; }

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert; }

:root {
  --gutter: 16px;
  --maxWidthXL: 1200px;
  --maxWidthL: 1640px;
  --maxWidthM: 1640px;
  --maxWidthS: 1640px;
  --maxWidth: var(--maxWidthXL);
  --siteBkg: #fff;
  --primaryColor: #163f44;
  --primaryColor90: #2d5256;
  --primaryColor80: #456569;
  --primaryColor70: #5b787c;
  --primaryColor60: #738c8f;
  --primaryColor50: #8a9fa1;
  --primaryColor40: #a2b2b4;
  --primaryColor30: #b9c5c7;
  --primaryColor20: #d0d9da;
  --primaryColor10: #e7ebec;
  --secondaryColor: #f4d6a9;
  --secondaryColor90: #f8e8c5;
  --tertiaryColor: #999999; }

.uppercase {
  text-transform: uppercase; }

@font-face {
  font-family: TiemposMedium;
  src: url(../fonts/Tiempos/TiemposHeadline-Medium.otf); }

@font-face {
  font-family: TiemposItalic;
  src: url(../fonts/Tiempos/TiemposHeadline-RegularItalic.otf); }

*,
*:before,
*:after {
  box-sizing: border-box; }

html,
body {
  margin: 0;
  padding: 0; }

body {
  font-smoothing: antialiased;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-size: 16px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  color: var(--primaryColor);
  background: var(--siteBkg); }

body.prevent-scroll {
  overflow: hidden; }

em {
  font-style: italic; }

b,
strong {
  font-weight: bold; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

.wrapper {
  max-width: var(--maxWidth);
  width: 100%;
  margin: auto;
  padding: 0 var(--gutter); }

a,
button {
  cursor: pointer;
  line-height: 1; }

.page-header {
  padding-top: 60px;
  padding-bottom: 40px; }

.page-title {
  color: #5b787c;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  font-size: 71px; }

@media (max-width: 767.98px) {
  .page-title {
    font-size: 40px; } }

.tile-button {
  background: var(--primaryColor20);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  padding: 11px 30px 12px 30px;
  display: inline-block; }

.site-header {
  background: var(--primaryColor);
  position: sticky;
  top: 0;
  z-index: 110; }

.site-header .wrapper {
  display: flex;
  justify-content: space-between; }

.site-header .logo {
  display: flex;
  align-items: center;
  padding-right: 15px; }

@media (max-width: 767.98px) {
  .site-header .logo {
    padding: 15px 0;
    position: relative;
    z-index: 10; } }

.site-header nav {
  margin-left: auto;
  margin-right: 15px; }

@media (max-width: 767.98px) {
  .site-header nav {
    display: none; } }

.site-header nav ul,
.site-header nav li {
  list-style: none;
  line-height: 1;
  margin: 0;
  padding: 0; }

.site-header nav ul {
  display: flex; }

@media (max-width: 767.98px) {
  .site-header nav ul {
    flex-direction: column; } }

.site-header nav li {
  padding-top: 30px; }

.site-header nav a {
  min-width: 130px;
  display: block;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  padding-left: 8px;
  padding-bottom: 15px;
  padding-top: 5px;
  line-height: 1;
  border-left: 1px solid #fff;
  color: #fff; }

@media (max-width: 767.98px) {
  .site-header nav a {
    border-left: none;
    padding-left: 0;
    text-align: center; } }

.site-header a:hover + .sub-menu {
  display: flex; }

.site-header .sub-menu {
  position: absolute;
  display: none;
  flex-direction: column;
  background: var(--primaryColor20);
  padding-bottom: 6px; }

@media (max-width: 767.98px) {
  .site-header .sub-menu {
    position: static;
    display: flex; } }

.site-header .sub-menu:hover {
  display: flex; }

.site-header .sub-menu:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--primaryColor20);
  transform: translate(20px, -100%); }

@media (max-width: 767.98px) {
  .site-header .sub-menu:before {
    transform: translate(-50%, -100%);
    left: 50%;
    position: relative; } }

.site-header .sub-menu li,
.site-header .sub-menu a {
  padding: 0;
  margin: 0;
  border: none; }

.site-header .sub-menu a {
  font-size: 14px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  color: var(--primaryColor);
  display: block;
  padding: 6px; }

@media (max-width: 767.98px) {
  .site-header .sub-menu a {
    padding: 12px 6px; } }

@media (max-width: 767.98px) {
  .site-header.is-open nav {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding-top: 50px;
    background: var(--primaryColor);
    overflow: auto; } }

.mobile-menu-button {
  color: #fff;
  display: none;
  position: relative;
  z-index: 10; }

@media (max-width: 767.98px) {
  .mobile-menu-button {
    display: block; } }

.site-footer {
  background: var(--primaryColor) url(../images/footer-lines.svg) center bottom no-repeat;
  background-size: cover;
  color: #fff;
  padding-top: 100px; }

@media (max-width: 767.98px) {
  .site-footer {
    padding-top: 60px; } }

.site-footer .wrapper {
  padding-bottom: 40px;
  background: url(../images/uforis-logo-footer.svg) right 190% no-repeat;
  background-size: 800px auto; }

@media (max-width: 767.98px) {
  .site-footer .wrapper {
    background-position: left 107%;
    background-size: 100% auto; } }

@media (max-width: 767.98px) {
  .site-footer .logo {
    max-width: 50%;
    display: block;
    margin-bottom: 30px; } }

.locations-and-networks {
  display: grid;
  grid-template-columns: 3fr 1fr;
  padding-top: 35px;
  padding-bottom: 25px; }

@media (max-width: 767.98px) {
  .locations-and-networks {
    display: unset;
    margin-bottom: 16px; } }

.office-locations {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 18px; }

@media (max-width: 767.98px) {
  .office-locations {
    display: unset; } }

.office-location {
  border-left: 1px solid #fff;
  padding: 22px 0 44px 16px; }

@media (max-width: 767.98px) {
  .office-location {
    padding-bottom: 22px;
    margin-bottom: 16px; } }

.office-location p {
  font-size: 16px;
  margin-top: 4px; }

.social-networks {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  border-left: 1px solid #fff;
  padding: 22px 0 44px 16px; }

@media (max-width: 767.98px) {
  .social-networks {
    padding-bottom: 22px;
    margin-bottom: 16px;
    justify-content: flex-start; } }

.social-networks li + li {
  margin-left: 8px; }

.icon-email a {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 18px; }

.icon-vimeo a,
.icon-linkedin a,
.icon-facebook a,
.icon-instagram a {
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -9999rem; }

.icon-facebook a {
  background: url(../images/icon-fb.svg) center center no-repeat;
  background-size: cover; }

.icon-instagram a {
  background: url(../images/icon-instagram.svg) center center no-repeat;
  background-size: cover; }

.icon-vimeo a {
  background: url(../images/icon-vimeo.svg) center center no-repeat;
  background-size: cover; }

.icon-linkedin a {
  background: url(../images/icon-linkedin.svg) center center no-repeat;
  background-size: cover; }

.copyright {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 14px; }

.legal {
  display: flex;
  justify-content: space-between; }

.legal nav ul {
  display: flex;
  justify-content: flex-end; }

.legal li {
  line-height: 1; }

.legal a {
  font-size: 14px;
  font-weight: 500; }

.projects-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 60px 0 40px 0; }

@media (max-width: 767.98px) {
  .projects-header {
    flex-direction: column; } }

.projects-filter {
  font-size: 14px;
  color: var(--primaryColor);
  display: flex;
  align-items: center; }

.projects-filter span {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400; }

.projects-filter strong {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500; }

.projects-filter select {
  appearance: none;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  line-height: 1;
  background: var(--primaryColor20);
  background: var(--primaryColor20) url(../images/dropdown-arrow.png) 10px center no-repeat;
  background-size: auto 10px;
  padding: 6px 10px 6px 24px;
  border-radius: 2px;
  margin-left: 8px; }

@media (max-width: 767.98px) {
  .projects-filter select {
    margin-left: 0;
    margin-top: 15px; } }

.projects-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

@media (max-width: 767.98px) {
  .projects-list {
    flex-direction: column; } }

.projects-list .next-prev-posts {
  display: flex;
  min-width: 100%;
  margin-bottom: 40px; }

.projects-list .next-prev-posts a {
  min-width: 250px;
  line-height: 1;
  text-align: center; }

.projects-list .prev-posts-links a {
  background: var(--primaryColor70); }

.projects-list .prev-posts-links span {
  padding-left: 32px;
  background: url(../images/projects-left.svg) left center no-repeat; }

.projects-list .next-posts-links a {
  background: var(--primaryColor); }

.projects-list .next-posts-links span {
  padding-right: 32px;
  background: url(../images/projects-right.svg) right center no-repeat; }

.project-tile {
  flex-basis: calc(50% - 20px);
  width: 100%;
  max-width: calc(50% - 20px);
  margin-bottom: 30px; }

@media (max-width: 767.98px) {
  .project-tile {
    flex-basis: 100%;
    max-width: 100%; } }

.project-tile img {
  display: block;
  aspect-ratio: 1/1;
  border: 1px solid var(--primaryColor); }

@media (max-width: 767.98px) {
  .project-tile img {
    width: calc(100vw - 2 * var(--gutter));
    height: calc(100vw - 2 * var(--gutter)); } }

.project-tile a {
  display: block; }

.project-tile.hide {
  display: none; }

.project-name {
  color: var(--primaryColor);
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 5px; }

.project-meta {
  position: relative;
  padding: 30px 30px 0 40px; }

.project-meta:before {
  content: "";
  width: 2px;
  height: calc(100% + 40px);
  min-height: 175px;
  background: var(--primaryColor);
  display: block;
  position: absolute;
  left: 19px;
  top: -40px; }

dl.project-taxonomies {
  font-size: 18px;
  line-height: 1.35; }

dt {
  float: left;
  clear: left;
  margin-right: 4px; }

dd {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500; }

dd:after {
  content: "";
  display: table;
  clear: left; }

.project-hero {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: flex-end;
  min-height: calc(70vh - 66px);
  overflow: hidden; }

.project-hero img,
.project-hero video {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  object-position: center; }

@media (max-width: 767.98px) {
  .project-hero img,
  .project-hero video {
    height: 100%;
    width: auto;
    max-width: unset;
    object-position: center; } }

.project-hero .wrapper {
  position: relative;
  z-index: 10;
  margin: 90px auto; }

.project-hero h1 {
  font-size: 71px;
  color: #fff;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  margin: 25px 0 15px 0; }

@media (max-width: 767.98px) {
  .project-hero h1 {
    font-size: 50px; } }

.project-hero .project-taxonomies {
  color: #fff; }

.featured-project-label {
  background: var(--primaryColor);
  color: #fff;
  padding: 6px 14px;
  font-size: 24px;
  line-height: 1;
  display: inline-block;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500; }

.project-perspective,
.project-virtual-tours,
.project-reel,
.project-social-media {
  padding: 40px 0 60px 0;
  background: var(--primaryColor20); }

.project-perspective h2,
.project-virtual-tours h2,
.project-reel h2,
.project-social-media h2 {
  font-size: 26px;
  color: var(--primaryColor);
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  margin-bottom: 30px; }

.project-perspective ul,
.project-perspective li,
.project-virtual-tours ul,
.project-virtual-tours li,
.project-reel ul,
.project-reel li,
.project-social-media ul,
.project-social-media li {
  list-style: none;
  margin: 0;
  padding: 0; }

.project-perspective ul,
.project-virtual-tours ul,
.project-reel ul,
.project-social-media ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 54px; }

@media (max-width: 767.98px) {
  .project-perspective ul,
  .project-virtual-tours ul,
  .project-reel ul,
  .project-social-media ul {
    grid-gap: 15px; } }

.project-perspective li,
.project-virtual-tours li,
.project-reel li,
.project-social-media li {
  border: 1px solid var(--primaryColor); }

.project-perspective li img,
.project-virtual-tours li img,
.project-reel li img,
.project-social-media li img {
  display: block; }

.project-virtual-tours,
.project-social-media,
.project-reel {
  background: var(--primaryColor10); }

.project-virtual-tours ul,
.project-social-media ul,
.project-reel ul {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px; }

@media (max-width: 767.98px) {
  .project-virtual-tours ul,
  .project-social-media ul,
  .project-reel ul {
    grid-template-columns: 1fr; } }

.project-virtual-tours li,
.project-social-media li,
.project-reel li {
  border: none; }

.project-virtual-tours img,
.project-social-media img,
.project-reel img {
  border: 1px solid var(--primaryColor); }

.project-virtual-tours span,
.project-social-media span,
.project-reel span {
  display: block;
  padding-top: 5px;
  font-size: 18px; }

.project-reel {
  background: #fff; }

.project-reel ul {
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 0; }

.reel-video-iframe {
  width: 100%;
  min-height: 660px;
  border: 1px solid var(--primaryColor); }

@media (max-width: 767.98px) {
  .reel-video-iframe {
    min-height: unset; } }

.tour-iframe {
  width: 100%;
  min-height: 310px;
  border: 1px solid var(--primaryColor); }

.social-media-video-iframe {
  border: 1px solid var(--primaryColor);
  width: 100%;
  min-height: 580px; }

@media (max-width: 767.98px) {
  .social-media-video-iframe {
    min-height: unset; } }

.project-perspective {
  position: relative; }

.project-perspective img {
  cursor: pointer; }

#project-perspective-full-size {
  display: none;
  background: var(--primaryColor); }

#project-perspective-full-size.active {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10000; }

#project-perspective-full-size button {
  width: 42px;
  height: 42px;
  flex-shrink: 0; }

.image-and-caption {
  max-width: var(--maxWidth);
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  margin: auto;
  top: 50%;
  transform: translate(0, -50%); }

@media (max-width: 767.98px) {
  .image-and-caption {
    max-width: 75vw; } }

.inner-image-and-cation-wrapper {
  position: relative; }

img#project-perspective-full-size-img {
  display: block;
  position: relative;
  z-index: 1;
  max-height: 90vh; }

#caption-text {
  position: absolute;
  z-index: 100;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(22, 63, 68, 0.65);
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 18px;
  padding: 25px; }

@media (max-width: 767.98px) {
  #caption-text {
    font-size: 12px;
    padding: 10px; } }

#project-perspective-close {
  margin: 0 0 auto 0;
  background: url(../images/perspective-close.svg) center no-repeat;
  background-size: 15px auto;
  position: fixed;
  top: 0;
  right: 0; }

#project-perspective-next {
  margin: auto 0;
  background: url(../images/perspective-arrow-next.svg) center center no-repeat;
  background-size: 15px auto;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%); }

#project-perspective-prev {
  margin: auto 0;
  background: url(../images/perspective-arrow-prev.svg) center center no-repeat;
  background-size: 15px auto;
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%); }

.solutions-header {
  padding: 60px 0 40px 0;
  background: var(--primaryColor10); }

.solutions-header .subtitle {
  display: block;
  font-family: "TiemposItalic", serif;
  font-weight: 400;
  font-weight: 400;
  font-size: 58px; }

@media (max-width: 767.98px) {
  .solutions-header .subtitle {
    font-size: 40px; } }

.solutions-header .wrapper {
  position: relative; }

.solutions-subnav {
  position: absolute;
  right: 0;
  top: 49px;
  text-transform: uppercase;
  display: flex;
  font-size: 14px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500; }

@media (max-width: 767.98px) {
  .solutions-subnav {
    position: static;
    margin-top: 15px; } }

.solutions-subnav .divider {
  display: block;
  width: 1px;
  margin: 2px 5px;
  background: var(--primaryColor); }

.solutions-tile {
  flex-shrink: 0; }

.uforis-process {
  padding-top: 60px;
  padding-bottom: 60px;
  background: var(--primaryColor20) url("../images/process-lines.svg") center center no-repeat;
  background-size: cover;
  position: relative; }

.uforis-process h2 {
  font-size: 71px;
  margin-bottom: 40px;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: var(--primaryColor90); }

@media (max-width: 767.98px) {
  .uforis-process h2 {
    font-size: 40px; } }

.uforis-process .logo {
  text-indent: -9999em;
  display: inline-block;
  width: 305px;
  height: 82px;
  background: url(../images/uforis-process-logo.svg) center no-repeat;
  background-size: contain;
  margin: 0 8px; }

.uforis-process .slide {
  padding: 0 20px;
  height: auto !important; }

.uforis-process .step {
  padding: 40px 30px;
  font-size: 18px;
  color: #fff;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  position: relative;
  overflow: hidden; }

.uforis-process .step svg {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 305px;
  height: auto;
  transform: translate(8%, 30%); }

.uforis-process .step1 .step {
  background-color: var(--primaryColor80); }

.uforis-process .step1 .step path {
  fill: #587578; }

.uforis-process .step2 .step {
  background-color: var(--primaryColor60); }

.uforis-process .step2 .step path {
  fill: #81979a; }

.uforis-process .step3 .step {
  background-color: var(--primaryColor70); }

.uforis-process .step3 .step path {
  fill: #6c8689; }

.uforis-process .step4 .step {
  background-color: var(--primaryColor40); }

.uforis-process .step4 .step path {
  fill: #abbabc; }

.uforis-process h3 {
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  font-size: 30px;
  margin: 12px 0 20px 0; }

.uforis-process .step-copy {
  margin-bottom: 30px; }

.uforis-process .step-counter {
  margin-top: auto;
  margin-bottom: 0;
  position: relative;
  z-index: 1; }

.slick-track {
  display: flex !important; }

.carousel-wrapper {
  width: 100%;
  margin: auto;
  padding: 0;
  max-width: 100%; }

.carousel-wrapper button {
  width: 42px;
  height: 42px;
  display: block;
  line-height: 1;
  flex-shrink: 0; }

.carousel {
  padding-left: 0;
  padding-right: 0; }

.carousel-nav {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(100%); }

.carousel-nav .wrapper {
  display: flex;
  justify-content: space-between; }

.slick-prev {
  background: url(../images/arrow-process-left.svg) center center no-repeat;
  background-size: 15px auto;
  display: inline-block;
  width: 42px;
  height: 42px;
  text-indent: -9999em;
  transform: translateX(-90%); }

@media (max-width: 767.98px) {
  .slick-prev {
    transform: translateX(-50%); } }

.slick-next {
  background: url(../images/arrow-process-right.svg) center center no-repeat;
  background-size: 15px auto;
  display: inline-block;
  width: 42px;
  height: 42px;
  text-indent: -9999em;
  transform: translateX(90%); }

@media (max-width: 767.98px) {
  .slick-next {
    transform: translateX(50%); } }

.uforis-partners {
  background: url("../images/partners-back.webp") center bottom no-repeat;
  background-size: cover;
  padding: 60px 0 40px 0;
  position: relative; }

.uforis-partners:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../images/partners-lines.svg) center bottom no-repeat;
  background-size: cover; }

.uforis-partners h2 {
  font-size: 71px;
  margin-bottom: 40px;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  color: var(--primaryColor30); }

@media (max-width: 767.98px) {
  .uforis-partners h2 {
    font-size: 40px; } }

.uforis-partners ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 1; }

.uforis-partners li {
  flex-basis: 20%;
  padding: 10px;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center; }

@media (max-width: 767.98px) {
  .uforis-partners li {
    flex-basis: 50%; } }

.uforis-partners img {
  max-width: 100%;
  height: auto; }

.uforis-testimonials {
  padding: 75px 0 60px 0;
  background: var(--primaryColor20); }

.uforis-testimonials h2 {
  font-size: 71px;
  margin-bottom: 40px;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  color: var(--primaryColor50); }

@media (max-width: 767.98px) {
  .uforis-testimonials h2 {
    font-size: 40px; } }

.uforis-testimonials li {
  text-align: center; }

.testimonial {
  font-size: 36px;
  font-family: "TiemposItalic", serif;
  font-weight: 400;
  padding: 0 50px;
  color: var(----primaryColor90); }

@media (max-width: 767.98px) {
  .testimonial {
    font-size: 18px;
    padding: 0; } }

.testimonial-name {
  margin-top: 20px;
  font-size: 22px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500; }

@media (max-width: 767.98px) {
  .testimonial-name {
    font-size: 14px; } }

.testimonial-slider {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.testimonial-slider li {
  display: none; }

.testimonial-slider .active {
  display: block; }

#next-testimonial,
#prev-testimonial {
  display: block;
  border: none;
  line-height: 1;
  background: none;
  padding: 0;
  margin: 0;
  width: 42px;
  height: 42px;
  flex-shrink: 0; }

#next-testimonial {
  background: url(../images/testimonial-arrow-right.svg) center center no-repeat;
  background-size: 15px auto; }

#prev-testimonial {
  background: url(../images/testimonial-arrow-left.svg) center center no-repeat;
  background-size: 15px auto; }

.solution-header {
  padding-top: 60px;
  padding-bottom: 40px; }

.solution-header .page-name {
  background: var(--primaryColor);
  color: #fff;
  font-size: 24px;
  padding: 4px 8px;
  line-height: 1;
  display: inline-block; }

.solution-header h1 {
  margin-top: 25px;
  color: var(--primaryColor70); }

.solution-image-grid,
.solution-tour-grid {
  position: relative; }

.solution-image-grid ul,
.solution-tour-grid ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 54px; }

@media (max-width: 767.98px) {
  .solution-image-grid ul,
  .solution-tour-grid ul {
    grid-gap: 15px; } }

.solution-image-grid ul.active,
.solution-tour-grid ul.active {
  max-height: 100vh;
  overflow: hidden; }

.solution-image-grid li,
.solution-tour-grid li {
  border: 1px solid var(--primaryColor); }

.solution-image-grid img,
.solution-tour-grid img {
  display: block;
  cursor: pointer; }

.solution-image-grid iframe,
.solution-tour-grid iframe {
  display: block;
  border: none;
  width: 100%;
  min-height: 200px;
  object-fit: fill; }

.solution-video-grid li {
  border: 1px solid var(--primaryColor); }

.solution-video-grid li + li {
  margin-top: 54px; }

.solution-video-grid img {
  display: block; }

.solution-video-grid iframe {
  display: block;
  border: none;
  width: 100%;
  object-fit: fill; }

.solution-nav {
  padding-top: 54px;
  padding-bottom: 40px; }

.solution-nav nav {
  display: flex;
  justify-content: space-between; }

@media (max-width: 767.98px) {
  .solution-nav nav {
    flex-direction: column; } }

.solution-nav a {
  display: flex;
  align-items: center;
  padding: 12px 30px;
  background: var(--primaryColor);
  color: #fff;
  font-size: 24px;
  line-height: 1; }

.solution-nav a:first-child img {
  margin-right: 10px; }

.solution-nav a:last-child img {
  margin-left: 10px; }

@media (max-width: 767.98px) {
  .solution-nav a:last-child {
    margin-top: 20px; } }

.solutions-list {
  padding-top: 40px;
  padding-bottom: 40px; }

.solutions-list .wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 54px; }

@media (max-width: 767.98px) {
  .solutions-list .wrapper {
    grid-template-columns: 1fr; } }

.solutions-list img,
.solutions-list a,
.solutions-list video {
  display: block; }

.solutions-list h3 {
  margin: 30px 0;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 24px; }

.solutions-list .excerpt {
  font-size: 18px; }

.solutions-list .excerpt + a {
  margin-top: 15px;
  display: inline-block; }

.solutions-tile {
  overflow: hidden; }

.solution-thumb {
  min-height: 205px;
  width: 100%;
  border: 1px solid var(--primaryColor);
  overflow: hidden; }

.solution-thumb img,
.solution-thumb video {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  max-width: unset;
  display: block; }

.list-1 {
  background: var(--primaryColor10); }

.list-2 {
  background: #fff; }

.list-3 {
  background: var(--primaryColor10); }

.viewport-container {
  background: var(--primaryColor50);
  padding-top: 50px;
  padding-bottom: 45px;
  margin-bottom: 45px; }

#viewport {
  aspect-ratio: 16/9;
  width: 100%;
  border: 1px solid var(--primaryColor);
  margin-bottom: 20px; }

#featured-tour {
  color: #fff;
  font-size: 30px;
  font-family: "TiemposMedium", serif;
  font-weight: 400; }

@media (max-width: 767.98px) {
  #featured-tour {
    font-size: 24px; } }

.carousel-wrapper {
  position: relative;
  color: var(--primaryColor90);
  font-size: 18px; }

.carousel-wrapper .slick-prev {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%); }

@media (max-width: 767.98px) {
  .carousel-wrapper .slick-prev {
    transform: translate(-25%, -50%); } }

.carousel-wrapper .slick-next {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(100%, -50%); }

@media (max-width: 767.98px) {
  .carousel-wrapper .slick-next {
    transform: translate(25%, -50%); } }

.carousel-wrapper .slick-slide {
  padding-left: 28px;
  padding-right: 28px; }

@media (max-width: 767.98px) {
  .carousel-wrapper .slick-slide {
    padding-left: 50px;
    padding-right: 50px; } }

.carousel-wrapper img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  border: 1px solid var(--primaryColor); }

.carousel-wrapper strong {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-weight: 500; }

body.post-type-archive-uforis_case_study,
body.single-uforis_case_study {
  background: var(--primaryColor20); }

.case-studies {
  background: var(--primaryColor20);
  padding-bottom: 100px; }

.case-studies h1 {
  color: var(--primaryColor90); }

.case-studies .tile-button {
  min-width: 250px;
  text-align: center; }

.case-study-tile + .case-study-tile {
  margin-top: 45px; }

.case-study-tile img {
  border: 1px solid var(--primaryColor);
  display: block; }

@media (max-width: 767.98px) {
  .case-study-tile img {
    width: 100%;
    height: auto; } }

.case-study-tile h2 {
  font-size: 30px;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  margin-top: 20px; }

.case-study-tile .excerpt {
  font-size: 18px;
  margin: 20px 0; }

.case-study .page-header.wrapper {
  padding-left: 0;
  padding-right: 0; }

.case-study h1 {
  font-size: 60px;
  color: var(--primaryColor90); }

@media (max-width: 767.98px) {
  .case-study h1 {
    font-size: 40px; } }

.case-study .wp-post-image {
  border: 1px solid var(--primaryColor);
  display: block; }

@media (max-width: 767.98px) {
  .case-study .wp-post-image {
    width: 100%;
    height: auto; } }

.summary-title {
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  font-size: 36px;
  color: var(--primaryColor);
  margin-top: 30px;
  margin-bottom: 60px; }

@media (max-width: 767.98px) {
  .summary-title {
    margin-bottom: 30px; } }

.summary-item {
  display: flex;
  padding: 0 40px;
  font-size: 18px;
  color: var(--primaryColor); }

@media (max-width: 767.98px) {
  .summary-item {
    padding: 0;
    display: block; } }

.summary-item + .summary-item {
  margin-top: 50px; }

.summary-item h3 {
  flex-basis: 30%;
  flex-shrink: 0;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  font-size: 24px;
  color: var(--primaryColor);
  padding-right: 20px; }

@media (max-width: 767.98px) {
  .summary-item h3 {
    margin-bottom: 10px; } }

.summary-item p,
.summary-item ul,
.summary-item ol {
  line-height: 1.35; }

.summary-item p + *,
.summary-item ul + *,
.summary-item ol + * {
  margin-top: 1rem; }

.summary-item li + li {
  margin-top: 0.25rem; }

.summary-item ul {
  list-style: initial;
  padding-left: 1.2rem; }

.summary-item ol {
  list-style: decimal;
  padding-left: 1rem; }

.download-case-study-button {
  margin: 50px 0 0 calc(30% + 20px); }

@media (max-width: 767.98px) {
  .download-case-study-button {
    margin-left: 0; } }

.share-buttons {
  margin: 20px 0 0 calc(30% + 8px); }

@media (max-width: 767.98px) {
  .share-buttons {
    margin-left: 0; } }

.case-studies-nav {
  padding: 50px 0;
  display: flex;
  justify-content: space-between; }

@media (max-width: 767.98px) {
  .case-studies-nav {
    flex-direction: column; } }

@media (max-width: 767.98px) {
  .case-studies-nav > div + div {
    margin-top: 20px; } }

.case-studies-nav strong {
  display: block;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: var(--primaryColor); }

.case-studies-nav a {
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  font-size: 18px;
  color: var(--primaryColor90); }

.share-buttons {
  display: flex;
  align-items: center; }

.share-buttons a {
  outline: 1px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center; }

.share-buttons svg {
  max-width: 45%;
  max-height: 45%; }

.keep-reading {
  padding-top: 90px;
  padding-bottom: 90px; }

.post-template-default .keep-reading {
  background-color: var(--primaryColor20); }

.uforis_case_study-template-default .keep-reading {
  background-color: #fff; }

.keep-reading .page-title {
  margin-bottom: 60px; }

.keep-reading .insight-thumb img {
  aspect-ratio: 580 / 260;
  min-width: 100%; }

.keep-reading-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 90px; }

@media (max-width: 767.98px) {
  .keep-reading-grid {
    grid-template-columns: repeat(1, 1fr); } }

.keep-reading-grid img {
  height: auto; }

.keep-reading-grid .tile-button {
  border: none;
  background-color: var(--primaryColor);
  min-width: 240px;
  text-align: center; }

.keep-reading-grid > *:first-child .tile-button {
  border: none;
  background-color: var(--primaryColor50); }

.page-template-page-about-php .page-title {
  color: var(--primaryColor60);
  margin-top: 60px;
  margin-bottom: 40px; }

@media (max-width: 767.98px) {
  .page-template-page-about-php .page-title {
    margin-bottom: 15px; } }

.page-template-page-about-php .uforis-testimonials {
  background: url(../images/culture-testomonial-bkg.webp) center center no-repeat;
  background-size: cover; }

.page-template-page-about-php .uforis-testimonials h2 {
  color: var(--primaryColor20) !important; }

.page-template-page-about-php .uforis-testimonials h4 {
  color: #fff;
  background: var(--primaryColor40);
  font-size: 24px;
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 2px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500; }

@media (max-width: 767.98px) {
  .page-template-page-about-php .uforis-testimonials h4 {
    margin-bottom: 10px; } }

.page-template-page-about-php .testimonial {
  color: #fff; }

.title-and-subnav {
  display: flex;
  justify-content: space-between;
  align-items: baseline; }

@media (max-width: 767.98px) {
  .title-and-subnav {
    flex-direction: column;
    margin-bottom: 30px; } }

.about-subnav {
  text-transform: uppercase;
  display: flex;
  font-size: 14px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500; }

.about-subnav .divider {
  display: block;
  width: 1px;
  margin: 2px 5px;
  background: var(--primaryColor); }

.about-hero {
  position: relative;
  z-index: 0;
  display: flex;
  align-items: flex-end;
  overflow: hidden; }

.about-hero .wrapper {
  position: relative; }

.about-hero img {
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-position: center;
  object-fit: cover;
  top: 0;
  bottom: 0; }

@media (max-width: 767.98px) {
  .about-hero img {
    height: 100%;
    width: auto;
    max-width: unset; } }

.about-text {
  background: rgba(22, 63, 68, 0.8) url(../images/about-lines.svg) center bottom no-repeat;
  background-size: cover;
  padding: 40px;
  font-size: 24px;
  max-width: 615px;
  color: #fff;
  margin-bottom: 60px; }

@media (max-width: 767.98px) {
  .about-text {
    font-size: 16px; } }

.about-text-subtitle {
  margin-bottom: 40px;
  font-size: 28px;
  color: var(--secondaryColor);
  font-family: "TiemposMedium", serif;
  font-weight: 400; }

.about-text-subtitle em {
  font-family: "TiemposItalic", serif;
  font-weight: 400; }

@media (max-width: 767.98px) {
  .about-text-subtitle {
    font-size: 22px;
    margin-bottom: 24px; } }

.uforis-culture {
  background: url(../images/culture-lines.svg) center bottom no-repeat;
  background-size: cover;
  padding-bottom: 60px; }

.uforis-culture h2 {
  color: var(--primaryColor) !important; }

.uforis-culture ul {
  display: flex;
  align-items: flex-start;
  justify-content: center; }

@media (max-width: 767.98px) {
  .uforis-culture ul {
    flex-direction: column; } }

.uforis-culture li {
  flex-basis: 30%;
  flex-shrink: 0;
  text-align: center;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px; }

@media (max-width: 767.98px) {
  .uforis-culture li {
    text-align: center;
    flex-basis: 100%;
    min-width: 100%; } }

@media (max-width: 767.98px) {
  .uforis-culture li + li {
    margin-top: 30px; } }

.uforis-culture h5 {
  font-size: 30px;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  margin-bottom: 15px;
  color: var(--primaryColor70); }

.uforis-culture h6 {
  font-size: 18px; }

.culture-icon {
  width: 105px;
  height: 105px;
  margin-bottom: 20px; }

.uforis-team {
  background: var(--primaryColor10);
  padding-top: 60px;
  padding-bottom: 60px; }

.uforis-team h4 {
  color: #fff;
  background: var(--primaryColor40);
  font-size: 24px;
  display: inline-block;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 2px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500; }

@media (max-width: 767.98px) {
  .uforis-team h4 {
    margin-bottom: 10px; } }

.uforis-team .page-title {
  margin-top: 0; }

.uforis-team ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 60px; }

@media (max-width: 767.98px) {
  .uforis-team ul {
    grid-template-columns: 1fr; } }

.uforis-team li {
  position: relative; }

.uforis-team img {
  aspect-ratio: 1/1;
  border: 1px solid var(--primaryColor);
  display: block; }

.uforis-team .member-info {
  padding-left: 40px;
  padding-top: 30px;
  position: relative; }

.uforis-team .member-info:before {
  content: "";
  width: 2px;
  height: calc(100% + 60px);
  background: var(--primaryColor);
  display: block;
  position: absolute;
  left: 20px;
  top: -60px; }

.uforis-team .member-name {
  font-size: 26px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  margin-bottom: 5px; }

.uforis-team .member-role {
  font-size: 18px; }

.uforis-team .member-links {
  display: flex;
  margin-top: 15px; }

.uforis-team .linkedin,
.uforis-team .email {
  display: block;
  margin-right: 12px;
  width: 24px;
  height: 24px;
  text-indent: -9999em;
  background: url(../images/icon-linkedin-about.svg); }

.uforis-team .email {
  background: url(../images/icon-email.svg); }

.team-member {
  overflow: hidden; }

.team-member-picture {
  position: relative;
  overflow: hidden;
  display: inline-block; }

.team-member-picture:after {
  content: "";
  width: 200%;
  height: 200px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(8%, 40%);
  z-index: 1;
  background: url(../images/uforis-logo.svg) center center no-repeat;
  background-size: contain;
  opacity: 0.3; }

.uforis-team li:nth-child(even) .team-member-picture:after {
  transform: translate(-45%, 40%); }

body.blog {
  background: var(--primaryColor30); }

body.blog .project-filter {
  background: var(--primaryColor20) url(../images/dropdown-arrow.png) 10px center no-repeat;
  background-size: auto 10px;
  padding: 6px 10px 6px 24px;
  border-radius: 2px;
  margin-left: 8px; }

@media (max-width: 767.98px) {
  body.blog .project-filter {
    margin-left: 0; } }

body.blog .case-studies {
  background: var(--primaryColor30); }

.single-post .case-study .wp-post-image {
  width: 100%;
  height: auto; }

.single-post .case-study h1 {
  font-size: 40px; }

.post-thumbnail {
  display: block;
  margin-bottom: 25px; }

.post-thumbnail + .post-date {
  margin-bottom: 0; }

@media (max-width: 767.98px) {
  .post-thumbnail img {
    width: 100%;
    height: auto; } }

.post-link h2 {
  margin-top: 15px; }

.next-prev-posts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 45px; }

.next-prev-posts a {
  display: inline-block;
  color: #fff;
  background: var(--primaryColor50);
  font-size: 24px;
  padding: 12px 30px; }

.next-posts-links {
  margin-right: 0;
  margin-left: auto; }

.single-post .page-header {
  padding-left: 0;
  padding-right: 0; }

.single-post .share-buttons {
  margin-left: 0; }

.post-date {
  font-size: 18px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  color: var(--primaryColor);
  display: block;
  margin-bottom: 30px;
  text-transform: uppercase; }

.post-body {
  margin-top: 45px;
  font-size: 18px; }

.post-body > * + * {
  margin-top: 1em; }

.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  color: var(--primaryColor90); }

.post-body h2 {
  font-size: 32px; }

.post-body h3 {
  font-size: 27.2px; }

.post-body h4 {
  font-size: 22.4px; }

.post-body h5 {
  font-size: 17.6px; }

.post-body h6 {
  font-size: 16px; }

.post-body ul,
.post-body ol,
.post-body li {
  list-style: initial;
  margin-left: 0.75em; }

.post-body ol,
.post-body ol li {
  list-style: decimal; }

.post-body li + li {
  margin-top: 0.5rem; }

.post-body a {
  text-decoration: underline; }

.post-body s {
  text-decoration: line-through; }

.post-body em {
  font-style: italic; }

.post-body b,
.post-body strong {
  font-weight: bold; }

.aligncenter {
  text-align: center; }

body.single-uforis_insight,
body.post-type-archive-uforis_insight {
  background: var(--primaryColor10); }

body.post-type-archive-uforis_insight .wrapper.case-studies {
  background: var(--primaryColor10); }

.insight-2-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px; }

@media (max-width: 767.98px) {
  .insight-2-cols {
    grid-template-columns: 1fr; } }

.insight-2-cols img {
  border: 1px solid var(--primaryColor); }

.insight-2-cols + .insight-2-cols {
  margin-top: 45px; }

.report-download {
  margin-top: 60px;
  padding-bottom: 60px; }

.report-download h3 {
  font-size: 36px;
  color: var(--primaryColor70);
  margin-bottom: 1em; }

@media (max-width: 767.98px) {
  .report-download h3 {
    font-size: 24px; } }

.prev-report {
  background: #fff;
  padding-top: 45px;
  padding-bottom: 45px; }

.prev-report h4 {
  text-transform: uppercase;
  font-size: 18px; }

.report-tile {
  display: flex;
  align-items: center;
  margin-top: 15px; }

.report-tile img {
  border: 1px solid var(--primaryColor);
  margin-right: 30px; }

.prev-link {
  font-size: 24px;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  color: var(--primaryColor90); }

.prev-link strong {
  display: block;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-size: 18px; }

.prev-link span {
  text-decoration: underline; }

@media (max-width: 767.98px) {
  .single-big-report {
    padding: 0; } }

@media (max-width: 767.98px) {
  .single-big-report .insight-thumb img {
    height: auto; } }

.report-partners-row {
  margin: 55px 0; }

.report-partners-row h3 {
  color: var(--primaryColor70);
  margin-bottom: 45px; }

.report-partners-row.wrapper {
  margin-left: auto;
  margin-right: auto; }

.report-partner-link {
  margin-bottom: 25px;
  display: block;
  height: 60px; }

.report-partner-link img {
  border: none;
  max-height: 100%;
  width: auto; }

.older-insights {
  margin-top: 110px;
  margin-bottom: 45px; }

.report-partners-tier-title {
  font-size: 36px;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  color: var(--primaryColor70); }

.report-partner-text {
  line-height: 1.5; }

.report-partner-text p + p {
  margin-top: 1em; }

body.uforis_insight-template-single-uforis_insight-2023 {
  background: #fff; }

body.uforis_insight-template-single-uforis_insight-2023 .about-text {
  margin-top: 60px;
  max-width: 850px;
  padding: 26px 36px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500; }

body.uforis_insight-template-single-uforis_insight-2023 .about-text > * + * {
  margin-top: 0.75rem; }

body.uforis_insight-template-single-uforis_insight-2023 .about-text p,
body.uforis_insight-template-single-uforis_insight-2023 .about-text ol,
body.uforis_insight-template-single-uforis_insight-2023 .about-text li {
  font-size: 22px; }

body.uforis_insight-template-single-uforis_insight-2023 .about-text ol,
body.uforis_insight-template-single-uforis_insight-2023 .about-text li {
  list-style: decimal; }

body.uforis_insight-template-single-uforis_insight-2023 .about-text ol {
  margin-top: 0;
  padding-left: 2.5rem; }

body.uforis_insight-template-single-uforis_insight-2023 .caption {
  font-size: 16px;
  color: var(--secondaryColor); }

body.uforis_insight-template-single-uforis_insight-2023 .caption strong {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500; }

body.uforis_insight-template-single-uforis_insight-2023 .about-text-subtitle {
  font-size: 32px;
  font-family: "TiemposItalic", serif;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 8px; }

body.uforis_insight-template-single-uforis_insight-2023 h1 {
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 1.2;
  margin-top: 0.5rem !important; }

@media (max-width: 767.98px) {
  body.uforis_insight-template-single-uforis_insight-2023 h1 {
    font-size: 36px; } }

body.uforis_insight-template-single-uforis_insight-2023 h1 em {
  font-family: "TiemposItalic", serif;
  font-weight: 400; }

body.uforis_insight-template-single-uforis_insight-2023 h1 small {
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  font-size: 38px; }

body.uforis_insight-template-single-uforis_insight-2023 .hb-form-wrapper {
  background: var(--primaryColor10); }

body.uforis_insight-template-single-uforis_insight-2023 .hb-form-wrapper .report-download {
  margin-top: 0;
  padding-top: 60px; }

.insight-2023 .overview {
  color: #004045; }

.insight-2023 .overview h3 {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 21px;
  line-height: 1; }

.insight-2023 .overview ul {
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 30px;
  line-height: 1; }

.insight-2023 .overview li {
  margin-top: 0;
  line-height: 1.2; }

.insight-overview-title {
  color: var(--primaryColor70) !important;
  margin-bottom: 30px; }

.single-insight-see-more {
  padding: 64px 0;
  background: var(--primaryColor10); }

.single-insight-see-more > .page-title.older-insights {
  margin-top: 0;
  padding-top: 0; }

.resources-insights,
.resources-case-studies,
.resources-blog {
  padding: 60px 0; }

.resources-insights h2,
.resources-case-studies h2,
.resources-blog h2 {
  font-size: 71px;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  margin-bottom: 40px; }

.resources-insights {
  padding-top: 0;
  background: var(--primaryColor10); }

.insights-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px; }

@media (max-width: 767.98px) {
  .insights-grid {
    grid-template-columns: 1fr; } }

.insight-tile {
  display: flex;
  flex-direction: column; }

.insight-tile h3 {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 26px;
  padding-top: 30px;
  padding-bottom: 30px;
  position: relative;
  z-index: 100; }

.insight-tile h3:before {
  content: "";
  width: 2px;
  height: calc(100% + 40px);
  background: var(--primaryColor);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-15px, -40px); }

.insight-tile h3 span {
  display: block;
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 10px; }

.insight-tile .title-and-excerpt {
  position: relative;
  padding-left: 30px;
  padding-right: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1; }

.insight-tile .excerpt {
  margin-bottom: 20px; }

.insight-tile .excerpt p + p {
  margin-top: 1em; }

.insight-tile .tile-button {
  margin-top: auto;
  margin-bottom: 0;
  min-width: 250px;
  text-align: center; }

.insight-thumb {
  display: block;
  border: 1px solid var(--primaryColor); }

.insight-thumb img {
  object-fit: cover;
  object-position: center top;
  display: block;
  max-height: 440px;
  width: 100%; }

@media (max-width: 767.98px) {
  .insight-thumb img {
    width: 100%;
    height: 100%; } }

.resources-case-studies h2 {
  color: var(--primaryColor50); }

@media (max-width: 767.98px) {
  .resources-case-studies h2 {
    font-size: 40px; } }

.resources-case-studies .case-study-tile {
  display: flex;
  align-items: flex-end; }

.resources-case-studies .case-study-tile > a {
  flex-shrink: 0; }

@media (max-width: 767.98px) {
  .resources-case-studies .case-study-tile {
    display: block; } }

.resources-case-studies .tile-button {
  min-width: 250px;
  text-align: center; }

.resources-case-studies h3 {
  font-size: 30px;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  color: var(--primaryColor70); }

.resources-case-studies img {
  margin-right: 40px !important; }

@media (max-width: 767.98px) {
  .resources-case-studies img {
    margin-right: 0 !important;
    margin-bottom: 25px;
    width: 100%;
    height: auto; } }

@media (max-width: 767.98px) {
  .resources-case-studies .wrapper {
    display: flex;
    flex-direction: column; } }

.resources-blog {
  background: var(--primaryColor30); }

.resources-blog h2 {
  color: var(--primaryColor90); }

@media (max-width: 767.98px) {
  .resources-blog h2 {
    font-size: 40px; } }

.resources-blog h3 {
  font-size: 30px;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  margin-top: 10px;
  color: var(--primaryColor90); }

.resources-blog img {
  width: 100%;
  height: auto; }

.resources-ebook {
  background: var(--primaryColor20); }

.resources-ebook .solutions-header {
  background: var(--primaryColor20); }

.page-template-page-contact-php .header {
  background: url(../images/contact-back.webp) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 60px; }

.page-template-page-contact-php .page-title {
  color: var(--primaryColor);
  margin-top: 60px;
  margin-bottom: 40px; }

.page-template-page-contact-php h3 {
  font-size: 36px;
  color: var(--primaryColor70);
  margin-bottom: 30px;
  font-family: "TiemposMedium", serif;
  font-weight: 400; }

.form-and-offices {
  display: flex;
  justify-content: space-between; }

.form-and-offices .left,
.form-and-offices .right {
  flex-basis: calc(50% - 20px);
  flex-shrink: 0;
  padding: 1rem 0.5rem 0 0.5rem; }

.form-and-offices .right {
  background: rgba(1, 1, 1, 0.1); }

.form-and-offices .office-locations {
  grid-template-columns: repeat(2, 1fr); }

.form-and-offices .office-locations > * {
  padding-top: 0; }

.form-and-offices .office-location {
  padding-left: 0;
  border-left: none; }

.form-and-offices .social-networks {
  flex-wrap: wrap;
  padding-left: 0;
  border-left: none; }

.form-and-offices .social-networks a {
  background-color: var(--primaryColor70); }

.form-and-offices .icon-email {
  width: 100%;
  margin-top: 0; }

.form-and-offices .icon-email {
  margin-bottom: 10px; }

.form-and-offices .icon-email a {
  background-color: transparent; }

.form-and-offices .icon-email + * {
  margin-left: 0; }

.form-and-offices .icon-facebook a {
  background: url(../images/icon-fb-contact.svg) center center no-repeat;
  background-size: cover; }

.form-and-offices .icon-instagram a {
  background: url(../images/icon-instagram-contact.svg) center center no-repeat;
  background-size: cover; }

.form-and-offices .icon-vimeo a {
  background: url(../images/icon-vimeo-contact.svg) center center no-repeat;
  background-size: cover; }

.form-and-offices .icon-linkedin a {
  background: url(../images/icon-linkedin-contact.svg) center center no-repeat;
  background-size: cover; }

.newsletter-form h3 {
  font-size: 30px; }

.request-quote-form {
  padding-bottom: 60px; }

/*hero*/
.page-template-front-page .project-hero {
  min-height: 830px;
  position: relative; }

@media (max-width: 767.98px) {
  .page-template-front-page .project-hero {
    min-height: initial; } }

.page-template-front-page .project-hero:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url(../images/hero-lines.svg) center bottom no-repeat;
  background-size: cover; }

.page-template-front-page .project-hero h1 {
  line-height: 1.1; }

.page-template-front-page .project-hero img,
.page-template-front-page .project-hero video {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.hero-ctas * + * {
  margin-left: 16px !important; }

@media (max-width: 767.98px) {
  .hero-ctas * + * {
    margin-left: 0 !important;
    margin-top: 30px !important; } }

.hero-ctas a {
  padding: 15px 50px;
  line-height: 1; }

/*home-projects*/
.home-projects {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 0;
  margin-bottom: 65px; }

.home-projects h2,
.home-projects .project-tile {
  text-align: left; }

.home-projects h2 {
  margin-bottom: 40px; }

.home-projects .projects-list {
  justify-content: space-between;
  padding-bottom: 240px; }

.home-projects .projects-list .left,
.home-projects .projects-list .right {
  flex-basis: calc(50% - 20px);
  max-width: calc(50% - 20px); }

@media (max-width: 767.98px) {
  .home-projects .projects-list .left,
  .home-projects .projects-list .right {
    flex-basis: 100%;
    max-width: 100%; } }

@media (max-width: 767.98px) {
  .home-projects .projects-list {
    flex-direction: column;
    padding-bottom: 60px; } }

.home-projects .left {
  margin-right: auto; }

.home-projects .left img {
  height: clamp(800px, 80vh, 840px); }

@media (max-width: 767.98px) {
  .home-projects .left img {
    width: auto;
    height: auto;
    max-height: unset; } }

@media (max-width: 767.98px) {
  .home-projects .left {
    margin-bottom: 30px; } }

.home-projects .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.home-projects .right .project-tile {
  flex-basis: initial; }

.home-projects .right img {
  max-height: clamp(300px, 30vh, 325px); }

@media (max-width: 767.98px) {
  .home-projects .right img {
    width: 100% !important;
    height: auto;
    max-height: unset; } }

.home-projects .thumbnail-wrapper {
  overflow: hidden; }

.home-projects .project-tile {
  flex-basis: 100%;
  max-width: 100%;
  min-width: 100%;
  position: relative;
  margin-bottom: 0; }

.home-projects .project-tile + .project-tile {
  margin-top: 30px; }

.home-projects .project-tile img {
  object-fit: cover;
  object-position: center;
  aspect-ratio: unset; }

.home-projects .project-meta {
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translateY(100%);
  padding-top: 10px; }

.home-projects .project-meta:before {
  top: -70px;
  height: calc(100% + 67px); }

@media (max-width: 767.98px) {
  .home-projects .project-meta {
    position: static;
    transform: translateY(0); } }

.home-projects .project-name {
  font-size: 24px; }

.home-projects .learn-more-button {
  min-width: 250px; }

/*hover gallery*/
.hover-gallery {
  overflow: hidden;
  z-index: 100;
  display: flex;
  position: relative;
}

.hover-gallery img,
.hover-gallery video {
  position: absolute;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%; }

.hover-gallery img.active,
.hover-gallery video.active {
  opacity: 1; }

.hover-gallery .wrapper {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
  z-index: 1;
  max-height: 90vh; }

@media (max-width: 767.98px) {
  .hover-gallery .wrapper {
    padding-top: 60px;
    padding-bottom: 60px; } }

.hover-gallery h3 {
  color: var(--secondaryColor);
  background: var(--primaryColor80);
  display: inline-block;
  padding: 3px 8px;
  line-height: 1;
  font-size: 24px;
  margin-bottom: 10px; }

.hover-gallery h5 {
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  font-size: 38px;
  color: var(--secondaryColor);
  user-select: none;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
  padding-left: 24px;
  background: url(../images/arrow-hover-gallery-right.svg) -30px center no-repeat;
  overflow: hidden;
  display: inline-block; }

@media (max-width: 767.98px) {
  .hover-gallery h5 {
    font-size: 24px; } }

.hover-gallery h5.active {
  color: #fff;
  background-position: 0 center; }

/*home-resources*/
.home-resources {
  background-color: var(--primaryColor10);
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  z-index: 0; }

.home-resources h2 {
  margin-bottom: 40px; }

.home-resources img {
  border: 1px solid var(--primaryColor);
  width: auto;
  height: 330px;
  object-fit: cover; }

@media (max-width: 767.98px) {
  .home-resources img {
    height: auto;
    width: 100%; } }

.home-resources .tile-button {
  min-width: 100%;
  text-align: center;
  padding-left: unset;
  padding-right: unset; }

.home-resources .insights-grid {
  grid-template-columns: repeat(4, 1fr); }

@media (max-width: 767.98px) {
  .home-resources .insights-grid {
    display: flex;
    flex-direction: column; } }

.home-resources .insight-tile h3 {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px; }

.home-resources .insight-tile h3 span {
  margin-bottom: 5px; }

.home-resources .excerpt-link {
  font-size: 18px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-weight: bold;
  text-decoration: underline;
  margin-left: 4px; }

/**/
.why-uforis {
  text-align: center;
  padding-top: 60px;
  background: url(../images/why-uforis-lines.svg) center bottom no-repeat;
  background-size: cover; }

.why-uforis h2 {
  font-size: 71px;
  margin-bottom: 40px;
  font-family: "TiemposMedium", serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  color: var(--primaryColor90);
  text-align: left; }

.why-uforis .logo {
  text-indent: -9999em;
  display: inline-block;
  width: 305px;
  height: 82px;
  background: url(../images/uforis-process-logo.svg) center no-repeat;
  background-size: contain;
  margin: 0 8px; }

@media (max-width: 767.98px) {
  .why-uforis ul {
    display: flex;
    flex-direction: column;
    align-items: center; } }

.why-uforis li {
  flex-basis: 33.333%; }

.why-uforis h5 {
  font-size: 28px; }

.why-uforis .learn-more-button {
  margin-top: 100px;
  min-width: 250px; }

.learn-more-button {
  background: var(--primaryColor);
  color: #fff;
  font-size: 24px;
  line-height: 1;
  padding: 15px 50px;
  display: inline-block;
  margin: auto; }

.contact {
  background: url(../images/contact-home-back.webp) center center no-repeat;
  background-size: cover;
  overflow: hidden;
  padding-bottom: 60px; }

.contact .page-title {
  color: var(--primaryColor);
  margin-top: 60px;
  margin-bottom: 40px; }

.contact h3 {
  font-size: 30px;
  color: var(--primaryColor70);
  margin-bottom: 15px;
  font-family: "TiemposMedium", serif;
  font-weight: 400; }

.contact .newsletter-form {
  margin-top: 45px; }

.contact .social-networks > * {
  margin-top: 0; }

.contact .icon-email {
  width: auto; }

.contact .icon-email + * {
  margin-left: 8px; }

@media (max-width: 767.98px) {
  .form-and-offices {
    flex-direction: column; } }

@media (max-width: 767.98px) {
  .form-and-offices .right {
    margin-top: 30px; } }

.request-quote-form-button {
  background: var(--primaryColor70);
  color: #fff;
  font-size: 24px;
  padding: 12px 30px;
  display: inline-block; }

.page404 {
  background: var(--primaryColor20); }

.page404 h1 {
  color: var(--primaryColor); }

.page404 h1 em {
  font-size: 36px !important; }

.page404 .solution-thumb {
  margin-bottom: 30px; }

.page404 .tile-button {
  width: auto;
  min-width: 250px;
  display: inline-block;
  text-align: center; }

.solutions-list.page404 {
  padding-top: 10px;
  padding-bottom: 80px; }

.two-columns-page {
  padding-bottom: 90px; }

.two-columns-content {
  columns: 2;
  column-gap: 60px;
  orphans: 5; }

@media (max-width: 767.98px) {
  .two-columns-content {
    columns: 1;
    column-gap: 0; } }

.two-columns-content h3 {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-size: 26px;
  margin-bottom: 12px;
  text-transform: uppercase; }

.two-columns-content p {
  margin-bottom: 1em; }

.single-uforis_ebook .hb-form-wrapper {
  margin-top: 60px;
  padding-top: 64px;
  padding-bottom: 0;
  background: var(--primaryColor10); }

@media (max-width: 767.98px) {
  .single-uforis_ebook .hb-form-wrapper {
    margin-top: 45px;
    padding-top: 45px; } }

.single-uforis_ebook .report-download {
  margin-top: 0;
  padding-bottom: 0; }
