@charset "UTF-8";
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

html {
  height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block;
}

b,
strong {
  font-weight: bold;
}

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

ol,
ul {
  list-style: none;
}

li {
  display: list-item;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

sub,
sup,
small {
  font-size: 75%;
}

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg {
  overflow: hidden;
}

:root {
  --mb:10px;
  --outer:20px;
  --max-width: inherit;
  --rat: 56.25%;
  --rec: 177.2%;
  --rw: 720px;
}

@media (min-width: 769px) {
  :root {
    --mb:10px;
  }
}
@media (min-width: 1000px) {
  :root {
    --mb:1vw;
    --outer:40px;
  }
}
@media (min-width: 1180px) {
  :root {
    --outer:3.75vw;
  }
}
@media (min-width: 1920px) {
  :root {
    --outer:10vw;
  }
}
/*--------------------------------
	Media Queries
	used for outputting content either between media query tags
	example: basic usage
	.element {
		width: 50%;
		@include mq('tablet-small') {
			width: 20%;
		}
	}
	example: using max-width
	.element {
		width: 50%;
		@include mq('tablet-small', 'max') {
			width: 20%;
		}
	}
*/
/*--------------------------------
	Margin / Padding Quick Resets
	example: top & bottom margin set to $mb
	.element {
		@include push--ends;
	}
	example: left & right padding set to $mb--small
	.element {
		@include soft--sides($mb--small);
	}
*/
/*--------------------------------
	Helper mixins
*/
/*--------------------------------
	Form input placeholder text
	example:
	input,
	textarea {
		@include input-placeholder {
			color: $grey;
		}
	}
*/
/*--------------------------------
	Retina images
	example:
	.element {
		@include retina {
			background-image: url(../img/background@2x.png);
		}
	}
*/
/*--------------------------------
	Content margins
	fore removing first/last child margins
	example: default
	.element {
		@include content-margins;
	}
	output:
	.element > *:first-child {
		margin-top: 0;
	}
	.element > *:last-child {
		margin-bottom: 0;
	}
	example: empty selector
	.element {
		@include content-margins('false');
	}
	output:
	.element:first-child {
		margin-top: 0;
	}
	.element:last-child {
		margin-bottom: 0;
	}
*/
/*--------------------------------
	CSS Triangle
	used for creating CSS only triangles
	example:
	.element {
		&::before {
			@include css-triangle(blue, down);
		}
	}
*/
/*--------------------------------
	Hide text
	example:
	.element {
		@include hide-text;
	}
*/
/*--------------------------------
	Responsive ratio
	Used for creating scalable elements that maintain the same ratio
	example:
	.element {
		@include responsive-ratio(400, 300);
	}
*/
/*--------------------------------
Font size
*/
.animated.infinite {
  animation-iteration-count: infinite;
}

/*------------------------------------------------------------------------------------------------------------------------

							Fade In   

--------------------------------------------------------------------------------------------------------------------------*/
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
@keyframes fade-in-ks {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-up-ks {
  0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fade-in-up-centrex-ks {
  0% {
    opacity: 0;
    transform: translate3d(-50%, 100px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(-50%, 0, 0);
  }
}
@keyframes fade-in-down-ks {
  0% {
    opacity: 1;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fade-out-ks {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutLeftKs {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-30px);
  }
}
@keyframes fadeOutRightKS {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(30px);
  }
}
@keyframes fadeInLeftKs {
  0% {
    opacity: 0;
    transform: translateX(-50vw);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes rotateKs {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(90deg);
  }
}
.bounce {
  animation: bounce2 2s ease;
}

.fade-in {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-delay: 0.3s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}

.fade-in-up {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.1s;
  animation-timing-function: ease;
  animation-name: fadeInUpKs;
}

.fade-out {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fadeOutKs;
}

.section-animate {
  opacity: 1;
}
.section-animate.section--drivers-blog .entry--post .image, .section-animate.section--drivers-blog .entry--post .copy, .section-animate.section--intro .intro-numbers, .section-animate.section--intro .intro-paragraph, .section-animate.section--video-slider, .section-animate.section--drivers-blog .title-block .image, .section-animate.section--drivers-blog .block-date, .section-animate.section--company-principles h2, .section-animate.section--company-principles archive, .section-animate.section--company-biography .image, .section-animate.section--company-biography .copy, .section-animate.section--company-people .person, .section-animate.section--investment-intro .column, .section-animate.section--investment-intro figure, .section-animate.invest-block .copy, .section-animate.invest-block .image, .section-animate.section--investment-partners .image, .section-animate.section--office-intro .copy,
.section-animate .block-intro,
.section-animate .block-list, .section-animate.section--collaborators-intro .copy, .section-animate.collaborators .person, .section-animate.collaborators-logos .image, .section-animate.section--intro-portfolio .intro-text, .section-animate.section--intro-portfolio .details div, .section-animate.portfolio-logo, .section-animate.section--portfolio-slider .swiper-slide, .section-animate.section--portfolio-slider .swiper-scrollbar {
  opacity: 0;
}
.section-animate.section--home-quotes .image, .section-animate.section--company-vision .image, .section-animate.section--company-capabilities .image, .section-animate.section--portfolio-extra-content .swiper-slide:nth-of-type(1) .image, .section-animate.section--portfolio-extra-content .swiper-slide:nth-of-type(2) .image {
  opacity: 0;
}
.section-animate.section--home-quotes .content, .section-animate.section--company-vision .content, .section-animate.section--company-capabilities .content, .section-animate.section--portfolio-extra-content .swiper-slide:nth-of-type(1) .content, .section-animate.section--portfolio-extra-content .swiper-slide:nth-of-type(2) .content {
  opacity: 0;
}
.section-animate.section--entries-double .image, .section-animate.section--portfolio-about .image {
  opacity: 0;
}
.section-animate.section--entries-double .copy, .section-animate.section--portfolio-about .copy {
  opacity: 0;
}
.section-animate.quote-holder .image {
  opacity: 0;
}
.section-animate.quote-holder figure {
  opacity: 0;
}

.section-animate.on-screen.section--drivers-blog .title-block .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--drivers-blog .block-date {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.8s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--drivers-blog .entry--post:nth-of-type(1) .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--drivers-blog .entry--post:nth-of-type(1) .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--drivers-blog .entry--post:nth-of-type(2) .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--drivers-blog .entry--post:nth-of-type(2) .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro .intro-numbers {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro .intro-paragraph {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--video-slider {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--home-quotes .image, .section-animate.on-screen.section--company-vision .image, .section-animate.on-screen.section--company-capabilities .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--home-quotes .content, .section-animate.on-screen.section--company-vision .content, .section-animate.on-screen.section--company-capabilities .content {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--company-principles h2 {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
  border-bottom: 1px solid #E1E1E1;
  transition: border-bottom 0.5s 0.5s;
}
.section-animate.on-screen.section--company-principles article:nth-child(1) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--company-principles article:nth-child(2) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--company-principles article:nth-child(3) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--company-principles article:nth-child(4) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--company-principles article:nth-child(5) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--company-principles article:nth-child(6) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 3s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--company-biography .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--company-biography .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
@media (max-width: 769px) {
  .section-animate.on-screen.section--company-people .person:nth-child(1) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(2) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(3) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(4) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(5) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(6) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(7) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(8) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(9) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(10) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(11) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(12) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(13) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(14) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(15) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(16) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(17) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(18) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(19) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(20) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(21) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(22) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(23) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(24) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(25) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(26) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(27) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(28) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(29) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(30) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(31) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(32) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(33) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(34) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(35) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(36) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(37) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(38) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(39) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(40) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
}
@media (min-width: 769px) {
  .section-animate.on-screen.section--company-people .person:nth-child(1) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(2) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(3) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.4s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(4) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.6s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(5) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.8s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(6) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(7) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(8) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.4s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(9) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(10) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(11) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(12) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(13) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(14) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(15) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(16) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(17) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(18) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(19) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(20) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(21) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(22) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(23) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(24) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(25) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(26) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(27) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(28) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person:nth-child(29) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--company-people .person {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
}
.section-animate.on-screen.section--investment-intro figure {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease;
  animation-name: fade-in-up-ks;
}
@media (max-width: 769px) {
  .section-animate.on-screen.section--investment-intro .column {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.5s;
    animation-timing-function: linear;
    animation-name: fade-in-ks;
  }
}
@media (min-width: 769px) {
  .section-animate.on-screen.section--investment-intro .column:nth-child(1) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.5s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-intro .column:nth-child(2) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-intro .column:nth-child(3) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.5s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-intro .column:nth-child(4) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
}
.section-animate.on-screen.invest-block .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.invest-block .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
@media (max-width: 769px) {
  .section-animate.on-screen.section--investment-partners .image:nth-child(1) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(2) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(3) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(4) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(5) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(6) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(7) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(8) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(9) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(10) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(11) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(12) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(13) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(14) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(15) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(16) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(17) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(18) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(19) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(20) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(21) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(22) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(23) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(24) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(25) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(26) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(27) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(28) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(29) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(30) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(31) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(32) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(33) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(34) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(35) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(36) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(37) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(38) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(39) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(40) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
}
@media (min-width: 769px) {
  .section-animate.on-screen.section--investment-partners .image:nth-child(1) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(2) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(3) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.4s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(4) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.6s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(5) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.8s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(6) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(7) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(8) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.4s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(9) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.6s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(10) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.8s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(11) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(12) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 2.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(13) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(14) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(15) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(16) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(17) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(18) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(19) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(20) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(21) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(22) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(23) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(24) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(25) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(26) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(27) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(28) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(29) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.section--investment-partners .image:nth-child(30) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
}
.section-animate.on-screen.section--office-intro .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen .block-intro {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen .block-intro h2 {
  border-bottom: 1px solid #E1E1E1;
  transition: border-bottom 0.5s 0.5s;
}
.section-animate.on-screen .block-list {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--collaborators-intro .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
@media (max-width: 769px) {
  .section-animate.on-screen.collaborators .person:nth-child(1) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(2) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(3) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(4) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(5) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(6) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(7) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(8) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(9) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(10) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(11) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(12) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(13) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(14) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(15) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(16) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(17) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(18) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(19) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(20) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(21) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(22) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(23) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(24) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(25) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(26) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(27) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(28) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(29) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(30) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(31) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(32) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(33) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(34) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(35) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(36) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(37) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(38) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(39) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(40) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
}
@media (min-width: 769px) {
  .section-animate.on-screen.collaborators .person:nth-child(1) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(2) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(3) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.4s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(4) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.6s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(5) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.8s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(6) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(7) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(8) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.4s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(9) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(10) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(11) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(12) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(13) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(14) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(15) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(16) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(17) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(18) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(19) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(20) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(21) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(22) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(23) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(24) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(25) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(26) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(27) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(28) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(29) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators .person:nth-child(30) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
}
@media (max-width: 769px) {
  .section-animate.on-screen.collaborators-logos .image:nth-child(1) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(2) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(3) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(4) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(5) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(6) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(7) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(8) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(9) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(10) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(11) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(12) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(13) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(14) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(15) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(16) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(17) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(18) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(19) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(20) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(21) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(22) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(23) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(24) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(25) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(26) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(27) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(28) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(29) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(30) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(31) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(32) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(33) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(34) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(35) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(36) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(37) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(38) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(39) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(40) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(41) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(42) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(43) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(44) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(45) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(46) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(47) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(48) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(49) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(50) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(51) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(52) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(53) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(54) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(55) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(56) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(57) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(58) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(59) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(60) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(61) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(62) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(63) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(64) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(65) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(66) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(67) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(68) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(69) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(70) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(71) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(72) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(73) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(74) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(75) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(76) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(77) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(78) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(79) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(80) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(81) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(82) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(83) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(84) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(85) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(86) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(87) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(88) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(89) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(90) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(91) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(92) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(93) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(94) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(95) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(96) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(97) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(98) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(99) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(100) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
}
@media (min-width: 769px) {
  .section-animate.on-screen.collaborators-logos .image:nth-child(1) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(2) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(3) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.4s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(4) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.6s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(5) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.8s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(6) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(7) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(8) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.4s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(9) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(10) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(11) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(12) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(13) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(14) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(15) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(16) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(17) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(18) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(19) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(20) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(21) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(22) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(23) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(24) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(25) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(26) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(27) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(28) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(29) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(30) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(31) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(32) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(33) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(34) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(35) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(36) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(37) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(38) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(39) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(40) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(41) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(42) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(43) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(44) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(45) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(46) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(47) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(48) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(49) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(50) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(51) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(52) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(53) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(54) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(55) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(56) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(57) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(58) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(59) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(60) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(61) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(62) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(63) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(64) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(65) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(66) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(67) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(68) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(69) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(70) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(71) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(72) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(73) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(74) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(75) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(76) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(77) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(78) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(79) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(80) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(81) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(82) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(83) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(84) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(85) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(86) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(87) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(88) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(89) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(90) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(91) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(92) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(93) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(94) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(95) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(96) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(97) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(98) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(99) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .section-animate.on-screen.collaborators-logos .image:nth-child(100) {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
}
.section-animate.on-screen.header--blog .title-block .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.header--blog .block-date {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.8s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.header--blog .entry--post:nth-of-type(1) .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.header--blog .entry--post:nth-of-type(1) .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.header--blog .entry--post:nth-of-type(2) .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.header--blog .entry--post:nth-of-type(2) .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.header--blog .entry--post:nth-of-type(3) .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.header--blog .entry--post:nth-of-type(3) .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 3s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--entries-double .entry--post:nth-of-type(1) .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--entries-double .entry--post:nth-of-type(1) .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--entries-double .entry--post:nth-of-type(2) .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--entries-double .entry--post:nth-of-type(2) .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .intro-text {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(1) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(2) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.4s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(3) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.6s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(4) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(5) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(6) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(7) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.4s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(8) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.6s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(9) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(10) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(11) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2.2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(12) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2.4s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(13) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2.6s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(14) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2.8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(15) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 3s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(16) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 3.2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(17) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 3.4s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(18) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 3.6s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(19) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 3.8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(20) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 4s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(21) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 4.2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(22) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 4.4s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(23) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 4.6s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(24) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 4.8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(25) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(26) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 5.2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(27) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 5.4s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(28) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 5.6s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(29) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 5.8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(30) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 6s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(31) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 6.2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(32) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 6.4s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(33) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 6.6s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(34) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 6.8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(35) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 7s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(36) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 7.2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(37) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 7.4s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(38) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 7.6s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(39) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 7.8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--intro-portfolio .details div:nth-child(40) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.portfolio-logo {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(1) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(2) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.4s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(3) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.6s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(4) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(5) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(6) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(7) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(8) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(9) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(10) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(11) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(12) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(13) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(14) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(15) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(16) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(17) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(18) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(19) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(20) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(21) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(22) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(23) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(24) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(25) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(26) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(27) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(28) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(29) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(30) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(31) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(32) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(33) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(34) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(35) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(36) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(37) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(38) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(39) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-slide:nth-child(40) {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-slider .swiper-scrollbar {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.5s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.section-animate.on-screen.section--portfolio-about .lazy__show {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--portfolio-about .lazy__show + .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.quote-holder .lazy__show {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.quote-holder .lazy__show + figure {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--portfolio-extra-content .swiper-slide:nth-of-type(1) .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--portfolio-extra-content .swiper-slide:nth-of-type(1) .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--portfolio-extra-content .swiper-slide:nth-of-type(2) .image {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section-animate.on-screen.section--portfolio-extra-content .swiper-slide:nth-of-type(2) .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}

.fade-in-stagger {
  opacity: 1;
}
@media (min-width: 769px) and (orientation: landscape) {
  .fade-in-stagger .entry--portfolio:nth-child(1) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(2) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(3) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.4s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(4) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.6s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(5) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.8s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(6) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
}
@media (min-width: 769px) and (orientation: portrait) {
  .fade-in-stagger .entry--portfolio:nth-child(1) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(2) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(3) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.4s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(4) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.6s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(5) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0.8s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(6) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(7) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.2s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(8) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.4s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
  .fade-in-stagger .entry--portfolio:nth-child(9) {
    opacity: 0;
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1.6s;
    animation-timing-function: ease-out;
    animation-name: fade-in-up-ks;
  }
}

.section--entries .entry--post:nth-of-type(odd) .lazy__show {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section--entries .entry--post:nth-of-type(odd) .lazy__show + .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section--entries .entry--post:nth-of-type(even) .lazy__show {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.section--entries .entry--post:nth-of-type(even) .lazy__show + .copy {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}

.press.listing article:nth-child(1) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(2) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(3) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(4) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(5) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(6) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 3s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(7) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 3.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(8) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 4s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(9) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 4.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(10) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(11) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 5.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(12) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 6s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(13) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 6.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(14) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 7s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(15) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 7.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(16) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(17) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 8.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(18) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 9s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(19) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 9.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(20) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 10s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(21) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 10.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(22) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 11s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(23) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 11.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press.listing article:nth-child(24) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 12s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}

.has-scrolled .press.listing article:nth-child(1) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(2) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(3) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(4) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(5) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(6) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(7) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(8) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(9) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(10) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(11) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(12) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(13) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(14) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(15) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(16) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(17) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(18) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(19) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(20) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(21) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(22) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(23) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press.listing article:nth-child(24) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}

.press-releases h3 {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.press-releases li:nth-child(1) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(2) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(3) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 1.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(4) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(5) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(6) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 3s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(7) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 3.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(8) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 4s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(9) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 4.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(10) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(11) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 5.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(12) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 6s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(13) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 6.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(14) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 7s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(15) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 7.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(16) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 8s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(17) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 8.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(18) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 9s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(19) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 9.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(20) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 10s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(21) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 10.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(22) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 11s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(23) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 11.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.press-releases li:nth-child(24) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 12s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}

.has-scrolled .press-releases li:nth-child(1) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(2) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(3) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(4) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(5) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(6) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(7) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(8) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(9) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(10) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(11) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(12) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(13) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(14) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(15) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(16) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(17) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(18) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(19) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(20) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(21) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(22) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(23) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.has-scrolled .press-releases li:nth-child(24) {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}

.header--text {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}
.header--text + .section--contact {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: ease-out;
  animation-name: fade-in-up-ks;
}

@font-face {
  font-family: "shvo-web";
  src: url("../fonts/shvo-regular-webfont.woff2") format("woff2"), url("../fonts/shvo-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "austin-web";
  src: url("../fonts/austin.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
b, strong {
  font-weight: 500;
}

p {
  margin-bottom: var(--mb);
}

h1 {
  font-family: "austin-web", serif;
  font-weight: normal;
  line-height: 1;
  color: #000000;
  font-size: 30px;
}
@media (min-width: 1200px) {
  h1 {
    font-size: calc(40 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  h1 {
    font-size: 40px;
  }
}

h2 {
  font-family: "austin-web", serif;
  font-weight: normal;
  line-height: 1;
  color: #000000;
  font-size: 30px;
}
@media (min-width: 800px) {
  h2 {
    font-size: calc(60 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  h2 {
    font-size: 60px;
  }
}

h3 {
  font-family: "austin-web", serif;
  font-weight: normal;
  line-height: 1;
  color: #000000;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
  line-height: 1;
}

h4 {
  font-family: "austin-web", serif;
  font-weight: normal;
  line-height: 1;
  color: #000000;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25.2px;
  line-height: 1.4;
  font-weight: 500;
}

h5 {
  font-family: "shvo-web", sans-serif;
  line-height: 1.4;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.4;
  font-weight: 500;
}

.largefont {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 33.6px;
  line-height: 1.4;
  line-height: 1.4;
  font-weight: normal;
}

.smallfont {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
}

.tinyfont {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 15.4px;
  line-height: 1.4;
}

blockquote {
  font-family: "austin-web", serif;
  font-weight: normal;
  line-height: 1;
  color: #000000;
  font-size: 30px;
  text-align: center;
}
@media (min-width: 800px) {
  blockquote {
    font-size: calc(60 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  blockquote {
    font-size: 60px;
  }
}
blockquote p {
  text-align: center;
}
blockquote > :last-child {
  margin-bottom: 0;
}
blockquote + figcaption {
  font-family: "shvo-web", sans-serif;
  line-height: 1.4;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.4;
  color: #000000;
  font-weight: bold;
  margin-top: var(--mb);
}

h1.title-404 {
  font-size: 120px;
}
@media (min-width: 640px) {
  h1.title-404 {
    font-size: calc(300 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  h1.title-404 {
    font-size: 300px;
  }
}

.menu-button {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
  text-indent: 200%;
  text-align: left;
  font-size: 0;
  white-space: nowrap;
  overflow: hidden;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
  background: transparent;
  overflow: visible;
  transform-origin: center;
  transition: transform 0.2s ease-out;
}
.menu-button span {
  display: block;
  position: absolute;
  top: calc(60px / 2);
  left: calc(50% - 20px);
  width: 40px;
  height: 1px;
}
.menu-button span::before,
.menu-button span::after {
  position: absolute;
  display: block;
  left: 0%;
  width: 100%;
  height: 1px;
  background-color: white;
  content: "";
}
.menu-button span::before {
  top: -7px;
  transition: top 0.1s linear 0.1s, transform 0.1s linear 0s;
}
.menu-button span::after {
  bottom: -7px;
  transition: bottom 0.1s linear 0.1s, transform 0.1s linear 0s;
}
@media (max-width: 559px) {
  .menu-button {
    height: 50px;
  }
  .menu-button span {
    top: 25px;
    left: calc(50% - 15px);
    width: 30px;
  }
}

.menu-visible .menu-button {
  transform: rotate(0deg);
}
.menu-visible .menu-button span::before {
  top: 0px;
  transform: rotate(45deg);
  transition: top 0.1s linear 0s, transform 0.1s linear 0.1s;
}
.menu-visible .menu-button span::after {
  bottom: 0px;
  transform: rotate(-45deg);
  transition: bottom 0.1s linear 0s, transform 0.1s linear 0.1s;
}

a {
  color: #000000;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s, opacity 0.3s, transform 0.3s;
}

a:hover {
  text-decoration: none;
  color: #000000;
}

.read-more {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
}

.button {
  background-color: #FFD900;
  border-radius: 50px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22.4px;
  line-height: 1.4;
  font-weight: 500;
  line-height: 2.5;
  display: inline-block;
  padding: 0 calc(2.5 * var(--mb));
}
@media (hover: hover) {
  .button:hover {
    background-color: #E5C300;
  }
}

.anchor-link {
  display: block;
}
.anchor-link svg {
  width: 100%;
  height: auto;
}
.back {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  color: #000000 !important;
  display: flex;
  align-items: center;
}
.back::before {
  content: "";
  height: 1.5ch;
  width: 1.5ch;
  display: inline-block;
  margin-right: 0.5ch;
  background-image: url(../images/svg/chevron-left.svg);
  background-size: auto 1.5ch;
  background-repeat: no-repeat;
  background-position: center;
}

.load-more a {
  background-color: #FFD900;
  border-radius: 50px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22.4px;
  line-height: 1.4;
  font-weight: 500;
  line-height: 2.5;
  display: inline-block;
  padding: 0 calc(2.5 * var(--mb));
}
@media (hover: hover) {
  .load-more a:hover {
    background-color: #E5C300;
  }
}

.download {
  position: relative;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
}
.download::after {
  content: "";
  height: 1px;
  background-color: #000000;
  width: 100%;
  position: absolute;
  bottom: -0.2ch;
  left: 0;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  .download:hover::after {
    opacity: 0;
  }
}

/*----------------------------------------------------------------------------------------------------------------
                                    Forms
---------------------------------------------------------------------------------------------------------------*/
.nf-form-cont form {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--mb);
}
.nf-form-cont form a {
  color: #000000;
}
.nf-form-cont form input {
  border: none;
  padding: 0;
  margin: 0;
  font-weight: 300;
}
.nf-form-cont form input[type=submit], .nf-form-cont form input[type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "shvo-web", sans-serif;
  line-height: 1.4;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.4;
  letter-spacing: 0.12ch;
  color: #000000;
  text-transform: uppercase;
  background-color: white;
  margin-top: 0;
  border-radius: 0;
  line-height: 2;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid #000000;
}
.nf-form-cont form input[type=submit]:hover, .nf-form-cont form input[type=button]:hover {
  cursor: pointer;
}
.nf-form-cont form .submit-wrap {
  text-align: center;
}
.nf-form-cont form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "shvo-web", sans-serif;
  line-height: 1.4;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.4;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  padding: 10px 15px 15px 15px;
  border: 1px solid #E1E1E1;
  width: 100%;
  border-radius: 0px;
  line-height: 50px;
}
.nf-form-cont form .textarea-container textarea {
  max-height: 100px;
}
.nf-form-cont form input[type=tel], .nf-form-cont form input[type=text], .nf-form-cont form input[type=search], .nf-form-cont form input[type=password], .nf-form-cont form input[type=email], .nf-form-cont form input[type=number] {
  border-radius: 0px;
  height: 50px;
  line-height: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #E1E1E1;
  padding-left: 15px;
  padding-right: 10px;
  width: 100%;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  color: #000000;
}
.nf-form-cont form input[type=number] {
  min-width: inherit;
  padding-right: 5px;
}
.nf-form-cont form .list-multiselect-wrap select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  border-radius: 0px;
  border: 1px solid #E1E1E1;
}
.nf-form-cont form .listselect-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "shvo-web", sans-serif;
  line-height: 1.4;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.4;
  border-radius: 0px;
  border: 1px solid #E1E1E1;
  height: 50px;
  line-height: 50px;
  width: 100%;
  color: #000000;
  height: 50px;
  padding: 0 40px 0 15px;
  background: url(../images/svg/arrow-down-select.svg) no-repeat right 25px center;
  background-size: 12px auto;
}
.nf-form-cont form textarea:focus, .nf-form-cont form input:focus, .nf-form-cont form select:focus {
  outline: none;
  border-color: #000000;
}
.nf-form-cont form label {
  font-weight: 500;
  color: #000000;
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 15.4px;
  line-height: 1.4;
  color: #666666;
  text-transform: uppercase;
}
@media (max-width: 769px) {
  .nf-form-cont form label {
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 15.4px;
    line-height: 1.4;
  }
}
.nf-form-cont form .checkbox-wrap .nf-field-label {
  padding: 0;
}
.nf-form-cont form .checkbox-wrap .nf-field-label label {
  display: flex;
  align-items: center;
  text-transform: none;
  font-family: "shvo-web", sans-serif;
  line-height: 1.4;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.4;
  letter-spacing: 0;
  color: #000000;
}
@media (hover: hover) {
  .nf-form-cont form .checkbox-wrap .nf-field-label label:hover {
    cursor: pointer;
  }
}
.nf-form-cont form .checkbox-wrap .nf-field-label label::before {
  content: "";
  width: 30px;
  height: 30px;
  border: 1px solid #E1E1E1;
  margin-right: 10px;
}
.nf-form-cont form .checkbox-wrap .nf-field-label label.nf-checked-label::before {
  background-image: url(../images/svg/check.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.nf-form-cont form .checkbox-wrap .nf-field-element {
  display: none;
}
.nf-form-cont form .checkbox-wrap input {
  display: none;
}
.nf-form-cont form .nf-field-container {
  margin-bottom: 13px;
}
.nf-form-cont form .label-above .nf-field-label {
  margin-bottom: 6px;
}

.nf-after-field .nf-error-msg, .nf-after-form-content .nf-error-msg {
  color: #B54A4A;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  text-align: left;
}

.nf-form-fields-required {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  margin-bottom: var(--mb)/2;
  display: none;
}

.nf-form-title {
  display: block;
  margin-bottom: calc(0.5 * var(--mb));
}

.grecaptcha-badge {
  left: calc(50% - 128px) !important;
  bottom: -var(--mb) !important;
  position: relative !important;
  box-shadow: none !important;
}

.flatpickr-calendar {
  font-family: "Source Sans Pro", sans-serif;
}

@media (min-width: 950px) {
  nf-fields-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

  .nf-after-form-content {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
  }

  .nf-field-container {
    width: 900px;
  }

  .textbox-container:not(.submit-container),
.listselect-container,
.email-container {
    width: 430px;
  }
}
.login-form {
  max-width: 430px;
  padding-top: calc(6 * var(--mb));
  margin-left: auto;
  margin-right: auto;
}
.login-form label {
  margin-bottom: 10px;
  display: block;
}
.login-form input[type=text], .login-form input[type=password] {
  margin-bottom: 20px;
}

.nf-response-msg h3 {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  margin-bottom: var(--mb);
}

.wordpress-content h1, .wordpress-content h2, .section--intro h1, .section--intro h2 {
  font-family: "austin-web", serif;
  font-weight: normal;
  line-height: 1;
  color: #000000;
  font-size: 30px;
}
@media (min-width: 800px) {
  .wordpress-content h1, .wordpress-content h2, .section--intro h1, .section--intro h2 {
    font-size: calc(60 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .wordpress-content h1, .wordpress-content h2, .section--intro h1, .section--intro h2 {
    font-size: 60px;
  }
}
.wordpress-content a, .section--intro a {
  position: relative;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
}
.wordpress-content a::after, .section--intro a::after {
  content: "";
  height: 1px;
  background-color: #000000;
  width: 100%;
  position: absolute;
  bottom: -0.2ch;
  left: 0;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  .wordpress-content a:hover::after, .section--intro a:hover::after {
    opacity: 0;
  }
}
.wordpress-content p + h1, .wordpress-content p + h2, .wordpress-content p + h3, .section--intro p + h1, .section--intro p + h2, .section--intro p + h3 {
  margin-top: var(--mb);
}
.wordpress-content ul, .section--intro ul {
  margin-bottom: var(--mb);
  margin-left: 20px;
  list-style: none;
  text-align: left;
}
.wordpress-content ul li::before, .section--intro ul li::before {
  content: "•";
  position: absolute;
  color: #000000;
  padding-right: 0.5em;
  left: -20px;
}
.wordpress-content ul > li, .section--intro ul > li {
  margin-bottom: 0.5em;
  position: relative;
}
.wordpress-content ol, .section--intro ol {
  counter-reset: item;
  margin-left: 20px;
  margin-bottom: var(--mb);
  text-align: left;
}
.wordpress-content ol li, .section--intro ol li {
  list-style: none;
  text-align: left;
}
.wordpress-content ol > li:before, .section--intro ol > li:before {
  position: absolute;
  content: counters(item, ".") ". ";
  counter-increment: item;
  left: -20px;
}
.wordpress-content ol > li, .section--intro ol > li {
  margin-bottom: 0.7em;
  position: relative;
}
.wordpress-content ol > li > ol > li > ol > li, .section--intro ol > li > ol > li > ol > li {
  padding-left: 50px;
}
.wordpress-content ol li ul, .section--intro ol li ul {
  margin-top: 0.5em;
}
.wordpress-content table, .section--intro table {
  margin-bottom: var(--mb);
}
.wordpress-content table td, .section--intro table td {
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.wp-caption-text, .gallery-caption {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
}

.bypostauthor {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
}

.alignright {
  float: right;
  margin-left: 2%;
  max-width: calc(100vw - 70px);
  height: auto;
  width: 49% !important;
}
.alignright img {
  width: 100%;
  height: auto;
}

.alignleft {
  float: left;
  margin-right: 2%;
  width: 49% !important;
  height: auto;
}
.alignleft img {
  width: 100%;
  height: auto;
}
.alignleft:first-of-type {
  margin-left: 0;
}

.alignleft + .alignleft {
  margin-right: 0;
}

.alignleft + .alignleft + h3, .alignleft + .alignleft + p, .alignleft + .alignleft + h2 {
  clear: both;
}

.aligncenter {
  clear: both;
  display: block;
  margin: calc(2 * var(--mb)) auto calc(4 * var(--mb)) auto;
  max-width: 100%;
}
.aligncenter img {
  width: 100%;
  height: auto;
}

img.aligncenter {
  width: 100%;
  height: auto;
}

.alignnone {
  width: 100% !important;
  margin: calc(2 * var(--mb)) auto calc(4 * var(--mb)) auto;
  max-width: 100%;
}
.alignnone img {
  width: 100%;
  height: auto !important;
}

p img {
  width: 100%;
  height: auto !important;
  margin: calc(2 * var(--mb)) auto calc(4 * var(--mb)) auto;
}

img.alignnone {
  width: 100%;
  height: auto;
}

.wp-block-image {
  margin-bottom: calc(4 * var(--mb));
  margin-top: calc(4 * var(--mb));
}
.wp-block-image figcaption {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  margin-top: var(--mb);
  margin-bottom: calc(2 * var(--mb));
}

.wp-block-media-text figure {
  margin-bottom: calc(2 * var(--mb));
  margin-top: 0;
}

.wp-block-cover {
  overflow: hidden;
  position: relative;
  position: relative;
  margin-bottom: calc(4 * var(--mb));
  margin-top: calc(4 * var(--mb));
}
.wp-block-cover img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.wp-block-cover:after {
  content: "";
  display: block;
  padding-top: 56%;
  width: 0;
  float: left;
  position: relative;
}
.wp-block-cover.has-background-dim .wp-block-cover__inner-container {
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
}
.wp-block-cover .wp-block-cover__inner-container {
  position: absolute;
  display: flex;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  align-items: center;
  text-align: center;
}
.wp-block-cover .wp-block-cover__inner-container h1, .wp-block-cover .wp-block-cover__inner-container h2, .wp-block-cover .wp-block-cover__inner-container h3 {
  font-family: "austin-web", serif;
  font-weight: normal;
  line-height: 1;
  color: #000000;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 25.2px;
  line-height: 1.4;
  font-weight: 500;
}

.wp-block-gallery {
  width: 100%;
  margin-bottom: calc(4 * var(--mb));
  margin-top: calc(4 * var(--mb));
}
.wp-block-gallery.columns-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wp-block-gallery.columns-3 li {
  flex-grow: 1;
  width: 30%;
}
.wp-block-gallery.columns-2 li {
  flex-grow: 1;
  width: 48%;
}
.wp-block-gallery.columns-4 li {
  flex-grow: 1;
  width: 23%;
}
.wp-block-gallery ul.blocks-gallery-grid {
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wp-block-gallery li {
  list-style: none;
  flex-grow: 1;
  margin: 1%;
}
.wp-block-gallery li figure {
  width: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.wp-block-gallery li figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.wp-block-gallery li figure:after {
  content: "";
  display: block;
  padding-top: 56%;
  width: 0;
  float: left;
  position: relative;
}
.wp-block-gallery li::before {
  display: none;
}

/* WP admin bar */
#wpadminbar {
  opacity: 0;
  transition: opacity 0.5s;
}
#wpadminbar:hover {
  opacity: 1;
}

.header-site {
  position: absolute;
  width: 100%;
  z-index: 200;
}
.header-site .site-navigation a {
  color: #000000;
}
.header-site .logo-svg {
  fill: white;
  transition: fill 0.5s;
}
.header-site .content {
  display: flex;
  justify-content: center;
}
.header-site .logo {
  position: relative;
  display: block;
  z-index: 1;
}
.header-site .logo svg {
  width: 100%;
  height: 100%;
}
.header-site .logo:hover, .header-site .logo:active {
  opacity: 0.8;
}
.header-site .footer-navigation {
  display: none;
}
.header-site .menu-button {
  z-index: 3;
}
.header-site .menu-holder {
  position: fixed;
  background-color: white;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateX(-100vw);
  z-index: 2;
}
.header-site .main-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
}
.header-site .main-nav a {
  font-size: 30px;
  text-transform: uppercase;
  color: #000000;
  position: relative;
  display: block;
  margin: 0 0 2vh 0;
}
@media (min-width: 960px) {
  .header-site .main-nav a {
    font-size: calc(50 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .header-site .main-nav a {
    font-size: 50px;
  }
}
.header-site .main-nav a::after {
  content: "";
  height: 1px;
  background-color: #000000;
  width: 100%;
  position: absolute;
  bottom: 0.35ch;
  left: 0;
  transition: opacity 0.8s;
  opacity: 0;
}
.header-site .main-nav a:hover::after {
  opacity: 1;
}
.header-site .main-nav .current-menu-item a::after {
  opacity: 1;
}
@media (min-width: 560px) {
  .header-site {
    pointer-events: none;
  }
  .header-site .content {
    height: 80px;
    background-color: black;
  }
  .header-site .menu-button, .header-site .logo, .header-site .menu-holder {
    pointer-events: all;
  }
  .header-site .menu-button {
    position: absolute;
    top: 10px;
    left: 50px;
  }
  .header-site .logo {
    width: 123px;
    height: 80px;
  }
}
@media (max-width: 560px) {
  .header-site {
    pointer-events: none;
  }
  .header-site .content {
    height: 50px;
    background-color: #000000;
  }
  .header-site .menu-button, .header-site .logo, .header-site .menu-holder {
    pointer-events: all;
  }
  .header-site .logo {
    width: 68px;
    height: 50px;
  }
  .header-site .menu-button {
    position: absolute;
    top: 0px;
    left: 10px;
  }
  .header-site .menu-holder {
    flex-direction: column;
  }
  .header-site .footer-navigation {
    margin-top: 5vh;
    display: block;
    text-align: center;
  }
  .header-site .footer-navigation a {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 16.8px;
    line-height: 1.4;
    color: #000000;
    padding: 7px 0;
    display: block;
  }
}

.menu-visible {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.menu-visible .logo-svg {
  fill: #000000;
}
.menu-visible .header-site {
  background-color: transparent;
}
.menu-visible .menu-button span::after, .menu-visible .menu-button span::before {
  background-color: #000000;
}
.menu-visible .menu-holder {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.3s;
  transform: translateX(0);
}
.menu-visible .menu-holder .main-nav {
  opacity: 1;
  transition: opacity 0.3s;
}

@keyframes fade-nav-up-ks {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fade-nav-down-ks {
  0% {
    transform: translate3d(0, -100%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.nav-down .header-site, .home.nav-down .header-site {
  position: fixed;
  top: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-nav-down-ks;
}
.nav-down .header-site .content, .home.nav-down .header-site .content {
  background-color: #000000;
}

.nav-up .header-site, .home.nav-up .header-site {
  position: fixed;
  top: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-nav-up-ks;
}
.nav-up .header-site .content, .home.nav-up .header-site .content {
  background-color: #000000;
}

.home .header-site .content {
  background-color: transparent;
}

body:not(.home) .header-site {
  position: fixed;
}

.site-footer .content {
  width: 100%;
}
.site-footer .footer-nav {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.site-footer .footer-nav li {
  margin-left: 20px;
  margin-right: 20px;
}
.site-footer .footer-nav a {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  color: #000000;
}
@media (max-width: 560px) {
  .site-footer {
    display: none;
  }
}

#modal-load-holder,
#swiper-modal-holder {
  display: flex;
  align-items: center;
  justify-content: center;
}
#modal-load-holder .background,
#swiper-modal-holder .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
}
#modal-load-holder .load-content,
#swiper-modal-holder .load-content {
  position: relative;
  z-index: 20;
}

.show-modal {
  overflow: hidden;
  height: 100%;
}
.show-modal #modal-load-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: white;
}

#swiper-modal-holder {
  position: fixed;
  display: flex;
  pointer-events: all;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: white;
}

.show-swiper-modal {
  overflow-y: hidden;
  height: 100%;
}
.show-swiper-modal #swiper-modal-holder {
  opacity: 1 !important;
  pointer-events: all !important;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}

.close-modal {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/svg/cross.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30px;
  z-index: 22;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-delay: 0.3s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.close-modal:hover {
  cursor: pointer;
}
@media (max-width: 769px) {
  .close-modal {
    background-size: 16px;
  }
}

video {
  opacity: 1;
}
video[playsinline] {
  opacity: 1;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-delay: 0.3s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}

.video-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  overflow: hidden;
  position: relative;
  background-size: cover;
}
.video-slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.video-slide:after {
  content: "";
  display: block;
  padding-top: 56%;
  width: 0;
  float: left;
  position: relative;
}
.video-slide video {
  width: 177.77777778vh;
  /* 100 * 16 / 9 */
  min-width: 100%;
  min-height: 56.25vw;
  /* 100 * 9 / 16 */
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  background-color: transparent;
}
.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  overflow: hidden;
  position: relative;
  background-size: cover;
}
.video-background img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.video-background:after {
  content: "";
  display: block;
  padding-top: 56%;
  width: 0;
  float: left;
  position: relative;
}
.video-background video {
  width: 177.77777778vh;
  /* 100 * 16 / 9 */
  min-width: 100%;
  min-height: 56.25vw;
  /* 100 * 9 / 16 */
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  background-color: transparent;
}

.volume-video {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 10px;
  right: var(--outer);
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 6;
}
.volume-video svg {
  width: 24px;
  height: 22px;
}
.volume-video .bar {
  opacity: 0;
  transition: opacity 0.2s;
}
.volume-video.unmuted .bar {
  opacity: 1;
}
@media (hover: hover) {
  .volume-video:hover {
    cursor: pointer;
  }
}
@media (max-width: 560px) {
  .volume-video {
    top: -7px;
    right: 0px;
  }
}
@media (min-width: 560px) {
  .volume-video {
    top: 0px;
    right: 40px;
  }
}

.play-video {
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url(../images/svg/play-button.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0);
  z-index: 2;
  transition: background-color 0.3s;
}
@media (hover: hover) {
  .play-video:hover {
    cursor: pointer;
  }
}
.play-video.is-playing {
  opacity: 0;
  pointer-events: none;
}

.video-inline {
  position: relative;
  overflow: hidden;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: calc(100vh - 100px);
  background-color: black;
}
.video-inline img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.video-inline:after {
  content: "";
  display: block;
  padding-top: 56.25%;
  width: 0;
  float: left;
  position: relative;
}
.video-inline video, .video-inline iframe {
  opacity: 1;
  min-width: 100%;
  min-height: 100%;
  /* 100 * 9 / 16 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
}
.video-inline .vimeo-video {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-position: center;
  background-size: cover;
}
.video-inline video[poster] {
  height: 100%;
  width: 100%;
}

.video-in-slider {
  position: relative;
  overflow: hidden;
  height: 37.3vw;
  width: 66.3vw;
}
.video-in-slider video, .video-in-slider iframe {
  opacity: 1;
  width: 100%;
  height: 100%;
  max-height: calc(100vh - 100px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: black;
}

/**
 * Swiper 6.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 4, 2020
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 62px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  width: 100vw;
}

.screen-reader-text {
  display: none;
}

body {
  font-family: "shvo-web", sans-serif;
  line-height: 1.4;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.4;
  overflow-x: hidden;
  color: #000000;
  width: 100%;
  height: 100%;
}

main {
  width: 100%;
  overflow: hidden;
  min-height: 100vh;
}

section, header {
  position: relative;
  z-index: 1;
}

.content {
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--outer);
  padding-right: var(--outer);
  max-width: var(--max-width);
}

hr {
  border-bottom: 1px solid #000000;
  margin-bottom: calc(2 * var(--mb));
  margin-top: calc(2 * var(--mb));
}

.image, figure {
  display: block;
}
.image img, figure img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}
.image svg, figure svg {
  width: 100%;
  height: auto;
}

.column-size-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  column-gap: 5%;
}

.noscroll {
  overflow: hidden !important;
}

img[data-normal] {
  opacity: 0;
}

img.lazy-image {
  opacity: 0;
  transition: opacity 1s 0.5s;
}

img.lazy__show {
  opacity: 1;
}

.lazy__show img {
  opacity: 1;
}

.fades {
  transition: opacity 1s 0s;
  opacity: 0;
}

.el__show, .fades.el__show {
  opacity: 1;
}

figure {
  overflow: visible;
  position: relative;
}
figure .image {
  width: 100%;
  margin-bottom: 40px;
}
figure.nocaption .image {
  margin-bottom: 0;
}
figure figcaption {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  margin-top: var(--mb);
  margin-bottom: calc(2 * var(--mb));
  width: 100%;
}

@keyframes fade-in-out {
  0% {
    opacity: 0;
  }
  20%, 95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-in-only {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}
@keyframes fade-in-out-three {
  0% {
    opacity: 0;
  }
  7%, 32% {
    opacity: 1;
  }
  33%, 100% {
    opacity: 0;
  }
}
@keyframes fade-in-out-two {
  0% {
    opacity: 0;
  }
  10%, 48% {
    opacity: 1;
  }
  50%, 100% {
    opacity: 0;
  }
}
.animate-titles {
  position: relative;
  z-index: 5;
  line-height: 1.4;
}
.animate-titles .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: inline-block;
  color: white;
  width: 100%;
}
.animate-titles .title span {
  position: relative;
}
.animate-titles .title.underline span::after {
  content: "";
  height: 1px;
  background-color: white;
  width: 100%;
  position: absolute;
  bottom: 3px;
  left: 0;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  .animate-titles .title.underline:hover::after {
    opacity: 0;
  }
}
.animate-titles.n-1 .title {
  animation-duration: 5s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-only;
}
.animate-titles.n-2 .title:nth-child(1) {
  animation-duration: 10s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-out-two;
  animation-iteration-count: infinite;
}
.animate-titles.n-2 .title:nth-child(2) {
  animation-duration: 10s;
  animation-fill-mode: both;
  animation-delay: 5s;
  animation-timing-function: linear;
  animation-name: fade-in-out-two;
  animation-iteration-count: infinite;
}
.animate-titles.n-3 .title:nth-child(1) {
  animation-duration: 15s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-out-three;
  animation-iteration-count: infinite;
}
.animate-titles.n-3 .title:nth-child(2) {
  animation-duration: 15s;
  animation-fill-mode: both;
  animation-delay: 5s;
  animation-timing-function: linear;
  animation-name: fade-in-out-three;
  animation-iteration-count: infinite;
}
.animate-titles.n-3 .title:nth-child(3) {
  animation-duration: 15s;
  animation-fill-mode: both;
  animation-delay: 10s;
  animation-timing-function: linear;
  animation-name: fade-in-out-three;
  animation-iteration-count: infinite;
}

.anchor-link {
  padding: calc(2 * var(--mb)) calc(2 * var(--mb)) var(--mb) calc(2 * var(--mb));
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 5;
}
.anchor-link svg {
  position: relative;
  width: 30px;
  height: 100%;
}
@media (max-width: 769px) {
  .anchor-link {
    padding: calc(2 * var(--mb)) calc(2 * var(--mb)) calc(1.5 * var(--mb)) calc(2 * var(--mb));
  }
  .anchor-link svg {
    width: 18px;
    height: 100%;
  }
}

.header-link {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 3;
}

.video-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.header--page {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.3s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.header--page .lazy__show img {
  transition-delay: 0s;
}

.header--image {
  height: 95vh;
  width: 100%;
  max-height: inherit;
  min-height: 38vw;
  background-color: #000000;
}
.header--image .content {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (orientation: portrait) {
  .header--image {
    max-height: inherit;
    min-height: inherit;
  }
}
.header--image .header-wash {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  z-index: 4;
}
.header--image .content {
  z-index: 5;
  position: relative;
}
.header--image h1 {
  color: white;
  width: 100%;
  font-family: "shvo-web", sans-serif;
  font-size: 30px;
  text-transform: uppercase;
}
@media (min-width: 533.3333333333px) {
  .header--image h1 {
    font-size: calc(90 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .header--image h1 {
    font-size: 90px;
  }
}
.header--image h1 + p {
  margin-top: calc(2 * var(--mb));
}
.header--image .image {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.header--image .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center top;
}
.header--image .image img.landscape {
  object-position: center top;
}
.header--image .image img.portrait {
  object-position: center center;
}
.header--image .copy {
  text-align: center;
  position: relative;
  width: 100%;
  color: white;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.header--image .copy h1 {
  color: white;
}
@media (max-width: 769px) {
  .header--image .content {
    padding: 0;
  }
}
@media (max-width: 1024px) and (orientation: portrait) {
  .header--image .image.image-portrait {
    display: block;
  }
  .header--image .image.image-portrait + .image.image-landscape {
    display: none;
  }
}
@media (max-width: 1024px) and (orientation: landscape) {
  .header--image .image.image-portrait {
    display: none;
  }
  .header--image .image.image-landscape {
    display: block;
  }
}
@media (min-width: 1024px) {
  .header--image .image.image-portrait {
    display: none;
  }
}

.header--image:not(.header--home) h1 {
  opacity: 0;
}
.header--image:not(.header--home) .lazy__show + .content h1,
.header--image:not(.header--home) .lazy__show + .icon {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 0.5s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}

.header--blog .title-block {
  height: 100vh;
}
.header--blog .title-block .image {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.header--blog .title-block .image img {
  margin-top: 80px;
  width: 100%;
  height: auto;
}
.header--blog .drivers .block-date {
  margin-top: calc(3.5 * var(--mb));
}
@media (max-width: 520px) {
  .header--blog .drivers .block-date {
    margin-bottom: calc(4 * var(--mb));
    margin-top: 0;
  }
  .header--blog .title-block .image {
    margin-bottom: calc(2 * var(--mb));
    height: auto;
  }
  .header--blog .title-block .image img {
    margin-top: 0px;
  }
}
@media (max-width: 769px) {
  .header--blog .drivers .block-date {
    margin-bottom: calc(4 * var(--mb));
    margin-top: 0;
  }
  .header--blog .content {
    padding: 0;
  }
  .header--blog div.drivers {
    padding: var(--outer);
    padding-top: calc(4 * var(--mb));
  }
  .header--blog .title-block {
    height: auto;
  }
  .header--blog .title-block .image {
    margin-bottom: 0;
    height: auto;
  }
}
@media (min-width: 769px) {
  .header--blog {
    padding-bottom: calc(4 * var(--mb));
  }
  .header--blog .title-block {
    height: 100vh;
    position: sticky;
    top: 0;
    width: 50%;
  }
  .header--blog .content {
    display: flex;
    padding-left: 0;
    padding-right: 0;
    align-items: stretch;
    overflow: visible;
    justify-content: space-between;
  }
}

.blog main {
  overflow: visible;
}

.header--single {
  overflow: hidden;
  margin-bottom: calc(3 * var(--mb));
}
.header--single .kicker {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 0.1ch;
}
.header--single .copy {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.header--single .copy h1 {
  font-size: 40px;
  line-height: 1;
  margin-bottom: calc(3 * var(--mb));
  margin-top: calc(3 * var(--mb));
}
@media (min-width: 800px) {
  .header--single .copy h1 {
    font-size: calc(80 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .header--single .copy h1 {
    font-size: 80px;
  }
}
@media (max-width: 769px) {
  .header--single .content {
    padding-left: 0px;
    padding-right: 0px;
  }
  .header--single .image {
    overflow: hidden;
    position: relative;
  }
  .header--single .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0%;
    left: 0%;
  }
  .header--single .image:after {
    content: "";
    display: block;
    padding-top: 100%;
    width: 0;
    float: left;
    position: relative;
  }
  .header--single .copy {
    padding-top: 40px;
    padding-left: var(--outer);
    padding-right: var(--outer);
  }
}
@media (min-width: 769px) {
  .header--single {
    height: 95vh;
    width: 100%;
    max-height: inherit;
    min-height: 38vw;
  }
  .header--single .content {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
  }
}
@media (min-width: 769px) and (orientation: portrait) {
  .header--single {
    max-height: inherit;
    min-height: inherit;
  }
}
@media (min-width: 769px) {
  .header--single .content {
    display: flex;
    padding-left: 0;
    padding-right: 0;
    align-items: stretch;
    justify-content: space-between;
  }
}
@media (min-width: 769px) {
  .header--single .image {
    width: 50%;
    position: relative;
  }
  .header--single .image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (min-width: 769px) {
  .header--single .copy {
    width: 50%;
    padding: calc(4 * var(--mb));
  }
  .header--single .copy p {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
  }
}

.header-single-press {
  padding-top: calc(6 * var(--mb));
  padding-bottom: calc(5 * var(--mb));
  text-align: center;
}
.header-single-press h1 {
  font-size: 40px;
  margin-bottom: calc(2 * var(--mb));
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1066.6666666667px) {
  .header-single-press h1 {
    font-size: calc(60 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .header-single-press h1 {
    font-size: 60px;
  }
}
.header-single-press h3 {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  margin-bottom: calc(2.5 * var(--mb));
}
@media (min-width: 1180px) {
  .header-single-press {
    padding-bottom: calc(3 * var(--mb));
  }
  .header-single-press h1 {
    margin-bottom: calc(1.5 * var(--mb));
  }
}

.header--text {
  padding-top: calc(6 * var(--mb));
  text-align: center;
}
.header--text h1 {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
  text-transform: uppercase;
  margin-bottom: calc(1.5 * var(--mb));
}
@media (min-width: 1280px) {
  .header--text h1 {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .header--text h1 {
    font-size: 25px;
  }
}
.header--text h2 {
  font-family: "shvo-web", sans-serif;
  line-height: 1.4;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.4;
}
.header--text address {
  display: inline-block;
  margin-bottom: calc(2 * var(--mb));
  font-style: normal;
}
.header--text address + a {
  display: inline-block;
  margin-left: 10px;
}
.header--text .hidden-toggle {
  display: inline-flex;
}
.header--text .hidden-toggle::after {
  content: "";
  background-image: url(../images/svg/dropdown.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 18;
  display: inline-block;
}
.header--text .hidden {
  opacity: 0;
  height: auto;
  max-height: calc(2 * var(--mb));
  transition: max-height 0.3s opacity 0.3s;
}
.header--text .hidden ul {
  padding: calc(2 * var(--mb)) 0 calc(2 * var(--mb)) 0;
}
.header--text .hidden ul li {
  padding: 2px 0;
}
.header--text.show-hidden .hidden {
  opacity: 1;
  height: auto;
  max-height: 150px;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
}
.header--text.show-hidden .hidden-toggle::after {
  transform-origin: center;
  transform: rotate(180deg);
}
.header--text .social-nav {
  display: inline-flex;
  justify-content: center;
  padding-top: calc(2 * var(--mb));
  border-top: 1px solid #E1E1E1;
}
.header--text .social-nav li:not(:first-of-type) {
  border-left: 1px solid #E1E1E1;
}
.header--text .social-nav li {
  padding: 0 var(--mb);
}
@media (min-width: 769px) {
  .header--text .hidden ul {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    padding: var(--mb) 0 calc(2 * var(--mb)) 0;
  }
  .header--text .hidden ul li:not(:first-of-type) {
    border-left: 1px solid #E1E1E1;
  }
  .header--text .hidden ul li {
    padding: 0 var(--mb);
  }
}

.portfolio-template-default .header--page .header-wash {
  display: none;
}

.page-template-t_collaborators .header--image .copy,
.page-template-t_investment .header--image .copy,
.page-template-t_company .header--image .copy {
  max-width: inherit;
}
.page-template-t_collaborators .header--image .copy h1,
.page-template-t_investment .header--image .copy h1,
.page-template-t_company .header--image .copy h1 {
  font-size: 36px;
}
@media (min-width: 859.7014925373px) {
  .page-template-t_collaborators .header--image .copy h1,
.page-template-t_investment .header--image .copy h1,
.page-template-t_company .header--image .copy h1 {
    font-size: calc(67 / 1600 * 100vw);
  }
}
@media (min-width: 3582.0895522388px) {
  .page-template-t_collaborators .header--image .copy h1,
.page-template-t_investment .header--image .copy h1,
.page-template-t_company .header--image .copy h1 {
    font-size: 150px;
  }
}

.page-template-t_office .icon {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 20;
  width: 80%;
  left: 50%;
  max-width: 400px;
  transform: translate3d(-50%, -50%, 0);
}
.page-template-t_office .icon img {
  width: 100%;
  height: auto;
}
@media (max-width: 520px) {
  .page-template-t_office .icon {
    width: 90%;
  }
}
@media (min-width: 1000px) {
  .page-template-t_office .icon {
    width: 63%;
  }
}

@media (max-width: 560px) {
  .blog main,
.header--single,
.post-type-archive-portfolio main,
.post-type-archive-press main,
.single-press main,
.page-template-t_contact main,
.page-template-t_investor main,
.header--404 {
    padding-top: 50px;
  }
}
@media (min-width: 560px) {
  .header--blog .drivers,
.header--single,
.post-type-archive-portfolio main,
.post-type-archive-press main,
.single-press main,
.page-template-t_contact main,
.page-template-t_investor main,
.header--404 {
    padding-top: 80px;
  }

  .header--blog .title-block .block-title {
    margin-top: 80px;
  }
}
.header--404 .copy {
  padding-top: 100px;
  text-align: center;
}
.header--404 .copy h3 {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  margin-bottom: var(--mb);
}

.synch {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.synch .period {
  padding: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s;
}
.synch .period h1 {
  font-size: 37px;
  line-height: 1.2;
}
@media (min-width: 1057.1428571429px) {
  .synch .period h1 {
    font-size: calc(56 / 1600 * 100vw);
  }
}
@media (min-width: 3428.5714285714px) {
  .synch .period h1 {
    font-size: 120px;
  }
}
@media (min-width: 769px) {
  .synch .period h1 {
    max-width: 60%;
  }
}
.synch .period h2 {
  font-size: 24px;
  margin-top: calc(2 * var(--mb));
}
@media (min-width: 1066.6666666667px) {
  .synch .period h2 {
    font-size: calc(36 / 1600 * 100vw);
  }
}
@media (min-width: 5333.3333333333px) {
  .synch .period h2 {
    font-size: 120px;
  }
}
.synch .period h1, .synch .period h2 {
  text-align: center;
}
.synch .period h2 {
  font-family: "shvo-web";
  color: white;
}
.synch .period.show-period {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 769px) {
  .single-portfolio .header--image {
    margin-top: 50px;
    height: calc(100vh - 50px);
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  .single-portfolio .header--image {
    height: calc(100vh - 50vw);
    max-height: inherit;
    min-height: calc(100vh - 50vw);
  }
  .single-portfolio .header--image + #intro + .section-animate.portfolio-logo,
.single-portfolio .header--image + #intro + .section-animate.portfolio-logo + .section--intro-portfolio .intro-text {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-name: fade-in-up-ks;
    opacity: 1 !important;
  }
}

.drivers .image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.drivers .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.drivers .image:after {
  content: "";
  display: block;
  padding-top: 75%;
  width: 0;
  float: left;
  position: relative;
}
.drivers h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1;
  margin-bottom: var(--mb);
}
@media (max-width: 769px) {
  .drivers .image {
    margin-bottom: calc(2 * var(--mb));
  }
  .drivers article {
    margin-bottom: calc(5 * var(--mb));
  }
  .drivers .copy h3 {
    margin-bottom: calc(2 * var(--mb));
  }
  .drivers .copy p + .read-more {
    margin-top: calc(1.5 * var(--mb));
    display: inline-block;
  }
}
@media (min-width: 769px) {
  .drivers .image {
    width: 54%;
  }
  .drivers .copy {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .drivers .entry--post a {
    display: flex;
    justify-content: space-between;
  }
  .drivers .entry--post:nth-of-type(even) a {
    flex-direction: row-reverse;
  }
  .drivers .entry--post:nth-of-type(even) a .copy {
    text-align: right;
  }
}

.drivers-double .image {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: calc(2 * var(--mb));
}
.drivers-double .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.drivers-double .image:after {
  content: "";
  display: block;
  padding-top: 75%;
  width: 0;
  float: left;
  position: relative;
}
.drivers-double h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1;
  margin-bottom: var(--mb);
}
@media (max-width: 769px) {
  .drivers-double article:not(:last-of-type) {
    margin-bottom: calc(5 * var(--mb));
  }
}
@media (min-width: 769px) {
  .drivers-double {
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 769px) and (max-width: 1180px) {
  .header--blog .drivers, .section--drivers-blog .drivers {
    width: 47.5%;
    padding-right: var(--outer);
  }
  .header--blog .drivers .entry--post:nth-of-type(n) a, .section--drivers-blog .drivers .entry--post:nth-of-type(n) a {
    flex-direction: column;
  }
  .header--blog .drivers .entry--post:nth-of-type(n) a .image,
.header--blog .drivers .entry--post:nth-of-type(n) a .copy, .section--drivers-blog .drivers .entry--post:nth-of-type(n) a .image,
.section--drivers-blog .drivers .entry--post:nth-of-type(n) a .copy {
    width: 100%;
    margin-bottom: calc(4 * var(--mb));
  }
  .header--blog .drivers .entry--post:first-of-type, .section--drivers-blog .drivers .entry--post:first-of-type {
    margin-top: var(--outer);
  }
}
@media (min-width: 1180px) {
  .header--blog .drivers, .section--drivers-blog .drivers {
    width: 47.5%;
  }
  .header--blog .drivers h3, .section--drivers-blog .drivers h3 {
    width: 80%;
  }
  .header--blog .drivers .entry--post a, .section--drivers-blog .drivers .entry--post a {
    justify-content: flex-end;
  }
  .header--blog .drivers .entry--post .image, .section--drivers-blog .drivers .entry--post .image {
    width: 53%;
  }
  .header--blog .drivers .entry--post .copy, .section--drivers-blog .drivers .entry--post .copy {
    width: 36%;
    margin-right: 0;
    margin-right: 4%;
    align-items: flex-end;
  }
  .header--blog .drivers .entry--post:first-of-type, .section--drivers-blog .drivers .entry--post:first-of-type {
    margin-top: calc(2 * var(--mb));
  }
  .header--blog .drivers .entry--post:not(:last-of-type), .section--drivers-blog .drivers .entry--post:not(:last-of-type) {
    margin-bottom: calc(4 * var(--mb));
  }
  .header--blog .drivers .entry--post:nth-of-type(even) .copy, .section--drivers-blog .drivers .entry--post:nth-of-type(even) .copy {
    margin-left: 7%;
  }
  .header--blog .drivers .entry--post:nth-of-type(odd) a, .section--drivers-blog .drivers .entry--post:nth-of-type(odd) a {
    justify-content: flex-start;
  }
  .header--blog .drivers .entry--post:nth-of-type(odd) .copy, .section--drivers-blog .drivers .entry--post:nth-of-type(odd) .copy {
    margin-left: 4%;
    margin-right: 0;
    align-items: flex-start;
  }
}

.title-block {
  position: relative;
}
.title-block .image {
  background-color: transparent;
  width: 100%;
}
.title-block .image img {
  width: 100%;
  height: auto;
}
@media (min-width: 769px) {
  .title-block {
    width: 46%;
  }
}

.block-date {
  z-index: 2;
  display: block;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 35px;
  line-height: 1.4;
  line-height: 1;
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}

.odometer.odometer-theme-minimal .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: center;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s;
}
.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%);
}
.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  transform: translateY(-100%);
}
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 10s;
  transform: translateY(0);
}

.quotes-carousel h2 {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  text-align: center;
  margin-bottom: calc(6 * var(--mb));
}
.quotes-carousel.n-0 h2 {
  margin-bottom: calc(4 * var(--mb));
}
.quotes-carousel figure {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.quotes-carousel figure blockquote {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: calc(1.5 * var(--mb));
}
@media (min-width: 1280px) {
  .quotes-carousel figure blockquote {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .quotes-carousel figure blockquote {
    font-size: 25px;
  }
}
.quotes-carousel figcaption {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  text-align: center;
  font-weight: normal;
}
.quotes-carousel .swiper-pagination {
  position: relative;
}
.quotes-carousel .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
.quotes-carousel .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000000;
}

.section--intro {
  padding-bottom: 50px;
  padding-top: 50px;
}
.section--intro p {
  text-align: center;
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 70px;
  line-height: 1.4;
  line-height: 1.2;
}
.section--intro p a {
  color: black;
  letter-spacing: normal;
}
.section--intro p a::after {
  display: none;
}
.section--intro p a:hover {
  opacity: 0.8;
}
.section--intro p:first-of-type {
  margin-top: 50px;
}
@media (max-width: 1000px) {
  .section--intro p br {
    display: none;
  }
  .section--intro p {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 35px;
    line-height: 1.4;
  }
  .section--intro p br {
    display: none;
  }
}
@media (min-width: 769px) {
  .section--intro {
    padding-bottom: calc(5.5 * var(--mb));
    padding-top: calc(8.5 * var(--mb));
  }
  .section--intro p {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .section--intro p:first-of-type {
    margin-top: calc(7.5 * var(--mb));
  }
}
@media (min-width: 1180px) {
  .section--intro p {
    max-width: 100%;
    min-width: 1100px;
  }
}

.intro-numbers .odometer-value {
  text-align: center;
}
.intro-numbers .odometer-value.odometer-first-value, .intro-numbers .odometer-value.odometer-last-value {
  width: 100%;
}
.intro-numbers .odometer-digit-spacer {
  padding-right: 1px !important;
}
.intro-numbers .entry--number {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.intro-numbers .prepend, .intro-numbers .number, .intro-numbers .append, .intro-paragraph .p1 {
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 70px;
  line-height: 1.4;
  font-size: 40px;
  color: #000000;
}
@media (min-width: 1280px) {
  .intro-numbers .prepend, .intro-numbers .number, .intro-numbers .append, .intro-paragraph .p1 {
    font-size: calc(50 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .intro-numbers .prepend, .intro-numbers .number, .intro-numbers .append, .intro-paragraph .p1 {
    font-size: 50px;
  }
}
.intro-numbers .title {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  display: block;
  width: 100%;
  text-align: center;
}
@media (max-width: 769px) {
  .intro-numberss .prepend, .intro-numberss .number, .intro-numberss .append {
    font-size: 50px;
    font-size: 3.125rem;
    line-height: 70px;
    line-height: 1.4;
  }
  .intro-numbers .entry--number:not(:last-of-type) {
    margin-bottom: 50px;
  }
}
@media (min-width: 769px) {
  .intro-numbers {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .intro-numbers .entry--number {
    width: 33%;
  }
  .intro-numbers .entry--number:not(:first-of-type) {
    border-left: 1px solid #E1E1E1;
  }
}
@media (min-width: 1180px) {
  .intro-numbers .entry--number {
    width: 25%;
  }
}

.section--video-slider {
  width: 100%;
}
.section--video-slider .video-desktop {
  display: none;
}
.section--video-slider .video-mobile {
  display: block;
}
.section--video-slider .swiper-container {
  overflow: hidden;
}
.section--video-slider .swiper-slide {
  height: 95vh;
  width: 100%;
  z-index: 1;
  height: 43vw;
  background-color: black;
}
.section--video-slider .swiper-slide:nth-of-type(odd) {
  background-color: black;
}
.section--video-slider .swiper-slide a {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.section--video-slider .slider-logo, .section--video-slider .slider-titles {
  height: 50px;
  position: absolute;
  z-index: 20;
  color: white;
  pointer-events: none;
}
.section--video-slider .slider-titles {
  font-family: "shvo-web", sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 42px;
  line-height: 1.4;
}
.section--video-slider .slider-titles span {
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s;
  text-transform: uppercase;
}
.section--video-slider .slider-titles span.slider-titles-active {
  opacity: 1;
  transition: opacity 0.8s 0.2s;
}
.section--video-slider .slider-logo svg {
  height: 30px;
  width: auto;
  fill: white;
}
.section--video-slider .slider-logo .plus-symbol {
  height: 23px;
  width: 22px;
  display: block;
  position: relative;
}
.section--video-slider .slider-logo .plus-symbol svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: auto;
}
.section--video-slider .swiper-button {
  position: absolute;
  width: 110px;
  height: 110px;
  top: calc(50% - 55px);
  background-repeat: no-repeat;
  transition: opacity 0.8s;
  z-index: 21;
}
.section--video-slider .swiper-button:hover {
  opacity: 0.6;
}
.section--video-slider .swiper-button-prev {
  background-image: url(../images/svg/arrow-left.svg);
  background-position: center;
}
.section--video-slider .swiper-button-next {
  background-image: url(../images/svg/arrow-right.svg);
  right: 0;
  background-position: center;
}
.section--video-slider .image-poster {
  height: 100%;
}
.section--video-slider .image-poster img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.section--video-slider::before {
  position: absolute;
  background-color: #000000;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0.1;
  pointer-events: none;
}
.section--video-slider .video-slide {
  z-index: 1;
}
.section--video-slider .video-slide video {
  width: 100%;
  min-width: 100%;
  min-height: 43vw;
  transform: translate3d(-50%, 0, 0);
  z-index: 2;
}
.section--video-slider .swiper-pagination {
  position: absolute;
  display: none;
}
.section--video-slider .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
.section--video-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000000;
}
@media (max-width: 1180px) {
  .section--video-slider {
    margin-bottom: 60px;
  }
  .section--video-slider::before {
    width: 100%;
    height: 50%;
  }
  .section--video-slider .slider-logo, .section--video-slider .slider-titles {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .section--video-slider .slider-logo {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 50%;
  }
  .section--video-slider .slider-logo span {
    margin-top: 15px;
    transform: translateY(12px);
  }
  .section--video-slider .slider-titles {
    top: calc(50% + 26px);
    height: 50px;
  }
  .section--video-slider .swiper-slide {
    height: 61vw;
  }
  .section--video-slider .video-slide video {
    width: 142%;
    min-height: 61vw;
  }
  .section--video-slider .swiper-button {
    display: none;
  }
  .section--video-slider .swiper-pagination {
    display: block;
    transform: translateY(50px);
  }
  .section--video-slider .swiper {
    margin-bottom: 20px;
  }
}
@media (max-width: 769px) {
  .section--video-slider .swiper-slide {
    height: 92vw;
  }
  .section--video-slider .video-slide video {
    width: 220%;
    min-height: 92vw;
  }
}
@media (min-width: 769px) {
  .section--video-slider .slider-titles {
    top: calc(50% + 30px);
    font-size: 45px;
    font-size: 2.8125rem;
    line-height: 63px;
    line-height: 1.4;
  }
  .section--video-slider .slider-logo svg {
    height: 40px;
  }
  .section--video-slider .slider-logo .plus-symbol {
    height: 23px;
    width: 22px;
    margin-top: 20px;
    transform: translateY(11px);
  }
  .section--video-slider .slider-logo .plus-symbol svg {
    height: 23px;
    width: 22px;
  }
}
@media (min-width: 1180px) {
  .section--video-slider .video-desktop {
    display: block;
  }
  .section--video-slider .video-mobile {
    display: none;
  }
  .section--video-slider::before {
    width: 50%;
    height: 100%;
  }
  .section--video-slider .slider-titles {
    width: calc(50% - 22px);
    left: calc(50% + 22px);
  }
  .section--video-slider .slider-logo, .section--video-slider .slider-titles {
    display: flex;
    align-items: center;
    top: calc(50% - 25px);
  }
  .section--video-slider .slider-logo {
    width: calc(50% + 21px);
    justify-content: flex-end;
  }
  .section--video-slider .slider-logo svg {
    margin-right: 10px;
  }
  .section--video-slider .slider-logo .plus-symbol {
    margin-top: 0px;
    margin-right: 10px;
    transform: translateY(0px);
  }
  .section--video-slider .slider-logo .plus-symbol svg {
    margin-bottom: 3px;
  }
}

.section--driver-fullscreen {
  height: 95vh;
  width: 100%;
  max-height: inherit;
  min-height: 38vw;
  background-color: #666666;
  overflow: hidden;
}
.section--driver-fullscreen .content {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (orientation: portrait) {
  .section--driver-fullscreen {
    max-height: inherit;
    min-height: inherit;
  }
}
.section--driver-fullscreen .content {
  z-index: 1;
}
.section--driver-fullscreen .copy {
  text-align: center;
  color: white;
  margin-left: auto;
  margin-right: auto;
}
.section--driver-fullscreen h1 {
  max-width: 680px;
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.4;
  color: white;
  margin-bottom: calc(2 * var(--mb));
}
@media (min-width: 914.2857142857px) {
  .section--driver-fullscreen h1 {
    font-size: calc(35 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--driver-fullscreen h1 {
    font-size: 35px;
  }
}
.section--driver-fullscreen a {
  position: relative;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
}
.section--driver-fullscreen a::after {
  content: "";
  height: 1px;
  background-color: white;
  width: 100%;
  position: absolute;
  bottom: -0.2ch;
  left: 0;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  .section--driver-fullscreen a:hover::after {
    opacity: 0;
  }
}
.section--driver-fullscreen .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section--driver-fullscreen .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 769px) {
  .section--drivers-blog {
    padding-top: calc(5 * var(--mb));
    padding-bottom: calc(5 * var(--mb));
  }
  .section--drivers-blog .block-date {
    width: 100%;
    margin-bottom: calc(4 * var(--mb));
  }
  .section--drivers-blog .title-block {
    width: 100%;
    margin-bottom: calc(6 * var(--mb));
    display: block;
  }
}
@media (min-width: 769px) and (max-width: 1180px) {
  .section--drivers-blog {
    padding-top: calc(5 * var(--mb));
    padding-bottom: calc(5 * var(--mb));
  }
  .section--drivers-blog .block-date {
    width: 100%;
    margin-bottom: calc(4 * var(--mb));
  }
  .section--drivers-blog .title-block {
    width: 100%;
    margin-bottom: calc(4 * var(--mb));
    display: block;
  }
  .section--drivers-blog .drivers {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .section--drivers-blog .drivers .entry--post:first-of-type {
    margin-top: 0;
  }
  .section--drivers-blog .drivers .image, .section--drivers-blog .drivers .copy {
    width: 100%;
  }
  .section--drivers-blog .drivers .image {
    margin-bottom: var(--mb);
  }
  .section--drivers-blog article.entry--post:nth-of-type(n) {
    width: 48%;
  }
  .section--drivers-blog article.entry--post:nth-of-type(n) a {
    flex-direction: column;
  }
  .section--drivers-blog article.entry--post:nth-of-type(n) .copy {
    text-align: left;
  }
}
@media (min-width: 1180px) {
  .section--drivers-blog {
    padding-top: calc(4.2 * var(--mb));
    padding-bottom: calc(4.2 * var(--mb));
  }
  .section--drivers-blog .content {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  .section--drivers-blog .title-block {
    width: 47.6%;
  }
  .section--drivers-blog .title-block .image {
    overflow: hidden;
    position: relative;
  }
  .section--drivers-blog .title-block .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0%;
    left: 0%;
  }
  .section--drivers-blog .title-block .image:after {
    content: "";
    display: block;
    padding-top: 107.5%;
    width: 0;
    float: left;
    position: relative;
  }
  .section--drivers-blog .title-block .image img {
    object-position: top center;
  }
  .section--drivers-blog .drivers {
    width: 47.5%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .section--drivers-blog .drivers .entry--post:first-of-type {
    margin-top: calc(5 * var(--mb));
  }
  .section--drivers-blog .drivers .entry--post .image {
    width: 57%;
  }
}

.section--entries-double {
  padding-top: calc(3.5 * var(--mb));
  padding-bottom: calc(3.5 * var(--mb));
}
@media (min-width: 769px) {
  .section--entries-double .entry--post:first-of-type {
    width: 56%;
  }
  .section--entries-double .entry--post:last-of-type {
    width: 40%;
  }
  .section--entries-double:nth-of-type(odd) .entry--post:first-of-type {
    width: 40%;
  }
  .section--entries-double:nth-of-type(odd) .entry--post:last-of-type {
    width: 56%;
  }
}

.section--entries {
  padding-top: calc(3.5 * var(--mb));
  padding-bottom: calc(3.5 * var(--mb));
}
@media (min-width: 769px) {
  .section--entries .drivers {
    display: flex;
    flex-wrap: wrap;
  }
  .section--entries .drivers .entry--post {
    width: 50%;
    margin-bottom: calc(4 * var(--mb));
  }
  .section--entries .drivers .entry--post .image {
    width: 50%;
  }
  .section--entries .drivers .entry--post .copy {
    width: 40%;
  }
  .section--entries .drivers .entry--post a {
    display: flex;
  }
  .section--entries .drivers .entry--post:nth-of-type(n) a {
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .section--entries .drivers .entry--post:nth-of-type(n) a .copy {
    text-align: right;
    margin-right: 4%;
    margin-left: 0%;
  }
  .section--entries .drivers .entry--post:nth-of-type(4n) a,
.section--entries .drivers .entry--post:nth-of-type(4n - 1) a {
    flex-direction: row;
    justify-content: flex-start;
  }
  .section--entries .drivers .entry--post:nth-of-type(4n) a .copy,
.section--entries .drivers .entry--post:nth-of-type(4n - 1) a .copy {
    text-align: left;
    margin-right: 0%;
    margin-left: 4%;
  }
}

.section--home-quotes {
  position: relative;
}
.section--home-quotes::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 90%);
}
.section--home-quotes .content {
  position: absolute;
  top: 0;
  z-index: 1;
}
.section--home-quotes .content .swiper-pagination-bullet {
  background: white;
  opacity: 1;
}
.section--home-quotes .content .swiper-pagination-bullet-active {
  background-color: black;
}
.section--home-quotes .image {
  overflow: hidden;
  position: relative;
}
.section--home-quotes .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--home-quotes .image:after {
  content: "";
  display: block;
  padding-top: 100%;
  width: 0;
  float: left;
  position: relative;
}
@media (min-width: 769px) {
  .section--home-quotes .content {
    top: calc(4.5 * var(--mb));
  }
  .section--home-quotes .content blockquote {
    max-width: 66vw;
    margin-left: auto;
    margin-right: auto;
  }
  .section--home-quotes .image {
    overflow: hidden;
    position: relative;
  }
  .section--home-quotes .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0%;
    left: 0%;
  }
  .section--home-quotes .image:after {
    content: "";
    display: block;
    padding-top: 38%;
    width: 0;
    float: left;
    position: relative;
  }
}
@media (min-width: 1180px) {
  .section--home-quotes .content blockquote {
    max-width: 34vw;
  }
}

.section--post-text {
  padding-top: calc(3 * var(--mb));
  padding-bottom: calc(3 * var(--mb));
}
.section--post-text .content {
  display: flex;
  max-width: calc(1200px + 2 * var(--outer));
}
.section--post-text .copy {
  padding-right: var(--outer);
}
.section--post-text .copy h2 {
  margin-bottom: calc(2 * var(--mb));
}
.section--post-text .copy h3, .section--post-text .copy h4, .section--post-text .copy h5 {
  font-family: "shvo-web", sans-serif;
  line-height: 1.4;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.4;
  font-weight: normal;
  color: #000000;
  margin-bottom: var(--mb);
}
.section--post-text .image {
  margin-bottom: calc(1.5 * var(--mb));
}
.section--post-text figure {
  width: 100%;
}
.section--post-text .copy {
  width: 100%;
}
.section--post-text .image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.section--post-text .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--post-text .image:after {
  content: "";
  display: block;
  padding-top: 133%;
  width: 0;
  float: left;
  position: relative;
}
.section--post-text.layout-left .content {
  flex-direction: column;
}
.section--post-text.layout-right .content {
  flex-direction: column-reverse;
}
@media (max-width: 769px) {
  .section--post-text.layout-right .copy {
    margin-bottom: calc(5 * var(--mb));
  }
  .section--post-text.layout-left figure {
    margin-bottom: calc(5 * var(--mb));
  }
}
@media (min-width: 769px) {
  .section--post-text .content {
    justify-content: space-between;
  }
  .section--post-text .copy {
    padding-right: calc(4 * var(--mb));
  }
  .section--post-text figure {
    width: 47.5%;
  }
  .section--post-text .copy {
    width: 47.5%;
  }
  .section--post-text.is-single .copy {
    margin-left: auto;
    margin-right: auto;
  }
  .section--post-text.layout-left .content {
    flex-direction: row;
  }
  .section--post-text.layout-right .content {
    flex-direction: row-reverse;
  }
}

.section--post-images {
  padding-top: calc(3 * var(--mb));
  padding-bottom: calc(3 * var(--mb));
}
.section--post-images figure {
  width: 100%;
}
.section--post-images .content {
  max-width: calc(1200px + 2 * var(--outer));
}
.section--post-images .image {
  margin-bottom: calc(1.5 * var(--mb));
}
.section--post-images.type-double .image, .section--post-images.type-single .image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.section--post-images.type-double .image img, .section--post-images.type-single .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--post-images.type-double .image:after, .section--post-images.type-single .image:after {
  content: "";
  display: block;
  padding-top: 133%;
  width: 0;
  float: left;
  position: relative;
}
.section--post-images.type-singleland .image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.section--post-images.type-singleland .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--post-images.type-singleland .image:after {
  content: "";
  display: block;
  padding-top: 56%;
  width: 0;
  float: left;
  position: relative;
}
@media (max-width: 769px) {
  .section--post-images figure:not(:last-of-type) {
    margin-bottom: calc(5 * var(--mb));
  }
}
@media (min-width: 769px) {
  .section--post-images.type-double .content, .section--post-images.type-single .content {
    display: flex;
    justify-content: space-between;
  }
  .section--post-images.type-double figure, .section--post-images.type-single figure {
    width: 47.5%;
  }
}

.section--post-quote {
  padding-top: calc(3 * var(--mb));
  padding-bottom: calc(3 * var(--mb));
}
.section--post-quote blockquote {
  font-size: 30px;
}
@media (min-width: 800px) {
  .section--post-quote blockquote {
    font-size: calc(60 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--post-quote blockquote {
    font-size: 60px;
  }
}
.section--post-quote blockquote::before {
  content: "“";
}
.section--post-quote blockquote::after {
  content: "”";
}
.section--post-quote figure {
  text-align: center;
}
.section--post-quote figcaption {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  font-weight: normal;
  margin-top: calc(2 * var(--mb));
}
@media (min-width: 769px) {
  .section--post-quote blockquote {
    width: 58%;
    margin-left: auto;
    margin-right: auto;
  }
}

.section--post-video {
  padding-top: calc(3 * var(--mb));
  padding-bottom: calc(3 * var(--mb));
}
@media (min-width: 1180px) {
  .section--post-video .video-inline {
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
  }
}

.single-video {
  width: 90%;
}
.single-video .caption {
  display: block;
  text-align: center;
  width: 100%;
  position: absolute;
  transform: translate(0, 100%);
}

.single-format-video .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  z-index: 20;
  position: relative;
}
.single-format-video .caption {
  width: 90%;
}

.single-image {
  overflow: hidden;
  width: 100%;
}
.single-image .swiper-slide {
  width: 100%;
  height: 95vh;
  width: 100%;
  max-height: inherit;
  min-height: 38vw;
}
.single-image .swiper-slide .content {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (orientation: portrait) {
  .single-image .swiper-slide {
    max-height: inherit;
    min-height: inherit;
  }
}
.single-image figure {
  width: 100%;
  height: 94%;
  margin-top: 2%;
  object-fit: contain;
}
.single-image .image {
  width: 86%;
  height: calc(100% - 50px);
  object-fit: contain;
  margin-bottom: 1%;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
}
.single-image .image img {
  height: 100%;
  object-fit: contain;
}
.single-image .video-in-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  z-index: 20;
  position: relative;
}
.single-image .video-holder, .single-image .vimeo-video {
  width: 80%;
  position: relative;
  overflow: hidden;
  position: relative;
}
.single-image .video-holder img, .single-image .vimeo-video img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.single-image .video-holder:after, .single-image .vimeo-video:after {
  content: "";
  display: block;
  padding-top: 56%;
  width: 0;
  float: left;
  position: relative;
}
.single-image figcaption {
  display: block;
  text-align: center;
  width: 100%;
  position: absolute;
}
.single-image .swiper-button {
  position: absolute;
  width: 10%;
  height: 100%;
  top: 0;
  background-repeat: no-repeat;
  transition: opacity 0.8s;
  z-index: 21;
}
.single-image .swiper-button:hover {
  opacity: 0.6;
}
.single-image .swiper-button-prev {
  background-image: url(../images/svg/arrow-left.svg);
  background-position: var(--outer) center;
}
.single-image .swiper-button-next {
  background-image: url(../images/svg/arrow-right.svg);
  right: 0;
  background-position: calc(100% - var(--outer)) center;
}
.single-image .swiper-pagination {
  position: absolute;
  width: 100%;
  bottom: 30px;
}
.single-image .swiper-pagination .swiper-pagination-bullet {
  margin: 0 5px;
}
.single-image .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #000000;
}
@media (max-width: 769px) {
  .single-image .swiper-button {
    display: none;
  }
  .single-image figcaption {
    bottom: -50px;
  }
  .single-image .image {
    margin-top: 75px;
    height: calc(100% - 100px);
  }
}
@media (min-width: 769px) {
  .single-image .swiper-pagination {
    display: none;
  }
}
@media (min-width: 1180px) {
  .single-image::before {
    width: 50%;
    height: 100%;
  }
}
@media (min-width: 1920px) {
  .single-image .swiper-button-prev {
    background-image: url(../images/svg/arrow-left.svg);
    background-position: 3.75vw center;
  }
  .single-image .swiper-button-next {
    background-image: url(../images/svg/arrow-right.svg);
    right: 0;
    background-position: right 3.75vw center;
  }
}

#swiper-modal-holder .single-image .swiper-button-next {
  background-image: url(../images/svg/arrow-right-black.svg);
}

#swiper-modal-holder .single-image .swiper-button-prev {
  background-image: url(../images/svg/arrow-left-black.svg);
}

.filter-selection {
  padding-top: calc(2 * var(--mb));
  padding-bottom: calc(2 * var(--mb));
  display: flex;
}
.filter-selection a {
  display: block;
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  background-image: url(../images/svg/close-circle.svg);
  background-repeat: no-repeat;
  background-size: auto 12px;
  background-position: right 10%;
  padding-right: 16px;
  margin-right: 22px;
}
.filter-selection a:first-of-type {
  border-left: 1px solid #E1E1E1;
  padding-left: 22px;
  margin-left: 22px;
}
.filter-selection a:hover {
  opacity: 0.8;
  cursor: pointer;
}
.filter-selection .clear-form {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  text-decoration: underline;
  opacity: 0;
  pointer-events: none;
}
.filter-selection .clear-form:hover {
  cursor: pointer;
  text-decoration: none;
}
.filter-selection a + .clear-form {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-delay: 0.3s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
  pointer-events: all;
}

.filters-selected {
  display: flex;
}

.filter-open {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  display: inline-flex;
  align-items: stretch;
  color: #000000;
  justify-content: space-between;
}
.filter-open::after {
  content: "";
  display: block;
  width: 11px;
  background-image: url(../images/svg/filter-arrow.svg);
  background-position: left 30%;
  background-repeat: no-repeat;
  background-size: auto 8px;
  margin-left: 10px;
}

.filter-close {
  width: 56px;
  height: 56px;
  position: absolute;
  background-image: url(../images/svg/cross.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  z-index: 20;
  right: 0;
  top: 0;
}

.listing {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 769px) {
  .listing .entry {
    width: 100%;
    margin-bottom: calc(5 * var(--mb));
  }
}
@media (min-width: 769px) {
  .listing .entry {
    width: 32.46%;
    margin-bottom: 4%;
  }
  .listing .entry:nth-of-type(3n + 2) {
    margin-left: 1.3%;
    margin-right: 1.3%;
  }
}

.filter-categories {
  position: absolute;
  z-index: 2;
  background-color: white;
  opacity: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.filter-categories .filters-title {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 15.4px;
  line-height: 1.4;
  color: #000000;
  line-height: 3;
}
.filter-categories input[type=radio],
.filter-categories input[type=checkbox] {
  display: none;
}
.filter-categories input[type=radio]:checked + label,
.filter-categories input[type=checkbox]:checked + label {
  color: #000000;
  text-decoration: underline;
}
.filter-categories input[type=radio]:disabled + label,
.filter-categories input[type=checkbox]:disabled + label {
  opacity: 0.5;
}
.filter-categories label {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 19.6px;
  line-height: 1.4;
  line-height: 3;
  width: 100%;
  display: block;
}
.filter-categories .buttons {
  display: flex;
}
.filter-categories .buttons a {
  position: relative;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
}
.filter-categories .buttons a::after {
  content: "";
  height: 1px;
  background-color: white;
  width: 100%;
  position: absolute;
  bottom: -0.2ch;
  left: 0;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  .filter-categories .buttons a:hover::after {
    opacity: 0;
  }
}
.filter-categories .buttons a::after {
  background-color: #000000;
}

.show-filters .filter-categories {
  opacity: 1;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-name: fade-in-ks;
  height: auto;
  pointer-events: all;
}
.show-filters .filter-open::after {
  background-position: left 60%;
  transform: rotate(180deg);
}

.listing-logos {
  display: flex;
  flex-wrap: wrap;
}
.listing-logos .image {
  overflow: hidden;
  position: relative;
  width: 48%;
}
.listing-logos .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.listing-logos .image:after {
  content: "";
  display: block;
  padding-top: 100%;
  width: 0;
  float: left;
  position: relative;
}
.listing-logos .image img {
  object-fit: contain;
}
@media (max-width: 769px) {
  .listing-logos .image {
    width: 47.5%;
    margin-right: 5%;
    margin-bottom: 5%;
  }
  .listing-logos .image:nth-of-type(2n + 2) {
    margin-right: 0;
  }
}
@media (min-width: 769px) {
  .listing-logos .image {
    width: 22%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .listing-logos .image:nth-of-type(4n + 4) {
    margin-right: 0;
  }
}

.listing-people {
  display: flex;
  flex-wrap: wrap;
}
.listing-people .person {
  width: 48%;
}
.listing-people .person .image {
  overflow: hidden;
  position: relative;
  width: 100%;
  filter: grayscale(100%);
  transition: filter 0.6s;
  margin-bottom: var(--mb);
}
.listing-people .person .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.listing-people .person .image:after {
  content: "";
  display: block;
  padding-top: 100%;
  width: 0;
  float: left;
  position: relative;
}
.listing-people .person p {
  color: #000000;
}
@media (hover: hover) {
  .listing-people .person:hover .image {
    filter: grayscale(0%);
  }
}
@media (max-width: 769px) {
  .listing-people .person {
    width: 47.5%;
    margin-right: 5%;
  }
  .listing-people .person:nth-of-type(2n + 2) {
    margin-right: 0;
  }
}
@media (min-width: 769px) {
  .listing-people {
    display: flex;
  }
  .listing-people .person {
    width: 22%;
    margin-right: 4%;
  }
  .listing-people .person:nth-of-type(4n + 4) {
    margin-right: 0;
  }
}

@media (max-width: 769px) {
  .show-filters .wrapper {
    height: 0;
  }

  .filters-selected {
    width: 50%;
    justify-content: flex-end;
  }
  .filters-selected a {
    display: none;
  }

  .show-filters .filters-selected {
    opacity: 0;
    pointer-events: none;
  }

  .filter-open {
    width: 100%;
    justify-content: flex-start;
  }

  .filter-categories {
    display: block;
    position: relative;
    text-align: center;
    left: 0;
    top: 0;
    overflow: visible;
    width: 100%;
    padding-bottom: var(--mb);
  }

  .filter-list {
    margin-bottom: calc(4 * var(--mb));
  }

  .buttons {
    justify-content: space-between;
    margin-left: var(--outer);
    margin-right: var(--outer);
    margin-top: calc(5 * var(--mb));
  }

  .filter-close {
    width: 56px;
    height: 56px;
    position: absolute;
    background-image: url(../images/svg/cross.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    z-index: 20;
    right: -20px;
    top: -56px;
  }
}
@media (min-width: 769px) {
  .filter-open span {
    display: none;
  }

  .filter-categories {
    padding: calc(4 * var(--mb)) calc(6 * var(--mb));
    border: 1px solid #E1E1E1;
  }

  .filters {
    display: flex;
  }

  .filter-list {
    width: 160px;
  }

  .filter-list:not(:last-of-type) {
    margin-right: calc(4 * var(--mb));
  }

  .buttons {
    display: flex;
    margin-top: calc(4 * var(--mb));
  }
  .buttons span {
    width: 160px;
    margin-right: calc(4 * var(--mb));
  }
}
@keyframes filtergrayscale {
  0% {
    filter: grayscale(100%);
  }
  100% {
    filter: grayscale(0%);
  }
}
.entry--portfolio .image {
  overflow: hidden;
  position: relative;
  margin-bottom: calc(1.5 * var(--mb));
  filter: grayscale(100%);
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-delay: 2s;
  animation-timing-function: linear;
  animation-name: filtergrayscale;
}
.entry--portfolio .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.entry--portfolio .image:after {
  content: "";
  display: block;
  padding-top: 100%;
  width: 0;
  float: left;
  position: relative;
}
.entry--portfolio h3 {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.4;
  font-weight: normal;
  color: #000000;
  margin-bottom: calc(.2 * var(--mb));
}
.entry--portfolio p {
  margin-bottom: 0;
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  margin-bottom: calc(.2 * var(--mb));
  color: #000000;
}
.entry--portfolio .terms {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  display: none;
}
.entry--portfolio .terms span {
  color: #000000;
}
.entry--portfolio .terms span[data-type=portfolio_category] {
  display: none;
}
.entry--portfolio .terms span[data-type=timeframe] {
  display: none;
}
.entry--portfolio .terms span[data-type=location] {
  display: none;
}
@media (max-width: 769px) {
  .entry--portfolio .image {
    margin-bottom: calc(2 * var(--mb));
  }
}

.section--portfolio-slider {
  padding-top: calc(3.5 * var(--mb));
  padding-bottom: calc(3.5 * var(--mb));
  padding-left: var(--outer);
  padding-right: var(--outer);
  overflow: hidden;
  width: 100%;
}
.section--portfolio-slider .swiper-slide {
  width: auto !important;
}
.section--portfolio-slider .swiper-slide img {
  height: 37.3vw;
  width: auto;
}
@media (max-width: 769px) {
  .section--portfolio-slider {
    padding-bottom: calc(5 * var(--mb));
  }
  .section--portfolio-slider .swiper-scrollbar {
    display: none;
  }
  .section--portfolio-slider .swiper-slide img {
    height: 90vw;
    width: calc(100vw - (2 * var(--outer)));
    object-fit: cover;
    object-position: center;
  }
  .section--portfolio-slider .swiper-slide::after {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    width: 100%;
    left: 0;
    bottom: 0;
    height: 50%;
    z-index: 20;
    padding-bottom: calc(1.5 * var(--mb));
    pointer-events: none;
    overflow: hidden;
  }
  .section--portfolio-slider .video-in-slider {
    position: relative;
    overflow: hidden;
    height: 90vw;
    width: calc(100vw - (2 * var(--outer)));
  }
  .section--portfolio-slider .video-in-slider video {
    height: 100%;
    width: auto;
  }
  .section--portfolio-slider::after {
    content: "View image gallery";
    font-family: "shvo-web", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 18.2px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.12ch;
    color: #000000;
    position: absolute;
    pointer-events: none;
    width: calc(100% - 2 * var(--outer));
    bottom: calc(5 * var(--mb));
    height: 50%;
    z-index: 20;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: white;
    padding-bottom: calc(1.5 * var(--mb));
  }
}
@media (min-width: 769px) {
  .section--portfolio-slider .swiper-scrollbar {
    width: calc(100% - 2 * var(--outer));
    margin-left: var(--outer);
    height: 50px;
    border-radius: 0;
    left: 0;
    background-color: transparent;
    box-shadow: inset 0px -1px 0px 0px #E1E1E1;
  }
  .section--portfolio-slider .swiper-scrollbar .swiper-scrollbar-drag {
    height: 100%;
    border-radius: 0;
    background-color: transparent;
    box-shadow: inset 0px -2px 0px 0px #000000;
  }
}
@media (min-width: 769px) and (hover: hover) {
  .section--portfolio-slider .swiper-scrollbar .swiper-scrollbar-drag:hover {
    cursor: pointer;
  }
}

.section--intro-portfolio {
  padding-bottom: calc(3 * var(--mb));
}
.section--intro-portfolio .intro-text {
  line-height: 1.5;
}
.section--intro-portfolio .inquiry {
  margin-top: calc(2 * var(--mb));
}
.section--intro-portfolio .inquiry a {
  position: relative;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
}
.section--intro-portfolio .inquiry a::after {
  content: "";
  height: 1px;
  background-color: #000000;
  width: 100%;
  position: absolute;
  bottom: -0.2ch;
  left: 0;
  transition: opacity 0.3s;
}
@media (hover: hover) {
  .section--intro-portfolio .inquiry a:hover::after {
    opacity: 0;
  }
}
.section--intro-portfolio .details div {
  padding: var(--mb) 0;
  border-top: 1px solid #E1E1E1;
}
.section--intro-portfolio .details div:last-of-type {
  border-bottom: 1px solid #E1E1E1;
}
.section--intro-portfolio .details dt {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  color: #666666;
}
.section--intro-portfolio .details dd {
  margin-top: 5px;
  color: black;
}
.section--intro-portfolio .details dd a {
  color: black;
  text-decoration: underline;
}
@media (hover: hover) {
  .section--intro-portfolio .details dd a:hover {
    text-decoration: none;
  }
}
.section--intro-portfolio .details.second {
  margin-top: -1px;
}
.section--intro-portfolio .office-link {
  text-decoration: underline;
  display: inline-block;
  margin-top: calc(.75 * var(--mb));
}
.section--intro-portfolio .office-link:hover {
  text-decoration: none;
}
.section--intro-portfolio .intro-numbers {
  flex-wrap: wrap;
}
.section--intro-portfolio .intro-numbers .entry--number {
  width: 100%;
  border-left: none;
}
@media (max-width: 769px) {
  .section--intro-portfolio .details {
    padding: calc(5 * var(--mb)) 0;
  }
  .section--intro-portfolio .details.second {
    padding-bottom: var(--mb);
  }
  .section--intro-portfolio .inquiry.desktop {
    display: none;
  }
  .section--intro-portfolio .inquiry.mobile {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .section--intro-portfolio .intro-numbers .entry--number:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
@media (min-width: 769px) {
  .section--intro-portfolio .inquiry.mobile {
    display: none;
  }
  .section--intro-portfolio .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .section--intro-portfolio .intro-numbers {
    margin-top: calc(3 * var(--mb));
    margin-bottom: calc(3 * var(--mb));
    justify-content: space-between;
  }
  .section--intro-portfolio .intro-numbers .entry--number {
    justify-content: flex-start;
    width: 48%;
    padding: 0 0 calc(var(--mb) * 3.2) 0;
  }
  .section--intro-portfolio .intro-numbers .entry--number:nth-last-child(-n+2) {
    padding-bottom: var(--mb);
  }
  .section--intro-portfolio .intro-numbers .entry--number .title {
    text-align: left;
  }
  .section--intro-portfolio .intro-text, .section--intro-portfolio .intro-details {
    width: 49%;
  }
  .section--intro-portfolio .details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .section--intro-portfolio .details div {
    width: 48%;
    padding: calc(var(--mb) - 5px) 0 calc(var(--mb) - 8px) 0;
    border-top: 1px solid #E1E1E1;
    min-height: 10ch;
  }
  .section--intro-portfolio .details div:nth-last-child(-n+2) {
    border-bottom: 1px solid #E1E1E1;
  }
  .section--intro-portfolio .details.second div {
    width: 100%;
  }
}
@media (min-width: 1180px) {
  .section--intro-portfolio .content {
    width: 75.5%;
    min-width: 1200px;
  }
  .section--intro-portfolio .intro-text {
    width: 47%;
  }
  .section--intro-portfolio .intro-details {
    width: 46.5%;
  }
  .section--intro-portfolio .details div {
    width: 47.5%;
  }
}

.portfolio-logo {
  height: 14vw;
  display: flex;
  align-items: center;
}
.portfolio-logo .logo {
  max-width: 32%;
  max-height: 7.5vw;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
}
.portfolio-logo .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (max-width: 769px) {
  .portfolio-logo {
    height: 140px;
    justify-content: center;
  }
  .portfolio-logo .logo {
    max-height: 60px;
    max-width: 100%;
  }
  .portfolio-logo .logo img {
    object-position: center;
  }
}
@media (min-width: 1180px) {
  .portfolio-logo {
    height: 15.9vw;
  }
  .portfolio-logo .logo {
    max-height: 7.5vw;
  }
}

.section--portfolio-quotes .quote-holder {
  padding-top: calc(3.7 * var(--mb));
}
.section--portfolio-quotes .image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.section--portfolio-quotes .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--portfolio-quotes .image:after {
  content: "";
  display: block;
  padding-top: 66%;
  width: 0;
  float: left;
  position: relative;
}
.section--portfolio-quotes figure {
  width: 100%;
}
.section--portfolio-quotes figure blockquote {
  font-family: "shvo-web", sans-serif;
  line-height: 1.4;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.4;
  margin-bottom: var(--mb);
  text-align: left;
}
.section--portfolio-quotes figure figcaption {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  font-weight: normal;
  margin-bottom: 0;
}
@media (max-width: 769px) {
  .section--portfolio-quotes .image {
    margin-bottom: calc(5 * var(--mb));
  }
  .section--portfolio-quotes .quote-holder {
    padding-top: 0;
  }
  .section--portfolio-quotes .quote-holder:not(:last-of-type) {
    margin-bottom: calc(5 * var(--mb));
  }
}
@media (min-width: 769px) {
  .section--portfolio-quotes .quote-holder {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .section--portfolio-quotes .quote-holder:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  .section--portfolio-quotes .quote-holder:nth-of-type(odd) blockquote, .section--portfolio-quotes .quote-holder:nth-of-type(odd) figcaption {
    text-align: right;
  }
  .section--portfolio-quotes .image {
    width: 47.5%;
  }
  .section--portfolio-quotes figure {
    width: 47.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .section--portfolio-quotes figure blockquote {
    margin-bottom: 0;
  }
}
@media (min-width: 1180px) {
  .section--portfolio-quotes blockquote, .section--portfolio-quotes figcaption {
    width: 67%;
    min-width: 515px;
  }
  .section--portfolio-quotes .quote-holder:nth-of-type(odd) figure {
    align-items: flex-end;
  }
  .section--portfolio-quotes .quote-holder:nth-of-type(odd) blockquote, .section--portfolio-quotes .quote-holder:nth-of-type(odd) figcaption {
    text-align: right;
  }
}

.section--portfolio-about {
  padding-top: calc(3.7 * var(--mb));
  padding-bottom: calc(3.7 * var(--mb));
}
.section--portfolio-about .image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.section--portfolio-about .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--portfolio-about .image:after {
  content: "";
  display: block;
  padding-top: 66%;
  width: 0;
  float: left;
  position: relative;
}
.section--portfolio-about h2 {
  font-family: "shvo-web", sans-serif;
  line-height: 1.4;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.4;
  margin-bottom: var(--mb);
}
.section--portfolio-about .copy * > :last-child,
.section--portfolio-about .copy > :last-child {
  margin-bottom: 0;
}
@media (max-width: 769px) {
  .section--portfolio-about {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .section--portfolio-about .image {
    margin-bottom: calc(5 * var(--mb));
  }
}
@media (min-width: 769px) {
  .section--portfolio-about .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .section--portfolio-about .image {
    width: 47%;
  }
  .section--portfolio-about .copy {
    width: 47%;
  }
}
@media (min-width: 1180px) {
  .section--portfolio-about h2 {
    width: 67%;
    min-width: 515px;
  }
}

.section--portfolio-about + .section--portfolio-quotes .quote-holder:first-of-type {
  padding-top: 0;
}

.section--portfolio-extra-content {
  padding-bottom: calc(3 * var(--mb));
  padding-top: calc(5 * var(--mb));
}
.section--portfolio-extra-content h2 {
  position: relative;
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  color: #000000;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: calc(3.5 * var(--mb));
  padding-bottom: calc(1.5 * var(--mb));
  padding-top: calc(1.5 * var(--mb));
}
@media (min-width: 1280px) {
  .section--portfolio-extra-content h2 {
    font-size: calc(15 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--portfolio-extra-content h2 {
    font-size: 15px;
  }
}
.section--portfolio-extra-content h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1;
  margin-bottom: var(--mb);
}
.section--portfolio-extra-content .image {
  overflow: hidden;
  position: relative;
}
.section--portfolio-extra-content .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--portfolio-extra-content .image:after {
  content: "";
  display: block;
  padding-top: 75%;
  width: 0;
  float: left;
  position: relative;
}
@media (max-width: 1000px) {
  .section--portfolio-extra-content {
    padding-top: 0;
  }
  .section--portfolio-extra-content h2 {
    padding-bottom: calc(2 * var(--mb));
    margin-bottom: calc(5 * var(--mb));
  }
  .section--portfolio-extra-content .swiper-wrapper {
    display: block;
    padding: 0 var(--outer);
    width: 100%;
  }
  .section--portfolio-extra-content .swiper-slide {
    width: calc(100% - 2 * var(--outer));
  }
  .section--portfolio-extra-content article {
    margin-bottom: calc(5 * var(--mb));
  }
  .section--portfolio-extra-content h3 {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 30px;
    line-height: 1;
    margin-bottom: calc(2 * var(--mb));
  }
  .section--portfolio-extra-content .image {
    margin-bottom: calc(2.5 * var(--mb));
  }
}
@media (min-width: 769px) {
  .section--portfolio-extra-content article a {
    display: flex;
    align-items: center;
  }
  .section--portfolio-extra-content article a .image {
    width: 50%;
  }
  .section--portfolio-extra-content article a .copy {
    width: 38%;
    margin-left: calc(2 * var(--mb));
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .section--portfolio-extra-content article a .copy p {
    display: none;
  }
}
@media (min-width: 1000px) {
  .section--portfolio-extra-content .swiper-button {
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    background-repeat: no-repeat;
  }
  .section--portfolio-extra-content .swiper-button-next {
    right: 0;
    background-image: url(../images/svg/arrow-right-black.svg);
    background-position: right 15px center;
  }
  .section--portfolio-extra-content .swiper-button-prev {
    left: 0;
    background-image: url(../images/svg/arrow-left-black.svg);
    background-position: 15px center;
  }
}
@media (min-width: 1180px) {
  .section--portfolio-extra-content article a .copy p {
    display: block;
  }
}

.section--company-introduction {
  padding-top: calc(6 * var(--mb));
  padding-bottom: calc(6 * var(--mb));
  text-align: center;
}
.section--company-introduction blockquote {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
}
@media (min-width: 1280px) {
  .section--company-introduction blockquote {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--company-introduction blockquote {
    font-size: 25px;
  }
}
.section--company-introduction figcaption {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  font-weight: normal;
}
.section--company-introduction .copy {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
@media (max-width: 769px) {
  .section--company-introduction blockquote {
    margin-bottom: calc(2 * var(--mb));
    width: 75vw;
  }
  .section--company-introduction figcaption {
    margin-bottom: calc(3 * var(--mb));
  }
}
@media (min-width: 1000px) {
  .section--company-introduction .copy {
    column-count: 2;
    column-gap: 5%;
    text-align: left;
    max-width: inherit;
    margin-top: calc(4 * var(--mb));
    min-width: 900px;
  }
}
@media (min-width: 1440px) {
  .section--company-introduction .copy {
    column-count: 2;
    column-gap: 5%;
    text-align: left;
    max-width: inherit;
    width: 75%;
    min-width: 1100px;
  }
}

.section--company-vision {
  text-align: center;
  padding-top: calc(9 * var(--mb));
  padding-bottom: 20vw;
}
.section--company-vision .content {
  z-index: 1;
}
.section--company-vision .copy {
  z-index: 1;
  position: relative;
  color: white;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
}
.section--company-vision .copy h2 {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: calc(2 * var(--mb));
  color: white;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 914.2857142857px) {
  .section--company-vision .copy h2 {
    font-size: calc(35 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--company-vision .copy h2 {
    font-size: 35px;
  }
}
.section--company-vision .copy p {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
}
@media (min-width: 1280px) {
  .section--company-vision .copy p {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--company-vision .copy p {
    font-size: 25px;
  }
}
.section--company-vision .image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.section--company-vision .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 769px) {
  .section--company-vision {
    padding-top: calc(6 * var(--mb));
    padding-bottom: 200px;
  }
}
@media (min-width: 769px) {
  .section--company-vision {
    padding-bottom: 11vw;
    padding-top: 11.5vw;
    height: 44vw;
  }
  .section--company-vision .copy, .section--company-vision h2 {
    width: 75vw;
  }
}

.section--company-principles {
  text-align: center;
  padding-top: calc(3.5 * var(--mb));
  padding-bottom: calc(6 * var(--mb));
  border-bottom: 1px solid #E1E1E1;
}
.section--company-principles h2 {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
  padding-bottom: calc(3.5 * var(--mb));
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff;
}
@media (min-width: 1280px) {
  .section--company-principles h2 {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--company-principles h2 {
    font-size: 25px;
  }
}
.section--company-principles h3 {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: calc(1.5 * var(--mb));
}
.section--company-principles article:not(:last-of-type) .principle-text {
  margin-bottom: calc(3 * var(--mb));
}
.section--company-principles .copy {
  padding-top: calc(4.5 * var(--mb));
  text-align: left;
}
.section--company-principles .principle-text {
  text-align: left;
}
@media (min-width: 769px) {
  .section--company-principles .copy {
    padding-top: calc(4.5 * var(--mb));
    display: flex;
    flex-wrap: wrap;
    text-align: left;
  }
  .section--company-principles article {
    width: 46%;
  }
  .section--company-principles article:nth-of-type(2n + 2) {
    margin-left: 5%;
  }
}
@media (min-width: 1180px) {
  .section--company-principles h2 {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  .section--company-principles article {
    width: 39.5%;
  }
  .section--company-principles article:nth-of-type(2n + 1) {
    margin-left: 7.5%;
  }
  .section--company-principles article:nth-of-type(2n + 2) {
    margin-left: 5.9%;
  }
}

.section--company-biography {
  padding-top: calc(6 * var(--mb));
  border-bottom: 1px solid #E1E1E1;
}
.section--company-biography .content h2 {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: var(--mb);
  text-transform: uppercase;
}
@media (min-width: 1280px) {
  .section--company-biography .content h2 {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--company-biography .content h2 {
    font-size: 25px;
  }
}
.section--company-biography .content h2 + span {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 19.6px;
  line-height: 1.4;
  display: block;
  margin-bottom: calc(2 * var(--mb));
}
.section--company-biography .content .copy > p:last-of-type {
  margin-bottom: 0;
}
.section--company-biography .copy {
  margin-bottom: 50px;
}
.section--company-biography .image {
  overflow: hidden;
  position: relative;
}
.section--company-biography .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--company-biography .image:after {
  content: "";
  display: block;
  padding-top: 100%;
  width: 0;
  float: left;
  position: relative;
}
.section--company-biography figure {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
.section--company-biography figure blockquote {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
}
@media (min-width: 1280px) {
  .section--company-biography figure blockquote {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--company-biography figure blockquote {
    font-size: 25px;
  }
}
.section--company-biography figcaption {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  font-weight: normal;
  text-align: center;
}
@media (max-width: 769px) {
  .section--company-biography .image {
    margin-bottom: calc(4 * var(--mb));
  }
  .section--company-biography .content h2 {
    margin-bottom: calc(2 * var(--mb));
  }
  .section--company-biography figure {
    margin-top: calc(6 * var(--mb));
    margin-bottom: calc(6 * var(--mb));
  }
}
@media (min-width: 769px) {
  .section--company-biography .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: calc(4.5 * var(--mb));
  }
  .section--company-biography .image {
    width: 48%;
  }
  .section--company-biography .copy {
    width: 48%;
    padding-right: 5%;
    margin-bottom: 0;
  }
  .section--company-biography figure {
    margin-top: calc(6 * var(--mb));
  }
  .section--company-biography figure blockquote {
    margin-bottom: calc(1.5 * var(--mb));
  }
}
.section--company-people {
  padding-top: calc(3.5 * var(--mb));
}
.section--company-people h2 {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: calc(3.5 * var(--mb));
}
@media (min-width: 1280px) {
  .section--company-people h2 {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--company-people h2 {
    font-size: 25px;
  }
}
.section--company-people h3 {
  font-family: "shvo-web", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.4;
  margin-bottom: var(--mb);
}
.section--company-people h3 + span {
  display: block;
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 16.8px;
  line-height: 1.4;
  margin-bottom: calc(1.5 * var(--mb));
  font-weight: normal;
}
.section--company-people .person {
  margin-bottom: calc(6 * var(--mb));
}
.section--company-people .image {
  margin-bottom: calc(2 * var(--mb));
  overflow: hidden;
  position: relative;
}
.section--company-people .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--company-people .image:after {
  content: "";
  display: block;
  padding-top: 100%;
  width: 0;
  float: left;
  position: relative;
}
@media (min-width: 520px) {
  .section--company-people .content {
    display: flex;
    flex-wrap: wrap;
  }
  .section--company-people .person:nth-of-type(n) {
    width: 48%;
    margin-right: 4%;
  }
  .section--company-people .person:nth-of-type(2n + 2) {
    margin-right: 0%;
  }
}
@media (min-width: 1000px) {
  .section--company-people .person:nth-of-type(n) {
    width: 22%;
    margin-right: 4%;
  }
  .section--company-people .person:nth-of-type(4n + 4) {
    margin-right: 0%;
  }
}

.section--company-capabilities .content {
  padding-top: 50px;
  padding-bottom: 50px;
  z-index: 1;
}
.section--company-capabilities .copy {
  columns: 1;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 44px;
  line-height: 2.2;
  text-transform: uppercase;
}
.section--company-capabilities .image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.section--company-capabilities .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--company-capabilities .image:after {
  content: "";
  display: block;
  padding-top: 44%;
  width: 0;
  float: left;
  position: relative;
}
@media (min-width: 769px) {
  .section--company-capabilities .content {
    padding-top: calc(6 * var(--mb));
    padding-bottom: calc(6 * var(--mb));
  }
  .section--company-capabilities .copy {
    columns: 2;
  }
}
@media (min-width: 1180px) {
  .section--company-capabilities .copy {
    max-width: 84%;
    margin-left: auto;
    margin-right: auto;
  }
}

.section--investment-intro {
  padding-top: calc(6 * var(--mb));
  padding-bottom: calc(5 * var(--mb));
  overflow: hidden;
}
.section--investment-intro figure {
  margin-bottom: calc(6 * var(--mb));
}
.section--investment-intro blockquote {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
  max-width: 1150px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
}
@media (min-width: 1280px) {
  .section--investment-intro blockquote {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--investment-intro blockquote {
    font-size: 25px;
  }
}
.section--investment-intro figcaption {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  font-weight: normal;
  text-align: center;
}
.section--investment-intro h3 {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: var(--mb);
  text-align: center;
}
@media (min-width: 1280px) {
  .section--investment-intro h3 {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--investment-intro h3 {
    font-size: 25px;
  }
}
@media (max-width: 769px) {
  .section--investment-intro .column {
    margin-bottom: calc(4 * var(--mb));
  }
}
@media (min-width: 769px) {
  .section--investment-intro .columns {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .section--investment-intro .column {
    width: 30%;
  }
  .section--investment-intro .column:nth-of-type(3n + 2) {
    margin-left: 3%;
    margin-right: 3%;
  }
}

.section--investment-blocks .block {
  background-color: #E1E1E1;
}
.section--investment-blocks .image {
  overflow: hidden;
  position: relative;
}
.section--investment-blocks .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--investment-blocks .image:after {
  content: "";
  display: block;
  padding-top: 43%;
  width: 0;
  float: left;
  position: relative;
}
.section--investment-blocks h3 {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: calc(2.5 * var(--mb));
}
@media (min-width: 914.2857142857px) {
  .section--investment-blocks h3 {
    font-size: calc(35 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--investment-blocks h3 {
    font-size: 35px;
  }
}
.section--investment-blocks .copy p {
  margin-bottom: calc(1.5 * var(--mb));
}
.section--investment-blocks .copy > :last-child {
  margin-bottom: 0;
}
.section--investment-blocks .intro-numbers {
  flex-wrap: wrap;
}
.section--investment-blocks .intro-numbers .entry--number {
  width: 100%;
  border-left: none;
  justify-content: flex-start;
  padding-top: calc(3 * var(--mb));
  padding-bottom: calc(3 * var(--mb));
}
.section--investment-blocks .intro-numbers .entry--number:first-of-type {
  padding-top: 0;
}
.section--investment-blocks .intro-numbers .entry--number:last-of-type {
  padding-bottom: 0;
}
.section--investment-blocks .intro-numbers .entry--number .title {
  font-size: 12px;
  text-align: left;
}
@media (min-width: 1200px) {
  .section--investment-blocks .intro-numbers .entry--number .title {
    font-size: calc(16 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--investment-blocks .intro-numbers .entry--number .title {
    font-size: 16px;
  }
}
.section--investment-blocks .intro-numbers .prepend, .section--investment-blocks .intro-numbers .number, .section--investment-blocks .intro-numbers .append {
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 70px;
  line-height: 1.4;
  font-size: 50px;
  color: #000000;
}
@media (min-width: 800px) {
  .section--investment-blocks .intro-numbers .prepend, .section--investment-blocks .intro-numbers .number, .section--investment-blocks .intro-numbers .append {
    font-size: calc(100 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--investment-blocks .intro-numbers .prepend, .section--investment-blocks .intro-numbers .number, .section--investment-blocks .intro-numbers .append {
    font-size: 100px;
  }
}
@media (max-width: 769px) {
  .section--investment-blocks .intro-numbers {
    border-bottom: 1px solid #000000;
    margin-bottom: calc(5 * var(--mb));
  }
  .section--investment-blocks .intro-numbers .entry--number {
    justify-content: center;
    padding-top: calc(3 * var(--mb));
    padding-bottom: calc(3 * var(--mb));
    margin-bottom: 0;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .section--investment-blocks .intro-numbers .entry--number:first-of-type {
    padding-top: 37px;
  }
  .section--investment-blocks .intro-numbers .entry--number:last-of-type {
    padding-bottom: 37px;
  }
  .section--investment-blocks .intro-numbers .entry--number .title {
    text-align: center;
  }
  .section--investment-blocks .image {
    overflow: hidden;
    position: relative;
  }
  .section--investment-blocks .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0%;
    left: 0%;
  }
  .section--investment-blocks .image:after {
    content: "";
    display: block;
    padding-top: 100%;
    width: 0;
    float: left;
    position: relative;
  }
  .section--investment-blocks .copy {
    padding-bottom: calc(6 * var(--mb));
  }
}
@media (min-width: 769px) {
  .section--investment-blocks .content {
    display: flex;
    padding-top: calc(9 * var(--mb));
    padding-bottom: calc(9 * var(--mb));
  }
  .section--investment-blocks .copy, .section--investment-blocks .intro-numbers {
    width: 50%;
  }
  .section--investment-blocks .copy {
    border-left: 1px solid #979797;
    padding-left: calc(6 * var(--mb));
    padding-right: var(--mb);
    color: #333333;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.section--investment-partners {
  padding-top: calc(6 * var(--mb));
  padding-bottom: calc(6 * var(--mb));
}
.section--investment-partners h2 {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
}
@media (min-width: 1280px) {
  .section--investment-partners h2 {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--investment-partners h2 {
    font-size: 25px;
  }
}
.section--investment-partners .quotes-carousel {
  margin-bottom: calc(4 * var(--mb));
}

.section--investment-images h3 {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
  text-transform: uppercase;
  margin-bottom: calc(1.5 * var(--mb));
}
@media (min-width: 1280px) {
  .section--investment-images h3 {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--investment-images h3 {
    font-size: 25px;
  }
}
.section--investment-images .image {
  overflow: hidden;
  position: relative;
}
.section--investment-images .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--investment-images .image:after {
  content: "";
  display: block;
  padding-top: 100%;
  width: 0;
  float: left;
  position: relative;
}
.section--investment-images .copy > :last-child {
  margin-bottom: 0;
}
@media (max-width: 769px) {
  .section--investment-images .image {
    margin-bottom: calc(5 * var(--mb));
  }
  .section--investment-images .copy {
    margin-bottom: calc(5 * var(--mb));
  }
}
@media (min-width: 769px) {
  .section--investment-images .block {
    display: flex;
    align-items: center;
  }
  .section--investment-images .block:nth-of-type(even) {
    flex-direction: row-reverse;
  }
  .section--investment-images .copy {
    padding-left: calc(4 * var(--mb));
    padding-right: calc(4 * var(--mb));
  }
  .section--investment-images .copy, .section--investment-images .image {
    width: 50%;
  }
}

.section--collaborators-intro,
.section--office-intro {
  padding-top: calc(6 * var(--mb));
  padding-bottom: calc(6 * var(--mb));
}
.section--collaborators-intro h2,
.section--office-intro h2 {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
  margin-bottom: calc(2 * var(--mb));
}
@media (min-width: 1280px) {
  .section--collaborators-intro h2,
.section--office-intro h2 {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--collaborators-intro h2,
.section--office-intro h2 {
    font-size: 25px;
  }
}
.section--collaborators-intro .copy,
.section--office-intro .copy {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1000px) {
  .section--collaborators-intro p br,
.section--office-intro p br {
    display: none;
  }
}
.section--collaborators {
  padding-top: calc(2 * var(--mb));
  padding-bottom: calc(6 * var(--mb));
  overflow: hidden;
}
.section--collaborators h2 {
  padding-top: calc(3.5 * var(--mb));
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
  border-top: 1px solid #E1E1E1;
}
@media (min-width: 1280px) {
  .section--collaborators h2 {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--collaborators h2 {
    font-size: 25px;
  }
}
.section--collaborators .quotes-carousel {
  margin-bottom: calc(4 * var(--mb));
}
.section--collaborators .collaborators .listing-people {
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: calc(4 * var(--mb));
}
.section--collaborators .collaborators-logos {
  padding-top: calc(4 * var(--mb));
  padding-bottom: calc(4 * var(--mb));
}

.section--office-content .image {
  overflow: hidden;
  position: relative;
}
.section--office-content .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--office-content .image:after {
  content: "";
  display: block;
  padding-top: 100%;
  width: 0;
  float: left;
  position: relative;
}
.section--office-content h2 {
  font-family: "shvo-web", _sans;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 28px;
  line-height: 1.4;
  text-transform: uppercase;
  margin-bottom: calc(3.5 * var(--mb));
}
.section--office-content .block-intro {
  color: #000000;
  text-align: center;
  margin-bottom: calc(4.5 * var(--mb));
}
.section--office-content .block-intro h2 {
  border-bottom: 1px solid #E1E1E1;
  padding-bottom: calc(3.5 * var(--mb));
}
.section--office-content .block-intro p {
  font-family: "shvo-web", sans-serif;
  font-size: 20px;
  line-height: 1.8;
  text-transform: uppercase;
  line-height: 1.6;
}
@media (min-width: 1280px) {
  .section--office-content .block-intro p {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--office-content .block-intro p {
    font-size: 25px;
  }
}
.section--office-content dt {
  color: #000000;
  margin-bottom: calc(2 * var(--mb));
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.4;
  text-transform: uppercase;
}
.section--office-content dl div {
  margin-bottom: calc(3.5 * var(--mb));
}
.section--office-content dd {
  color: #000000;
}
.section--office-content dd > :last-child,
.section--office-content .block-intro > :last-child {
  margin-bottom: 0;
}
.section--office-content dd:not(:last-of-type) {
  margin-bottom: calc(2.5 * var(--mb));
}
.section--office-content .content {
  padding-top: calc(3.5 * var(--mb));
  padding-bottom: calc(3.5 * var(--mb));
}
@media (max-width: 769px) {
  .section--office-content .block-intro {
    margin-bottom: calc(3 * var(--mb));
  }
}
@media (min-width: 769px) {
  .section--office-content .image {
    overflow: hidden;
    position: relative;
  }
  .section--office-content .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0%;
    left: 0%;
  }
  .section--office-content .image:after {
    content: "";
    display: block;
    padding-top: 44%;
    width: 0;
    float: left;
    position: relative;
  }
  .section--office-content dt {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.4;
    margin-bottom: calc(1.5 * var(--mb));
  }
  .section--office-content dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .section--office-content dl div {
    width: 48%;
  }
}
@media (min-width: 1180px) {
  .section--office-content h2 {
    font-family: "shvo-web", sans-serif;
    font-size: 20px;
    line-height: 1.8;
    margin-bottom: calc(2 * var(--mb));
  }
}
@media (min-width: 1180px) and (min-width: 1280px) {
  .section--office-content h2 {
    font-size: calc(25 / 1600 * 100vw);
  }
}
@media (min-width: 1180px) and (min-width: 1600px) {
  .section--office-content h2 {
    font-size: 25px;
  }
}
@media (min-width: 1180px) {
  .section--office-content .block-intro {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  .section--office-content .block-intro p {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1180px) {
  .section--office-content .block-list {
    justify-content: flex-start;
  }
}
@media (min-width: 1180px) {
  .section--office-content .block-list div {
    width: 39.5%;
  }
  .section--office-content .block-list div:nth-of-type(2n + 1) {
    margin-left: 7.5%;
  }
  .section--office-content .block-list div:nth-of-type(2n + 2) {
    margin-left: 5.9%;
  }
}

.section--press .small-screen-menu {
  display: flex;
  justify-content: space-between;
  padding: var(--mb) var(--outer);
  background-color: #FAFAFA;
  margin-bottom: var(--mb);
}
.section--press .small-screen-menu li {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  width: 49%;
}
.section--press .small-screen-menu li:last-of-type {
  text-align: right;
}
@media (hover: hover) {
  .section--press .small-screen-menu li:hover {
    cursor: pointer;
  }
}
.section--press h2 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 30px;
  line-height: 1;
  margin-bottom: calc(1.5 * var(--mb));
}
.section--press h2 a {
  color: #000000;
}
.section--press .image-rollover {
  display: block;
  overflow: hidden;
  position: relative;
  margin-bottom: calc(1.5 * var(--mb));
}
.section--press .image-rollover img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--press .image-rollover:after {
  content: "";
  display: block;
  padding-top: 75%;
  width: 0;
  float: left;
  position: relative;
}
.section--press .image-rollover .featured {
  opacity: 0;
  transition: opacity 1s;
}
.section--press .image-rollover .logo {
  transition: opacity 1s;
}
.section--press .image-rollover .logo img {
  object-fit: contain;
}
.section--press .date {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  color: #666666;
}
.section--press article {
  margin-bottom: calc(5 * var(--mb));
  width: 100%;
}
@media (hover: hover) {
  .section--press article:hover .featured {
    opacity: 1;
    transition: opacity 1s;
  }
  .section--press article:hover .logo {
    opacity: 0;
  }
}
.section--press .press-releases li {
  border-bottom: 1px solid #E1E1E1;
  padding: calc(1.5 * var(--mb)) 0 var(--mb) 0;
}
@media (max-width: 769px) {
  .section--press .press-releases h3 {
    display: none;
  }
  .section--press .press-releases h2 {
    line-height: 1.3;
  }
  .section--press .press-releases li {
    padding: calc(2.5 * var(--mb)) 0 calc(2 * var(--mb)) 0;
  }
  .section--press .press, .section--press .press-releases {
    display: none;
  }
  .section--press.show-press .press {
    display: block;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    animation-timing-function: linear;
    animation-name: fade-in-ks;
  }
  .section--press.show-releases .press-releases {
    display: block;
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    animation-timing-function: linear;
    animation-name: fade-in-ks;
  }
  .section--press.show-press .small-screen-menu li[data-type=press] {
    text-decoration: underline;
  }
  .section--press.show-releases .small-screen-menu li[data-type=releases] {
    text-decoration: underline;
  }
}
@media (min-width: 769px) {
  .section--press {
    padding-top: calc(4 * var(--mb));
  }
  .section--press .small-screen-menu {
    display: none;
  }
  .section--press h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 32.5px;
    line-height: 1.3;
  }
  .section--press h3 {
    font-family: "shvo-web", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 18.2px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.12ch;
    color: #000000;
    padding-bottom: var(--mb);
    border-bottom: 1px solid #E1E1E1;
  }
  .section--press .content {
    display: flex;
    justify-content: space-between;
  }
  .section--press .press {
    width: 68%;
  }
  .section--press article {
    width: 42%;
    margin-bottom: calc(5 * var(--mb));
  }
  .section--press article:not(:nth-of-type(2n + 2)) {
    margin-right: 8%;
  }
  .section--press .press-releases {
    border-left: 1px solid #E1E1E1;
    width: 32%;
    padding-left: calc(3 * var(--mb));
  }
  .section--press .press-releases h2 {
    margin-bottom: var(--mb);
  }
}
@media (min-width: 1180px) {
  .section--press .press {
    width: 70%;
    padding-left: calc(2.5 * var(--mb));
  }
  .section--press .press-releases {
    width: 22%;
    padding-left: calc(3 * var(--mb));
  }
  .section--press article {
    width: 27%;
  }
  .section--press article:nth-of-type(n) {
    margin-right: 0%;
  }
  .section--press article:not(:nth-of-type(3n + 3)) {
    margin-right: 9.5%;
  }
}

.section--press-content figure {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(5 * var(--mb));
}
.section--press-content .content > figure:first-child {
  max-width: 1200px;
}
.section--press-content .image {
  width: 100%;
  margin-bottom: 0;
}
.section--press-content figcaption {
  text-align: center;
}
.section--press-content .copy {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(5 * var(--mb));
}
.section--press-content + .download-pdf {
  text-align: center;
  margin-bottom: calc(6 * var(--mb));
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1180px) {
  .section--press-content figure {
    margin-bottom: calc(3 * var(--mb));
  }
  .section--press-content .copy {
    margin-bottom: calc(3 * var(--mb));
  }
}

.section--contact {
  padding-top: var(--mb);
  padding-bottom: calc(5 * var(--mb));
}
.section--contact .nf-form-title {
  display: none;
}

.page-template-t_contact .intro {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.section--more-stories {
  padding-bottom: calc(3 * var(--mb));
  padding-top: calc(5 * var(--mb));
}
.section--more-stories h2 {
  font-family: "shvo-web", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 18.2px;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.12ch;
  color: #000000;
  color: #000000;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
  border-bottom: 1px solid #E1E1E1;
  margin-bottom: calc(3.5 * var(--mb));
  padding-bottom: calc(1.5 * var(--mb));
  padding-top: calc(1.5 * var(--mb));
}
@media (min-width: 960px) {
  .section--more-stories h2 {
    font-size: calc(20 / 1600 * 100vw);
  }
}
@media (min-width: 1600px) {
  .section--more-stories h2 {
    font-size: 20px;
  }
}
.section--more-stories h3 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 42px;
  line-height: 1.4;
  margin-bottom: var(--mb);
}
.section--more-stories .image {
  overflow: hidden;
  position: relative;
  margin-bottom: calc(2 * var(--mb));
}
.section--more-stories .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  top: 0%;
  left: 0%;
}
.section--more-stories .image:after {
  content: "";
  display: block;
  padding-top: 75%;
  width: 0;
  float: left;
  position: relative;
}
.section--more-stories .entry--post {
  margin-bottom: calc(5 * var(--mb));
}
@media (min-width: 769px) and (max-width: 1180px) {
  .section--more-stories .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .section--more-stories .entry--post {
    width: 48%;
    margin-bottom: calc(5 * var(--mb));
  }
}
@media (min-width: 1180px) {
  .section--more-stories .content {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
  }
  .section--more-stories .entry--post {
    width: 50%;
    margin-bottom: calc(4 * var(--mb));
  }
  .section--more-stories .entry--post a {
    display: flex;
    align-items: center;
  }
  .section--more-stories .entry--post .image {
    width: 50%;
    margin-right: 4%;
  }
  .section--more-stories .entry--post .copy {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .section--more-stories .entry--post:nth-of-type(4n + 3) a, .section--more-stories .entry--post:nth-of-type(4n + 4) a {
    flex-direction: row-reverse;
  }
  .section--more-stories .entry--post:nth-of-type(4n + 3) .image, .section--more-stories .entry--post:nth-of-type(4n + 4) .image {
    margin-left: 4%;
    margin-right: 0%;
  }
}

.single-format-image .header-site,
.single-format-video .header-site {
  display: none;
}
.single-format-image .site-footer,
.single-format-video .site-footer {
  display: none;
}
.single-format-image .content,
.single-format-video .content {
  padding: 0;
}
.single-format-image .bg-link,
.single-format-video .bg-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.nf-form-cont form .submit_investor {
  text-align: center;
}
.nf-form-cont form .submit_investor .error-message {
  color: #B54A4A;
  width: 100%;
  text-align: left;
}
.nf-form-cont form .submit_investor input[type=submit] {
  margin-top: calc(4 * var(--mb));
}

.page-template-t_investor main {
  min-height: calc(100vh - 70px);
}

.section--drivers-blog,
.blog,
.post-type-archive-portfolio {
  background-color: #000000;
  color: white;
}
.section--drivers-blog h3, .section--drivers-blog p, .section--drivers-blog span,
.blog h3,
.blog p,
.blog span,
.post-type-archive-portfolio h3,
.post-type-archive-portfolio p,
.post-type-archive-portfolio span {
  color: white;
}
.section--drivers-blog .drivers .image,
.blog .drivers .image,
.post-type-archive-portfolio .drivers .image {
  background-color: #000000;
}
.section--drivers-blog .site-footer a,
.blog .site-footer a,
.post-type-archive-portfolio .site-footer a {
  color: white;
}

.post-type-archive-portfolio {
  background-color: #000000;
}

.filter-open::after {
  background-image: url(../images/svg/filter-arrow-white.svg);
}

.filter-close {
  background-image: url(../images/svg/cross-white.svg);
}

.filter-categories {
  background-color: #000000;
}
.filter-categories .filters-title,
.filter-categories label,
.filter-categories .buttons a,
.filter-categories input[type=checkbox]:checked + label {
  color: white;
}
.filter-categories .buttons a::after {
  background-color: white;
}

.filters-selected {
  color: white;
}
.filters-selected a, .filters-selected span {
  color: white;
}
.filters-selected .clear-form {
  color: white;
}

#modal-load-holder .background {
  background: #000000;
}

.single-format-standard {
  background-color: #000000;
}
.single-format-standard .site-footer a {
  color: white;
}

.section--more-stories h2 {
  color: white;
}

.header--single,
.section--post-video,
.section--post-quote,
.section--post-images,
.section--post-text,
.section--more-stories {
  background-color: #000000;
}
.header--single .copy,
.section--post-video .copy,
.section--post-quote .copy,
.section--post-images .copy,
.section--post-text .copy,
.section--more-stories .copy {
  color: white;
}
.header--single .copy h1, .header--single .copy h2, .header--single .copy h3, .header--single .copy .kicker, .header--single .copy .read-more,
.section--post-video .copy h1,
.section--post-video .copy h2,
.section--post-video .copy h3,
.section--post-video .copy .kicker,
.section--post-video .copy .read-more,
.section--post-quote .copy h1,
.section--post-quote .copy h2,
.section--post-quote .copy h3,
.section--post-quote .copy .kicker,
.section--post-quote .copy .read-more,
.section--post-images .copy h1,
.section--post-images .copy h2,
.section--post-images .copy h3,
.section--post-images .copy .kicker,
.section--post-images .copy .read-more,
.section--post-text .copy h1,
.section--post-text .copy h2,
.section--post-text .copy h3,
.section--post-text .copy .kicker,
.section--post-text .copy .read-more,
.section--more-stories .copy h1,
.section--more-stories .copy h2,
.section--more-stories .copy h3,
.section--more-stories .copy .kicker,
.section--more-stories .copy .read-more {
  color: white;
}
.header--single blockquote, .header--single figcaption,
.section--post-video blockquote,
.section--post-video figcaption,
.section--post-quote blockquote,
.section--post-quote figcaption,
.section--post-images blockquote,
.section--post-images figcaption,
.section--post-text blockquote,
.section--post-text figcaption,
.section--more-stories blockquote,
.section--more-stories figcaption {
  color: white;
}

.text-only {
  padding-top: 140px;
}
@media (max-width: 769px) {
  .text-only {
    padding-top: 80px;
  }
	.quotes-carousel figure blockquote {
		line-height:1.4;
	}
	.section--home-quotes .image.lazy__show {
		padding-top:125px;
	}
	.section--home-quotes .content {
		padding:50px 20px;
	}
}