@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;
  --nav-height:280px;
  --outer:6vw;
  --rat: 56.25%;
  --rec: 177.2%;
  --lb:1rem;
}

@media (min-width: 678px) {
  :root {
    --mb:10px;
    --lb:2rem;
  }
}
@media (min-width: 1000px) {
  :root {
    --outer:10vw;
    --mb:1vw;
    --lb:2rem;
  }
}
@media (min-width: 1280px) {
  :root {
    --lb:3rem;
  }
}
@media (min-width: 1800px) {
  :root {
    --mb:15px;
    --outer:200px;
  }
}
/*--------------------------------
	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
*/
/*
	.site-header {
    z-index: z('site-header');
}
*/
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

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

								  Fade In   

--------------------------------------------------------------------------------------------------------------------------*/
@-webkit-keyframes fadeInKs {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInks {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUpKs {
  0% {
    opacity: 0;
    -ms-transform: translate3d(0, 60px, 0);
    /* IE 9 */
    -webkit-transform: translate3d(0, 60px, 0);
    /* Chrome, Safari, Opera */
    transform: translate3d(0, 60px, 0);
  }
  100% {
    opacity: 1;
    -ms-transform: translate3d(0, 0px, 0);
    /* IE 9 */
    -webkit-transform: translate3d(0, 0px, 0);
    /* Chrome, Safari, Opera */
    transform: translate3d(0, 0px, 0);
  }
}
@keyframes fadeInUpks {
  0% {
    opacity: 0;
    -ms-transform: translate3d(0, 60px, 0);
    /* IE 9 */
    -webkit-transform: translate3d(0, 60px, 0);
    /* Chrome, Safari, Opera */
    transform: translate3d(0, 60px, 0);
  }
  100% {
    opacity: 1;
    -ms-transform: translate3d(0, 0px, 0);
    /* IE 9 */
    -webkit-transform: translate3d(0, 0px, 0);
    /* Chrome, Safari, Opera */
    transform: translate3d(0, 0px, 0);
  }
}
@-webkit-keyframes fadeOutKs {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutKs {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutLeftKs {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
    /* IE 9 */
    -webkit-transform: translateX(0);
    /* Chrome, Safari, Opera */
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-30px);
    /* IE 9 */
    -webkit-transform: translateX(-30px);
    /* Chrome, Safari, Opera */
    transform: translateX(-30px);
  }
}
@keyframes fadeOutLeftKs {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
    /* IE 9 */
    -webkit-transform: translateX(0);
    /* Chrome, Safari, Opera */
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-30px);
    /* IE 9 */
    -webkit-transform: translateX(-30px);
    /* Chrome, Safari, Opera */
    transform: translateX(-30px);
  }
}
@-webkit-keyframes fadeInRightKs {
  0% {
    opacity: 0;
    -ms-transform: translateX(25%);
    /* IE 9 */
    -webkit-transform: translateX(25%);
    /* Chrome, Safari, Opera */
    transform: translateX(25%);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
    /* IE 9 */
    -webkit-transform: translateX(0);
    /* Chrome, Safari, Opera */
    transform: translateX(0);
  }
}
@keyframes fadeInRightKs {
  0% {
    opacity: 0;
    -ms-transform: translateX(25%);
    /* IE 9 */
    -webkit-transform: translateX(25%);
    /* Chrome, Safari, Opera */
    transform: translateX(25%);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
    /* IE 9 */
    -webkit-transform: translateX(0);
    /* Chrome, Safari, Opera */
    transform: translateX(0);
  }
}
@-webkit-keyframes moveInRightKs {
  0% {
    -ms-transform: translateX(100%);
    /* IE 9 */
    -webkit-transform: translateX(100%);
    /* Chrome, Safari, Opera */
    transform: translateX(100%);
  }
  100% {
    -ms-transform: translateX(0);
    /* IE 9 */
    -webkit-transform: translateX(0);
    /* Chrome, Safari, Opera */
    transform: translateX(0);
  }
}
@keyframes moveInRightFramesKs {
  0% {
    -ms-transform: translateX(100%);
    /* IE 9 */
    -webkit-transform: translateX(100%);
    /* Chrome, Safari, Opera */
    transform: translateX(100%);
  }
  100% {
    -ms-transform: translateX(0);
    /* IE 9 */
    -webkit-transform: translateX(0);
    /* Chrome, Safari, Opera */
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeOutRightKs {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
    /* IE 9 */
    -webkit-transform: translateX(0);
    /* Chrome, Safari, Opera */
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(30px);
    /* IE 9 */
    -webkit-transform: translateX(30px);
    /* Chrome, Safari, Opera */
    transform: translateX(30px);
  }
}
@keyframes fadeOutRightKS {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
    /* IE 9 */
    -webkit-transform: translateX(0);
    /* Chrome, Safari, Opera */
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(30px);
    /* IE 9 */
    -webkit-transform: translateX(30px);
    /* Chrome, Safari, Opera */
    transform: translateX(30px);
  }
}
@-webkit-keyframes fadeInLeftKs {
  0% {
    opacity: 0;
    -ms-transform: translateX(-50vw);
    /* IE 9 */
    -webkit-transform: translateX(-50vw);
    /* Chrome, Safari, Opera */
    transform: translateX(-50vw);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
    /* IE 9 */
    -webkit-transform: translateX(0);
    /* Chrome, Safari, Opera */
    transform: translateX(0);
  }
}
@keyframes fadeInLeftKs {
  0% {
    opacity: 0;
    -ms-transform: translateX(-50vw);
    /* IE 9 */
    -webkit-transform: translateX(-50vw);
    /* Chrome, Safari, Opera */
    transform: translateX(-50vw);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
    /* IE 9 */
    -webkit-transform: translateX(0);
    /* Chrome, Safari, Opera */
    transform: translateX(0);
  }
}
@-webkit-keyframes rotateKs {
  0% {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg);
  }
}
@keyframes rotateKs {
  0% {
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Chrome, Safari, Opera */
    transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Chrome, Safari, Opera */
    transform: rotate(90deg);
  }
}
.fade-in {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: fadeInKs;
  animation-name: fadeInKs;
}

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

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

@font-face {
  font-family: "archivo-web";
  src: url("../fonts/archivocondensed-black.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
.h1-massive {
  line-height: 0.6;
}

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

h1 {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 100px;
  line-height: 0.95;
  margin-bottom: calc(2 * var(--lb));
}
@media (min-width: 720px) {
  h1 {
    font-size: calc(200 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  h1 {
    font-size: 200px;
  }
}

h2 {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 70px;
  line-height: 0.95;
  margin-bottom: var(--lb);
}
@media (min-width: 720px) {
  h2 {
    font-size: calc(140 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  h2 {
    font-size: 140px;
  }
}

h3 {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 42px;
  line-height: 0.95;
  margin-bottom: var(--lb);
}
@media (min-width: 756px) {
  h3 {
    font-size: calc(80 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  h3 {
    font-size: 80px;
  }
}

h4 {
  font-size: 28px;
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  margin-bottom: var(--lb);
}
@media (min-width: 672px) {
  h4 {
    font-size: calc(60 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  h4 {
    font-size: 60px;
  }
}

h5 {
  font-family: "Public Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
}
@media (min-width: 768px) {
  h5 {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  h5 {
    font-size: 30px;
  }
}
@media (max-width: 678px) {
  h5 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.4;
  }
}

.largefont {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
}
@media (min-width: 876.5217391304px) {
  .largefont {
    font-size: calc(46 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .largefont {
    font-size: 46px;
  }
}

.smallfont {
  font-size: 16px;
  line-height: 1.32;
}
@media (min-width: 1047.2727272727px) {
  .smallfont {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .smallfont {
    font-size: 22px;
  }
}

.tinyfont {
  font-size: 14px;
}
@media (min-width: 1120px) {
  .tinyfont {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .tinyfont {
    font-size: 18px;
  }
}

blockquote:not(.pull-quote) {
  font-size: 20px;
  margin-bottom: calc(2 * var(--mb));
  margin-top: calc(2 * var(--mb));
}
@media (min-width: 800px) {
  blockquote:not(.pull-quote) {
    font-size: calc(36 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  blockquote:not(.pull-quote) {
    font-size: 36px;
  }
}
blockquote:not(.pull-quote) > :last-child {
  margin-bottom: 0;
}
blockquote:not(.pull-quote) + figcaption {
  font-family: "Public Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  color: black;
  font-weight: bold;
  margin-top: var(--mb);
}
@media (min-width: 768px) {
  blockquote:not(.pull-quote) + figcaption {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  blockquote:not(.pull-quote) + figcaption {
    font-size: 30px;
  }
}
@media (max-width: 678px) {
  blockquote:not(.pull-quote) + figcaption {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.4;
  }
}

blockquote.pull-quote {
  margin-bottom: calc(2 * var(--mb));
  margin-top: calc(2 * var(--mb));
  border-left: 2px solid #00C9BA;
  padding-left: var(--mb);
}

h1.title-404 {
  font-weight: normal;
}

.h1-smaller {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 70px;
  line-height: 0.95;
  margin-bottom: var(--lb);
}
@media (min-width: 720px) {
  .h1-smaller {
    font-size: calc(140 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .h1-smaller {
    font-size: 140px;
  }
}

.cross {
  opacity: 0;
}

.cross, .bars {
  transition: opacity 0.2s;
}

.bars {
  fill: black;
}

.bars {
  fill-rule: evenodd;
  clip-rule: evenodd;
}

.cross {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
}

.menu-button {
  width: 40px;
  transition: transform 0.2s;
}
@media (min-width: 960px) {
  .menu-button {
    width: calc(60 / 1440 * 100vw);
  }
}
@media (min-width: 1680px) {
  .menu-button {
    width: 70px;
  }
}
.menu-button:hover {
  cursor: pointer;
}

.menu-visible .menu-button {
  transform: rotate(90deg);
}
.menu-visible .menu-button .cross {
  opacity: 1;
}
.menu-visible .menu-button .bars {
  opacity: 0;
}

a {
  color: black;
  text-decoration: none;
  -webkit-transition: background-color 0.3s, color 0.3s, opacity 0.3s, transform 0.3s, fill 0.3s;
  -moz-transition: background-color 0.3s, color 0.3s, opacity 0.3s, transform 0.3s, fill 0.3s;
  -o-transition: background-color 0.3s, color 0.3s, opacity 0.3s, transform 0.3s, fill 0.3s;
  transition: background-color 0.3s, color 0.3s, opacity 0.3s, transform 0.3s, fill 0.3s;
}

a:hover {
  text-decoration: none;
  color: black;
}

:focus {
  outline: none;
}

::-moz-focus-inner {
  border: 0;
}

.button {
  background-color: #FFA000;
  border-radius: 50px;
  font-size: 14px;
  line-height: 2.7;
  display: inline-block;
  padding: 0 calc(1.5 * var(--mb));
}
@media (min-width: 1120px) {
  .button {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .button {
    font-size: 18px;
  }
}
.cta {
  background-color: #FFA000;
  border-radius: 50px;
  font-size: 14px;
  line-height: 2.7;
  display: inline-block;
  padding: 0 calc(1.5 * var(--mb));
}
@media (min-width: 1120px) {
  .cta {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .cta {
    font-size: 18px;
  }
}
.back {
  font-size: 16px;
  line-height: 1.32;
  color: black !important;
  display: flex;
  align-items: center;
}
@media (min-width: 1047.2727272727px) {
  .back {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .back {
    font-size: 22px;
  }
}
.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;
}

/*----------------------------------------------------------------------------------------------------------------
                                    Forms
---------------------------------------------------------------------------------------------------------------*/
.nf-form-cont form {
  margin-bottom: var(--mb);
}
.nf-form-cont form a {
  color: #00C9BA;
}
.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;
  background-color: #FFA000;
  border-radius: 50px;
  font-size: 14px;
  line-height: 2.7;
  display: inline-block;
  padding: 0 calc(1.5 * var(--mb));
  min-width: 15vw;
  margin-top: 0;
}
@media (min-width: 1120px) {
  .nf-form-cont form input[type=submit], .nf-form-cont form input[type=button] {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .nf-form-cont form input[type=submit], .nf-form-cont form input[type=button] {
    font-size: 18px;
  }
}
.nf-form-cont form input[type=submit]:hover, .nf-form-cont form input[type=button]:hover {
  cursor: pointer;
}
.nf-form-cont form textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "Public Sans", Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22.4px;
  line-height: 1.4;
  padding: 10px 25px 15px 15px;
  border: 1px solid white;
  width: 100%;
  border-radius: 20px;
  line-height: 48px;
}
@media (max-width: 678px) {
  .nf-form-cont form textarea {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4;
  }
}
.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: 30px;
  height: 48px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22.4px;
  line-height: 1.4;
  line-height: calc(48px - 15px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid white;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 15px;
  width: 100%;
  color: black;
}
@media (max-width: 678px) {
  .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] {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4;
  }
}
.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: 16px;
  font-size: 1rem;
  line-height: 22.4px;
  line-height: 1.4;
  border-radius: 30px;
  border: 1px solid white;
}
@media (max-width: 678px) {
  .nf-form-cont form .list-multiselect-wrap select {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4;
  }
}
.nf-form-cont form .listselect-container select, .nf-form-cont form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22.4px;
  line-height: 1.4;
  border-radius: 30px;
  border: 1px solid white;
  line-height: 48px;
  width: 100%;
  color: black;
  height: 48px;
  padding: 0 40px 0 25px;
  background: white url(../images/svg/down-arrow.svg) no-repeat right 25px center;
  background-size: 18px auto;
}
@media (max-width: 678px) {
  .nf-form-cont form .listselect-container select, .nf-form-cont form select {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4;
  }
}
.nf-form-cont form textarea:focus, .nf-form-cont form input:focus, .nf-form-cont form select:focus {
  outline: none;
}
.nf-form-cont form .nf-error textarea, .nf-form-cont form .nf-error input, .nf-form-cont form .nf-error selec {
  outline: none;
  border-color: #B54A4A;
}
.nf-form-cont form label {
  position: absolute;
  z-index: 2;
  padding-left: 25px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22.4px;
  line-height: 1.4;
  line-height: 48px;
  font-weight: normal;
  transform-origin: top left;
  transition: transform 0.3s, color 0.3s;
}
@media (max-width: 678px) {
  .nf-form-cont form label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4;
  }
}
.nf-form-cont form label.focused {
  transform: scale(0.7) translate(0%, -16%);
  color: #289BFF;
}
.nf-form-cont form .list-container label,
.nf-form-cont form .list-select-wrap label,
.nf-form-cont form .list-checkbox-wrap label,
.nf-form-cont form .list-radio-wrap label,
.nf-form-cont form .list-multiselect-wrap label,
.nf-form-cont form .listimage-wrap label,
.nf-form-cont form .checkbox-wrap label {
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22.4px;
  line-height: 1.4;
  padding-left: 0;
  line-height: 20px;
}
@media (max-width: 678px) {
  .nf-form-cont form .list-container label,
.nf-form-cont form .list-select-wrap label,
.nf-form-cont form .list-checkbox-wrap label,
.nf-form-cont form .list-radio-wrap label,
.nf-form-cont form .list-multiselect-wrap label,
.nf-form-cont form .listimage-wrap label,
.nf-form-cont form .checkbox-wrap label {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 19.6px;
    line-height: 1.4;
  }
}
.nf-form-cont form .list-container label.focused,
.nf-form-cont form .list-select-wrap label.focused,
.nf-form-cont form .list-checkbox-wrap label.focused,
.nf-form-cont form .list-radio-wrap label.focused,
.nf-form-cont form .list-multiselect-wrap label.focused,
.nf-form-cont form .listimage-wrap label.focused,
.nf-form-cont form .checkbox-wrap label.focused {
  transform: scale(1) translate(0);
  color: black;
}
.nf-form-cont form .nf-field-container {
  margin-bottom: 15px;
}
.nf-form-cont form .textarea-wrap label.focused {
  transform: scale(0.7) translate(0%, -16%);
}

.nf-after-field .nf-error-msg, .nf-after-form-content .nf-error-msg {
  color: #B54A4A;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22.4px;
  line-height: 1.4;
  padding-left: 20px;
}
@media (max-width: 678px) {
  .nf-after-field .nf-error-msg, .nf-after-form-content .nf-error-msg {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 19.6px;
    line-height: 1.4;
  }
}

.nf-form-fields-required {
  font-size: 16px;
  font-size: 1rem;
  line-height: 22.4px;
  line-height: 1.4;
  margin-bottom: var(--mb)/2;
  display: none;
}
@media (max-width: 678px) {
  .nf-form-fields-required {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22.4px;
    line-height: 1.4;
  }
}

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

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

@media (max-width: 678px) {
  .nf-form-cont form textarea, .nf-form-cont form label {
    line-height: 40px;
    padding-left: 20px;
  }
  .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] {
    height: 40px;
    line-height: calc(40px - 15px);
    padding-left: 20px;
  }
  .nf-form-cont form .listselect-container select, .nf-form-cont form select {
    height: 40px;
    line-height: 40px;
  }
  .nf-form-cont form .list-container label,
.nf-form-cont form .list-select-wrap label,
.nf-form-cont form .list-checkbox-wrap label,
.nf-form-cont form .list-radio-wrap label,
.nf-form-cont form .list-multiselect-wrap label,
.nf-form-cont form .listimage-wrap label,
.nf-form-cont form .checkbox-wrap label {
    line-height: 20px;
  }
  .nf-form-cont {
    padding-top: 0px;
  }

  .nf-field {
    margin-bottom: 10px;
  }

  .nf-form-title {
    margin-bottom: 30px;
  }
}
.flatpickr-calendar {
  font-family: "Source Sans Pro", sans-serif;
}

.wp-caption-text, .gallery-caption {
  font-size: 14px;
}
@media (min-width: 1440px) {
  .wp-caption-text, .gallery-caption {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .wp-caption-text, .gallery-caption {
    font-size: 14px;
  }
}

.has-large-font-size {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
}
@media (min-width: 876.5217391304px) {
  .has-large-font-size {
    font-size: calc(46 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .has-large-font-size {
    font-size: 46px;
  }
}

.bypostauthor {
  font-size: 16px;
  line-height: 1.32;
}
@media (min-width: 1047.2727272727px) {
  .bypostauthor {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .bypostauthor {
    font-size: 22px;
  }
}

.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, figure {
  margin-bottom: calc(4 * var(--mb));
  margin-top: calc(4 * var(--mb));
}
.wp-block-image figcaption, figure figcaption {
  font-size: 14px;
  margin-top: var(--mb);
  margin-bottom: calc(2 * var(--mb));
}
@media (min-width: 1440px) {
  .wp-block-image figcaption, figure figcaption {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .wp-block-image figcaption, figure figcaption {
    font-size: 14px;
  }
}

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

.wp-block-media-text {
  width: 100%;
  display: flex;
  align-items: stretch;
}
.wp-block-media-text figure, .wp-block-media-text img {
  height: 100%;
  margin-bottom: 0;
}
.wp-block-media-text img {
  object-fit: cover;
}
.wp-block-media-text .wp-block-media-text__content {
  display: flex;
  background-color: white;
  justify-content: center;
  align-items: center;
}

.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;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.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-size: 28px;
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  margin-bottom: var(--lb);
}
@media (min-width: 672px) {
  .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-size: calc(60 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .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-size: 60px;
  }
}

.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 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.wp-block-gallery.columns-2 li {
  flex-grow: 1;
  width: 46%;
}
.wp-block-gallery.columns-4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.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;
  align-items: stretch;
}
.wp-block-gallery ul.blocks-gallery-grid figure, .wp-block-gallery ul.blocks-gallery-grid img {
  height: 100%;
}
.wp-block-gallery ul.blocks-gallery-grid img {
  object-fit: cover;
}
.wp-block-gallery li {
  list-style: none;
  flex-grow: 1;
  margin: 1%;
}
.wp-block-gallery li figure {
  width: 100%;
  margin: 0;
}
.wp-block-gallery li::before {
  display: none;
}

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

.header-site .logo {
  display: block;
  z-index: 2;
  transition: opacity 0.3s;
}
.header-site .logo img {
  width: 100%;
  height: auto;
}

.header-site {
  position: fixed;
  z-index: 20;
  width: 100%;
  pointer-events: none;
}
.header-site .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.menu-button, .header-site .logo {
  pointer-events: all;
}

.menu-holder {
  display: flex;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  justify-content: flex-end;
  pointer-events: none;
}

.site-navigation {
  z-index: 1;
  position: relative;
}
.site-navigation a {
  color: #BEACA6;
  display: block;
  margin: 0;
}
.site-navigation a:hover {
  color: white !important;
}
.site-navigation .current-menu-item a {
  color: white;
}
.site-navigation li + li {
  box-shadow: 0px -1px 0px 0px #ffffff;
}

.menu-visible {
  overflow: hidden;
}
.menu-visible .menu-holder {
  opacity: 1;
  pointer-events: all;
}

.animate .menu-holder {
  visibility: visible !important;
}

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

												 DESKTOP 

------------------------------------------------------------------------------------------------------------- */
@media (min-width: 990px) {
  .header-site .logo {
    width: 30px;
  }
}
@media (min-width: 990px) and (min-width: 864px) {
  .header-site .logo {
    width: calc(50 / 1440 * 100vw);
  }
}
@media (min-width: 990px) and (min-width: 1584px) {
  .header-site .logo {
    width: 55px;
  }
}
@media (min-width: 990px) {
  .nav-bar {
    z-index: 10;
    pointer-events: none;
  }
}
@media (min-width: 990px) {
  .header-site {
    padding: calc(3 * var(--mb)) 0;
  }
  .header-site .content {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
@media (min-width: 990px) {
  .menu-holder {
    opacity: 0;
    transition: opacity 0s 0.7s;
    visibility: hidden;
  }
}
@media (min-width: 990px) {
  .site-navigation {
    position: relative;
    width: 60%;
    background-size: auto 100%;
    padding: 0 10vw 0 14vw;
    transform: translateX(100%);
    transition: transform 0.7s 0s;
  }
  .site-navigation svg {
    width: auto;
    height: 110%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: rotate(-8deg);
    transform-origin: top left;
    transition: transform 0.7s 0s;
  }
  .site-navigation .main-nav {
    position: relative;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s 0s;
    height: 100vh;
    overflow: scroll;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Hide scrollbar for Chrome, Safari and Opera */
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
  }
  .site-navigation .main-nav::-webkit-scrollbar {
    display: none;
  }
  .site-navigation a {
    font-size: 28px;
    font-family: "archivo-web", sans-serif;
    font-weight: normal;
    line-height: 0.8;
    line-height: 0.95;
    letter-spacing: -0.04ch;
    margin-bottom: 0;
    padding: 3vh 0;
  }
}
@media (min-width: 990px) and (min-width: 672px) {
  .site-navigation a {
    font-size: calc(60 / 1440 * 100vw);
  }
}
@media (min-width: 990px) and (min-width: 2400px) {
  .site-navigation a {
    font-size: 100px;
  }
}
@media (min-width: 990px) {
  .menu-backgrounds {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    transition: width 0.3s;
    opacity: 0;
    transition: opacity 0.5s 0s;
    background-color: #BEACA6;
  }
  .menu-backgrounds li {
    z-index: 2;
    position: relative;
  }
  .menu-backgrounds li.active-background {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: fadeInKs;
    animation-name: fadeInKs;
    z-index: 4;
  }
  .menu-backgrounds li.previous-background {
    z-index: 3;
  }
  .menu-backgrounds .image {
    position: absolute;
    width: 80%;
    height: 100vh;
  }
  .menu-backgrounds .image img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    background-color: white;
  }
  .menu-backgrounds .menu-masked {
    -webkit-mask-image: url("../images/svg/logo.svg");
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url("../images/svg/logo.svg");
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 50% 70%;
    mask-size: 50% 70%;
    -webkit-mask-position: 10%;
    mask-position: 10%;
  }
  .menu-backgrounds .menu-background {
    filter: blur(10px);
  }
  .menu-backgrounds .menu-background img {
    opacity: 0.4;
  }
}
@media (min-width: 990px) {
  .menu-visible .menu-holder {
    transition: opacity 0s 0s;
  }
  .menu-visible .header-site .logo {
    opacity: 0;
  }
  .menu-visible .site-navigation {
    transform: translateX(0) rotate(0);
  }
  .menu-visible .site-navigation .main-nav {
    opacity: 1;
    transition: opacity 0.3s 0.3s;
  }
  .menu-visible .site-navigation svg {
    transform: rotate(0deg);
    transition: transform 0.4s 0s ease-in-out;
  }
  .menu-visible .menu-backgrounds {
    opacity: 1;
    transition: opacity 0.3s 0.2s;
  }
}
@media (max-width: 1160px) {
  :root {
    --menu_spacing:2vw;
  }
}
/* -----------------------------------------------------------------------------------------------------------

												!Mobile

------------------------------------------------------------------------------------------------------------- */
@media (max-width: 989px) {
  .header-site .logo {
    width: 6vw;
    display: block;
    max-width: 28px;
  }

  .menu-button {
    z-index: 2;
  }

  .header-site {
    padding: calc(2 * var(--mb)) 0 calc(2 * var(--mb)) 0;
    transition: background-color 0.3s, transform 0.3s;
  }
  .header-site .content {
    padding-left: var(--outer);
    padding-right: var(--outer);
  }

  .main-nav {
    padding-top: 10vw;
  }

  .menu-holder {
    opacity: 0;
    transition: opacity 0.5s;
  }

  .site-navigation {
    width: 100%;
    background-color: black;
    height: 120vh;
    padding: 50px var(--outer) 120px var(--outer);
    overflow: scroll;
  }
  .site-navigation svg {
    display: none;
  }
  .site-navigation a {
    font-family: "archivo-web", sans-serif;
    font-weight: normal;
    line-height: 0.8;
    line-height: 0.95;
    letter-spacing: -0.04ch;
    font-size: 26px;
    line-height: 0.6;
    letter-spacing: -0.01ch;
    padding: var(--outer) 0;
  }
}
@media (max-width: 989px) and (min-width: 341.25px) {
  .site-navigation a {
    font-size: calc(32 / 420 * 100vw);
  }
}
@media (max-width: 989px) and (min-width: 656.25px) {
  .site-navigation a {
    font-size: 50px;
  }
}
@media (max-width: 989px) {
  .menu-backgrounds {
    display: none;
  }
}
@media (max-width: 989px) {
  .menu-visible .menu-holder {
    opacity: 1;
  }
}
@media (max-width: 989px) {
  .scroll-up .header-site {
    background-color: rgba(255, 255, 255, 0.9);
    transform: translateY(0%);
  }
}
@media (max-width: 989px) {
  .scroll-down .header-site {
    transform: translateY(-100%);
  }
}
.site-footer {
  -webkit-mask-image: url("../images/masks/footer-mask.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url("../images/masks/footer-mask.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: 100% auto;
  -webkit-mask-position: top;
  mask-size: 100% auto;
  mask-position: top;
  background-color: black;
  color: white;
  padding-top: 10vw;
  padding-bottom: 4vw;
  position: relative;
}
.site-footer .logos {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.site-footer .logos .logo {
  width: 70vw;
}
.site-footer .logos .logo img {
  width: 100%;
  height: auto;
}
.site-footer a {
  color: white;
}
.site-footer .footer-menu li {
  margin-bottom: calc(.5 * var(--mb));
  font-size: 14px;
}
@media (min-width: 1120px) {
  .site-footer .footer-menu li {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .site-footer .footer-menu li {
    font-size: 18px;
  }
}
.site-footer .contacts {
  font-size: 14px;
  margin-bottom: calc(2 * var(--mb));
}
@media (min-width: 1120px) {
  .site-footer .contacts {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .site-footer .contacts {
    font-size: 18px;
  }
}
.site-footer .contacts a {
  display: block;
}
.site-footer address {
  font-size: 14px;
  font-style: normal;
  padding-bottom: var(--mb);
  break-inside: avoid;
}
@media (min-width: 1120px) {
  .site-footer address {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .site-footer address {
    font-size: 18px;
  }
}
.site-footer address strong {
  display: block;
}
.site-footer address a {
  text-decoration: underline;
}
.site-footer .footer-columns {
  margin-bottom: calc(3 * var(--mb));
  margin-top: calc(5 * var(--mb));
}
.site-footer .social-menu {
  display: flex;
}
.site-footer .social-menu li {
  margin-right: 1.5vw;
}
.site-footer .social-menu a {
  display: block;
  font-size: 0;
  color: transparent;
  width: 40px;
  padding-top: 100%;
  background-color: white;
  border-radius: 50%;
}
.site-footer .social-menu a[href^="https://twitter"], .site-footer .social-menu a[href^="https://www.twitter"] {
  background-image: url(../images/social/social_sq_twitter.svg);
}
.site-footer .social-menu a[href^="https://linkedin"], .site-footer .social-menu a[href^="https://www.linkedin"] {
  background-image: url(../images/social/social_sq_linkedin.svg);
}
.site-footer .social-menu a[href^="https://instagram"], .site-footer .social-menu a[href^="https://www.instagram"] {
  background-image: url(../images/social/social_sq_instagram.svg);
}
.site-footer .social-menu a[href^="https://facebook"], .site-footer .social-menu a[href^="https://www.facebook"] {
  background-image: url(../images/social/social_sq_facebook.svg);
}
.site-footer .social-menu a[href^="https://youtube"], .site-footer .social-menu a[href^="https://www.youtube"] {
  background-image: url(../images/social/social_sq_youtube.svg);
}
@media (min-width: 678px) {
  .site-footer .logos .logo {
    width: 40vw;
  }
}
@media (max-width: 990px) {
  .site-footer .offices {
    margin-top: calc(4 * var(--mb));
  }
  .site-footer address {
    width: 50%;
    min-width: 220px;
  }
  .site-footer .social-menu {
    margin-top: calc(4 * var(--mb));
    margin-bottom: calc(3 * var(--mb));
  }
  .site-footer .social-menu li {
    margin-right: 3.2vw;
  }
}
@media (min-width: 990px) {
  .site-footer .footer-columns {
    display: flex;
  }
  .site-footer .footer-menu {
    min-width: 25%;
  }
  .site-footer .logos-holder {
    padding-bottom: var(--mb);
  }
  .site-footer .offices {
    width: 75%;
    column-count: 3;
  }
}
@media (min-width: 1800px) {
  .site-footer {
    padding-top: 120px;
    padding-bottom: 50px;
  }
  .site-footer .logos-holder {
    padding-bottom: 50px;
  }
}

.header--home {
  height: 300vh;
  position: relative;
  overflow: hidden;
  /* .play-modal{

       z-index: 20;
       position: absolute;
       top:50vh;
       left:50vw;
       pointer-events: all;
       width:10%;
       opacity: 0;
       transform: translate(-50%, -50%);
       border-radius: 50%;

       svg{
           width:100%;
           height: auto;   
           path{
               transition: fill .3s;  
           }     
       }
       &:hover, &:active{

           svg path{

           }
           cursor: pointer;
       }

   }*/
}
.header--home .pin-spacer {
  pointer-events: none;
}
.header--home .mask-holder {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  transform: scale(1);
  pointer-events: none;
}
.header--home .mask-holder .mask {
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center;
}
.header--home .mask-holder .mask path {
  pointer-events: visiblePainted;
}
@media (orientation: portrait) {
  .header--home .mask-holder .mask {
    width: auto;
    height: 100vh;
  }
}
.header--home .masked-background {
  z-index: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
  min-height: auto;
}
.header--home .masked-background .video-holder {
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
  min-height: auto;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #BEACA6;
  background-color: #EBEAE5;
}
.header--home .masked-background .video-background {
  height: 100vh;
  overflow: hidden;
}
.header--home .masked-background img {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.header--home .fixed {
  position: fixed;
  top: 0;
}
.header--home .scroll-down {
  position: fixed;
  width: 80px;
  left: calc(50% - 40px);
  text-align: center;
  top: 85vh;
  z-index: 20;
  height: 67px;
  transition: background-position 0.3s;
  opacity: 1;
  pointer-events: all;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: fadeInKs;
  animation-name: fadeInKs;
  font-size: 14px;
}
@media (min-width: 1120px) {
  .header--home .scroll-down {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .header--home .scroll-down {
    font-size: 18px;
  }
}
.header--home .scroll-down span {
  background-color: white;
  border-radius: 20px;
  line-height: 2.3;
  display: inline-block;
  padding: 0 20px;
}
.header--home .scroll-down:hover {
  background-position: center 100%;
}
.header--home .scroll-down.hide-scroll {
  visibility: hidden;
  pointer-events: none;
  transition-delay: 0;
}
@media (max-width: 678px) {
  .header--home .scroll-down {
    top: 75vh;
  }
}
.header--home .poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header--home .poster img {
  top: 0;
  left: 0;
  transform: translate(0);
}

.header--landing {
  height: 40vh;
  z-index: 1;
}
.header--landing .image-background {
  z-index: 0;
  background-color: #BEACA6;
  position: absolute;
  overflow: hidden;
  top: 0;
  width: 100%;
  height: calc(40vh + 20vw);
}
.header--landing .image-background img {
  width: 100vw;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.header--landing + .section--intro {
  position: relative;
  z-index: 2;
}

.header--blog, .header--basic {
  padding-top: 8vw;
}

.header--blog h1 {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 70px;
  line-height: 0.95;
  margin-bottom: var(--lb);
}
@media (min-width: 720px) {
  .header--blog h1 {
    font-size: calc(140 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .header--blog h1 {
    font-size: 140px;
  }
}

.header--basic .kicker {
  padding-left: 5px;
  display: block;
  margin-bottom: var(--mb);
}
@media (max-width: 678px) {
  .header--basic {
    padding-top: 80px;
  }
}

.header--job {
  z-index: 2;
}
.header--job h1 {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 70px;
  line-height: 0.95;
  margin-bottom: var(--lb);
}
@media (min-width: 720px) {
  .header--job h1 {
    font-size: calc(140 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .header--job h1 {
    font-size: 140px;
  }
}
.header--job .job-details {
  display: flex;
  flex-wrap: wrap;
}
.header--job .job-details p span {
  font-weight: bold;
  display: block;
}
.header--job .job-details p + p {
  margin-left: 5vw;
}
@media (max-width: 678px) {
  .header--job h1 {
    font-family: "archivo-web", sans-serif;
    font-weight: normal;
    line-height: 0.8;
    line-height: 0.95;
    letter-spacing: -0.04ch;
    font-size: 70px;
    line-height: 0.95;
    margin-bottom: var(--lb);
  }
}
@media (max-width: 678px) and (min-width: 720px) {
  .header--job h1 {
    font-size: calc(140 / 1440 * 100vw);
  }
}
@media (max-width: 678px) and (min-width: 1440px) {
  .header--job h1 {
    font-size: 140px;
  }
}
@media (max-width: 678px) {
  .header--job .share-bar {
    bottom: 0;
  }
}
@media (max-width: 678px) {
  .header--job .job-details {
    min-height: 50px;
  }
  .header--job .job-details p {
    width: 100%;
  }
  .header--job .job-details p + p {
    margin-left: 0vw;
  }
}

@media (min-width: 1800px) {
  .header--basic, .header--blog {
    padding-top: 168px;
  }
}
.video-holder, .modal-video-holder {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  overflow: hidden;
  transition: opacity 1s 0s;
  overflow: hidden;
  position: relative;
  position: absolute;
  background-size: cover;
  background-color: black;
}
.video-holder img, .modal-video-holder img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.video-holder:after, .modal-video-holder:after {
  content: "";
  display: block;
  padding-top: var(--rat);
  width: 0;
  float: left;
  position: relative;
}
.video-holder iframe, .modal-video-holder iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 1s;
  background-color: transparent;
}
.video-holder iframe[data-ready=true], .modal-video-holder iframe[data-ready=true] {
  opacity: 1;
  visibility: visible;
}
.video-holder[data-host=youtube] iframe, .modal-video-holder[data-host=youtube] iframe {
  opacity: 1;
}
.video-holder .close-video, .modal-video-holder .close-video {
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 10;
  left: var(--mb);
  top: var(--mb);
  opacity: 0;
}
.video-holder .close-video svg, .modal-video-holder .close-video svg {
  width: 100%;
}
.video-holder .close-video svg .cross, .modal-video-holder .close-video svg .cross {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
  opacity: 1;
}
.video-holder .play-video, .modal-video-holder .play-video {
  position: absolute;
  width: 18%;
  z-index: 10;
  left: 50%;
  top: 50%;
  opacity: 1;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.video-holder .play-video svg, .modal-video-holder .play-video svg {
  width: 100%;
  height: auto;
}
.video-holder .play-video svg path, .modal-video-holder .play-video svg path {
  transition: fill 0.3s;
}
.video-holder .play-video:hover, .video-holder .play-video:active, .modal-video-holder .play-video:hover, .modal-video-holder .play-video:active {
  cursor: pointer;
}
.video-holder.show-video .play-video, .modal-video-holder.show-video .play-video {
  display: none;
}
.video-holder.show-video .close-video, .modal-video-holder.show-video .close-video {
  display: block;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: fadeInKs;
  animation-name: fadeInKs;
}
.video-background {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 177.77777778vh;
  /* 100 * 16 / 9 */
  min-width: 100%;
  min-height: 56.25vw;
  /* 100 * 9 / 16 */
  z-index: 0;
  overflow: hidden;
  transition: opacity 1s 0s;
  overflow: hidden;
  position: relative;
  background-size: cover;
}
.video-background img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.video-background:after {
  content: "";
  display: block;
  padding-top: var(--rat);
  width: 0;
  float: left;
  position: relative;
}
.video-background iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50vh;
  left: 50vw;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 5s 0.3s;
  background-color: transparent;
}
.video-background iframe[data-ready=true] {
  opacity: 1;
  visibility: visible;
}
.video-background.show-video .play-video {
  display: none;
}
.video-background.show-video .close-video {
  display: block;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: fadeInKs;
  animation-name: fadeInKs;
}
.video-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
  align-items: center;
  justify-content: center;
  opacity: 0;
  display: none;
}
.video-modal .shadow-close-video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.video-modal .shadow-close-video:hover {
  cursor: pointer;
}
.video-modal iframe {
  z-index: 1;
}
.video-modal .close-video {
  position: absolute;
  width: 60px;
  height: 60px;
  width: 40px;
  height: 40px;
  z-index: 10;
  right: 4vw;
  top: 4vw;
}
@media (min-width: 960px) {
  .video-modal .close-video {
    width: calc(60 / 1440 * 100vw);
  }
}
@media (min-width: 1680px) {
  .video-modal .close-video {
    width: 70px;
  }
}
@media (min-width: 960px) {
  .video-modal .close-video {
    height: calc(60 / 1440 * 100vw);
  }
}
@media (min-width: 1680px) {
  .video-modal .close-video {
    height: 70px;
  }
}
.video-modal .close-video svg {
  width: 100%;
}
.video-modal .close-video svg .cross {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #FFFFFF;
  opacity: 1;
}
@media (max-width: 678px) {
  .video-modal .modal-video-holder {
    width: 100%;
  }
}

.modal-video-holder {
  overflow: hidden;
  position: relative;
  width: 80%;
  z-index: 2;
  background-color: black;
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.4);
}
.modal-video-holder img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.modal-video-holder:after {
  content: "";
  display: block;
  padding-top: var(--rat);
  width: 0;
  float: left;
  position: relative;
}

.video-playing {
  overflow: hidden;
}
.video-playing .header-site {
  opacity: 0 !important;
}
.video-playing .video-modal {
  z-index: 100;
  display: flex;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0;
  -webkit-animation-delay: 0;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: fadeInKs;
  animation-name: fadeInKs;
}

/**
 * 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;
  -webkit-font-smoothing: antialiased;
}

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

html {
  background-color: #EBEAE5;
}

body {
  font-family: "Public Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  color: black;
  transition: background-color 0.5s;
}
@media (min-width: 768px) {
  body {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  body {
    font-size: 30px;
  }
}
@media (max-width: 678px) {
  body {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.4;
  }
}
body.page-template-t_landing, body.page-template-t_ourstory, body.page-template-t_careers_page {
  background-color: #00c9ba;
}

.home {
  background-color: #00C9BA;
}

main {
  min-height: 100vh;
}

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

section {
  padding-top: calc(4 * var(--mb));
  padding-bottom: calc(4 * var(--mb));
}

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

hr {
  border-bottom: 1px solid #00C9BA;
  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;
}

.image img, .lazy-image {
  -webkit-transition: opacity 1s 0.3s;
  -moz-transition: opacity 1s 0.3s;
  -o-transition: opacity 1s 0.3s;
  transition: opacity 1s 0.3s;
}

.lazy__show {
  opacity: 1;
  -webkit-transition: opacity 1s 0.2s;
  -moz-transition: opacity 1s 0.2s;
  -o-transition: opacity 1s 0.2s;
  transition: opacity 1s 0.2s;
}
.lazy__show img {
  opacity: 1;
}

.fades {
  -webkit-transition: opacity 1s 0s;
  -moz-transition: opacity 1s 0s;
  -o-transition: opacity 1s 0s;
  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: 14px;
  margin-top: var(--mb);
  margin-bottom: calc(2 * var(--mb));
  width: 100%;
}
@media (min-width: 1440px) {
  figure figcaption {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  figure figcaption {
    font-size: 14px;
  }
}

.child-content h1, .child-content h2 {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 70px;
  line-height: 0.95;
  margin-bottom: var(--lb);
  margin-bottom: calc(.5 * var(--mb));
}
@media (min-width: 720px) {
  .child-content h1, .child-content h2 {
    font-size: calc(140 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .child-content h1, .child-content h2 {
    font-size: 140px;
  }
}
.child-content a:not(.cta) {
  color: #289BFF;
}
.child-content a:not(.cta):hover {
  text-decoration: underline;
}
.child-content h3 {
  margin-bottom: calc(.5 * var(--mb));
}
.child-content p + h1, .child-content p + h2, .child-content p + h3 {
  margin-top: var(--mb);
}
.child-content ul {
  margin-bottom: var(--mb);
  margin-left: 20px;
  list-style: none;
}
.child-content ul li::before {
  content: "•";
  position: absolute;
  color: black;
  padding-right: 0.5em;
  left: -20px;
}
.child-content ul > li {
  margin-bottom: 0.5em;
  position: relative;
}
.child-content ol {
  counter-reset: item;
  margin-top: 10px;
  margin-left: 20px;
}
.child-content ol li {
  display: block;
}
.child-content ol > li:before {
  content: counters(item, ".") ". ";
  counter-increment: item;
  position: absolute;
  left: -20px;
}
.child-content ol > li {
  margin-bottom: var(--mb);
  position: relative;
}
.child-content ol > li > ol li {
  font-family: "Public Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  text-align: left;
  text-transform: none;
  font-weight: normal;
  margin-top: 0;
}
@media (min-width: 768px) {
  .child-content ol > li > ol li {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .child-content ol > li > ol li {
    font-size: 30px;
  }
}
@media (max-width: 678px) {
  .child-content ol > li > ol li {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.4;
  }
}
.child-content ol > li:before {
  font-weight: 500;
}
.child-content ol > li > ol > li > ol > li {
  padding-left: 50px;
}
.child-content ol li ul {
  margin-top: 10px;
}
.child-content table {
  margin-bottom: var(--mb);
}
.child-content table td {
  padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.section--intro {
  background-color: transparent;
  padding-top: 18%;
  width: 100%;
}
.section--intro svg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.section--intro .content {
  z-index: 1;
}
.section--intro .kicker {
  display: block;
  font-weight: bold;
  margin-bottom: calc(2 * var(--mb));
  padding-left: 1%;
}
@media (max-width: 678px) {
  .section--intro h1 {
    font-family: "archivo-web", sans-serif;
    font-weight: normal;
    line-height: 0.8;
    line-height: 0.95;
    letter-spacing: -0.04ch;
    font-size: 70px;
    line-height: 0.95;
    margin-bottom: var(--lb);
  }
}
@media (max-width: 678px) and (min-width: 720px) {
  .section--intro h1 {
    font-size: calc(140 / 1440 * 100vw);
  }
}
@media (max-width: 678px) and (min-width: 1440px) {
  .section--intro h1 {
    font-size: 140px;
  }
}
@media (min-width: 678px) {
  .section--intro .copy {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .section--intro h1 {
    margin-bottom: calc(5 * var(--mb));
  }
}

.section--intro::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 10px;
  background-color: #00C9BA;
  top: 20vw;
  left: 0;
}

.home .section--intro::after {
  height: 15vw;
  min-height: 180px;
}
@media (max-width: 678px) {
  .home .section--intro h1 {
    font-family: "archivo-web", sans-serif;
    font-weight: normal;
    line-height: 0.8;
    line-height: 0.95;
    letter-spacing: -0.04ch;
    font-size: 100px;
    line-height: 0.95;
    margin-bottom: calc(2 * var(--lb));
    line-height: 0.6;
  }
}
@media (max-width: 678px) and (min-width: 720px) {
  .home .section--intro h1 {
    font-size: calc(200 / 1440 * 100vw);
  }
}
@media (max-width: 678px) and (min-width: 1440px) {
  .home .section--intro h1 {
    font-size: 200px;
  }
}
@media (max-width: 678px) {
  .home .section--intro::after {
    height: 20vh;
  }
}
@media (min-width: 678px) {
  .home .section--intro h1 {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
.home .section--intro #intro {
  display: block;
  z-index: 300;
  position: absolute;
  top: -20vh;
}

.page-template-t_ourstory .section--intro .animate-title {
  position: absolute;
  width: 5px;
  top: 5%;
  left: 0;
  z-index: 300;
}
.page-template-t_ourstory .section--intro .animate-title.num-3 {
  height: 150vw;
}
.page-template-t_ourstory .section--intro .h1-items .flex {
  display: flex;
}
.page-template-t_ourstory .section--intro .h1-items .kicker {
  margin-bottom: 0;
}
.page-template-t_ourstory .section--intro .h1-items h1 {
  overflow: hidden;
  break-inside: avoid;
  white-space: nowrap;
  padding-bottom: 3%;
  padding-top: calc(2 * var(--mb));
}
.page-template-t_ourstory .section--intro .h1-items h1 span {
  opacity: 0;
  display: inline-block;
  transition: opacity 0.5s, transform 0.5s;
  transform: translateY(-50px);
}
.page-template-t_ourstory .section--intro .h1-items .header-1 {
  width: auto;
}
.page-template-t_ourstory .section--intro .h1-items .header-1 span {
  opacity: 1;
  transform: translateY(0);
}
.page-template-t_ourstory .section--intro .h1-items .header-2, .page-template-t_ourstory .section--intro .h1-items .header-3 {
  width: 0;
}
.page-template-t_ourstory .section--intro .h1-items.show-two .header-2 {
  width: auto;
}
.page-template-t_ourstory .section--intro .h1-items.show-two .header-2 span {
  opacity: 1;
  transform: translateY(0);
}
.page-template-t_ourstory .section--intro .h1-items.show-two .header-1, .page-template-t_ourstory .section--intro .h1-items.show-two .header-3 {
  width: 0;
}
.page-template-t_ourstory .section--intro .h1-items.show-two .header-1 span, .page-template-t_ourstory .section--intro .h1-items.show-two .header-3 span {
  opacity: 0;
}
.page-template-t_ourstory .section--intro .h1-items.show-three .header-3 {
  width: auto;
}
.page-template-t_ourstory .section--intro .h1-items.show-three .header-3 span {
  opacity: 1;
  transform: translateY(0);
}
.page-template-t_ourstory .section--intro .h1-items.show-three .header-1, .page-template-t_ourstory .section--intro .h1-items.show-three .header-2 {
  width: 0;
}
.page-template-t_ourstory .section--intro .h1-items.show-three .header-1 span, .page-template-t_ourstory .section--intro .h1-items.show-three .header-2 span {
  opacity: 0;
}
.page-template-t_ourstory .section--intro .images {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 10vw 0;
}
.page-template-t_ourstory .section--intro .images .image {
  overflow: hidden;
  position: relative;
}
.page-template-t_ourstory .section--intro .images .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.page-template-t_ourstory .section--intro .images .image:after {
  content: "";
  display: block;
  padding-top: 75%;
  width: 0;
  float: left;
  position: relative;
}
.page-template-t_ourstory .section--intro .images .image-1 {
  width: 46%;
  margin-left: 0;
  margin-top: 13vw;
}
.page-template-t_ourstory .section--intro .images .image-2 {
  width: 60%;
  margin-right: calc(-1 * var(--outer));
  -webkit-mask-image: url("../images/masks/carousel-mask.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url("../images/masks/carousel-mask.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
}
.page-template-t_ourstory .section--intro .mid-image {
  overflow: hidden;
  position: relative;
  margin-bottom: calc(4 * var(--mb));
}
.page-template-t_ourstory .section--intro .mid-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.page-template-t_ourstory .section--intro .mid-image:after {
  content: "";
  display: block;
  padding-top: 56%;
  width: 0;
  float: left;
  position: relative;
}
@media (max-width: 400px) {
  .page-template-t_ourstory .section--intro .h1-items h1 {
    font-family: "archivo-web", sans-serif;
    font-weight: normal;
    line-height: 0.8;
    line-height: 0.95;
    letter-spacing: -0.04ch;
    font-size: 65px;
    line-height: 0.95;
    margin-bottom: var(--lb);
  }
}
@media (max-width: 400px) and (min-width: 668.5714285714px) {
  .page-template-t_ourstory .section--intro .h1-items h1 {
    font-size: calc(140 / 1440 * 100vw);
  }
}
@media (max-width: 400px) and (min-width: 1440px) {
  .page-template-t_ourstory .section--intro .h1-items h1 {
    font-size: 140px;
  }
}
@media (max-width: 520px) {
  .page-template-t_ourstory .section--intro .images {
    flex-direction: column-reverse;
  }
  .page-template-t_ourstory .section--intro .images .image-1 {
    width: 95%;
    margin-left: calc(-1 * var(--outer));
    margin-top: 10vw;
    z-index: 1;
  }
  .page-template-t_ourstory .section--intro .images .image-2 {
    width: 95%;
    align-self: flex-end;
    margin-right: calc(-1 * var(--outer));
    -webkit-mask-image: url("../images/masks/carousel-mask.svg");
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url("../images/masks/carousel-mask.svg");
    mask-size: 100% 100%;
    mask-repeat: no-repeat;
    mask-position: center;
  }
}

.section--panels article {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: calc(7 * var(--mb));
}
.section--panels article:last-of-type {
  margin-bottom: 0;
}
.section--panels p {
  font-size: 16px;
  line-height: 1.32;
}
@media (min-width: 1047.2727272727px) {
  .section--panels p {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--panels p {
    font-size: 22px;
  }
}
.section--panels .copy {
  width: 100%;
}
.section--panels .image {
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: url("../images/masks/carousel-mask.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url("../images/masks/carousel-mask.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
}
.section--panels .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.section--panels .image:after {
  content: "";
  display: block;
  padding-top: 75%;
  width: 0;
  float: left;
  position: relative;
}
.section--panels .image img {
  min-height: 110%;
  top: -10%;
  transform: translate(-50%, 0);
}
@media (max-width: 678px) {
  .section--panels article {
    flex-direction: column-reverse;
    margin-bottom: calc(5 * var(--mb));
  }
  .section--panels .image {
    margin-bottom: calc(3 * var(--mb));
  }
}
@media (min-width: 678px) {
  .section--panels article {
    display: flex;
    align-items: center;
  }
  .section--panels article:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
  .section--panels .copy {
    width: 46%;
  }
  .section--panels .image {
    width: 46%;
  }
}

.section--video .content {
  width: calc(100% - 2 * var(--outer));
  padding: 0;
  padding-top: 42.5%;
}
.section--video.small-video {
  z-index: 3;
}
.section--video.small-video .show-video:not(.is-mobile) {
  position: fixed;
  width: 20%;
  right: 30px;
  bottom: 30px;
  top: auto;
  left: auto;
  min-width: 300px;
}
.section--video.small-video .show-video:not(.is-mobile) .close-video {
  background-color: black;
  border-radius: 50%;
}
@media (max-width: 678px) {
  .section--video.small-video .show-video:not(.is-mobile) {
    right: 20px;
    bottom: 20px;
  }
}
@media (min-width: 678px) {
  .section--video {
    padding-top: 5vw;
    padding-bottom: 5vw;
    padding-left: 9vw;
    padding-right: 9vw;
  }
}
@media (orientation: portrait) {
  .section--video {
    padding-top: 8vh;
    padding-bottom: 8vh;
  }
}
@media (min-width: 1800px) {
  .section--video {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.section--video .is-mobile .close-video {
  display: none;
}

@media (max-width: 678px) {
  .section--quotes h2 {
    font-family: "archivo-web", sans-serif;
    font-weight: normal;
    line-height: 0.8;
    line-height: 0.95;
    letter-spacing: -0.04ch;
    font-size: 70px;
    line-height: 0.95;
    margin-bottom: var(--lb);
  }
}
@media (max-width: 678px) and (min-width: 720px) {
  .section--quotes h2 {
    font-size: calc(140 / 1440 * 100vw);
  }
}
@media (max-width: 678px) and (min-width: 1440px) {
  .section--quotes h2 {
    font-size: 140px;
  }
}

.quotes-holder {
  position: relative;
  overflow: hidden;
  height: 70vw;
  margin-bottom: calc(2 * var(--mb));
}
.quotes-holder.holder-1 .copy-parallax {
  background-color: #289BFF;
}
.quotes-holder.holder-2 .copy-parallax {
  background-color: #00C9BA;
}
.quotes-holder .copy-parallax {
  z-index: 1;
  width: 42%;
  top: 50%;
  position: absolute;
  overflow: hidden;
  transform: translate(0, -50%);
  padding: 15vw 3vw 5vw 3vw;
  -webkit-mask-image: url(../images/masks/quote-mask.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
  -webkit-mask-position: top;
  mask-image: url(../images/masks/quote-mask.svg);
  mask-repeat: no-repeat;
  mask-size: 100% auto;
  mask-position: top;
  font-style: italic;
}
.quotes-holder .copy-parallax::before {
  content: "";
  position: absolute;
  width: 6vw;
  height: 100%;
  background-image: url(../images/svg/quote-mark.svg);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% auto;
  top: 7vw;
  left: 4vw;
  pointer-events: none;
}
.quotes-holder .copy-parallax .largefont {
  font-weight: normal;
  font-style: italic;
}
.quotes-holder .copy-parallax .smallfont {
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
}
@media (min-width: 1120px) {
  .quotes-holder .copy-parallax .smallfont {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .quotes-holder .copy-parallax .smallfont {
    font-size: 18px;
  }
}
.quotes-holder .copy-parallax p {
  margin-bottom: calc(.5 * var(--lb));
}
.quotes-holder .cite {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.32;
  font-weight: bold;
  font-style: normal;
}
@media (min-width: 1047.2727272727px) {
  .quotes-holder .cite {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .quotes-holder .cite {
    font-size: 22px;
  }
}
.quotes-holder .twitter-link {
  width: 3vw;
  height: 3vw;
  min-width: 35px;
  min-height: 35px;
  max-width: 50px;
  max-height: 50px;
  display: block;
  margin-bottom: -2vw;
  background-image: url(../images/social/quote_twitter.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left center;
}
@media (max-width: 678px) {
  .quotes-holder .twitter-link {
    margin-top: 20px;
    margin-bottom: -1vw;
  }
}
.quotes-holder .image-parallax {
  position: absolute;
  top: 0vw;
}
.quotes-holder.holder-1 .copy-parallax {
  right: 8vw;
}
.quotes-holder.holder-1 .image-parallax {
  left: 0;
}
.quotes-holder.holder-2 .copy-parallax {
  left: 8vw;
}
.quotes-holder.holder-2 .image-parallax {
  right: 0;
}
@media (max-width: 678px) {
  .quotes-holder {
    height: 200vw;
    margin-bottom: 0;
  }
  .quotes-holder .image-parallax {
    width: 77vw;
    top: 0vw;
    overflow: hidden;
    position: relative;
  }
  .quotes-holder .image-parallax img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
  }
  .quotes-holder .image-parallax:after {
    content: "";
    display: block;
    padding-top: 160%;
    width: 0;
    float: left;
    position: relative;
  }
  .quotes-holder .copy-parallax {
    width: 77%;
    padding: 25vw 6vw 5vw 6vw;
    top: 70%;
  }
  .quotes-holder .copy-parallax::before {
    content: "";
    top: 12vw;
    left: 6vw;
    width: 12vw;
  }
  .quotes-holder.holder-1 .copy-parallax {
    right: 0vw;
  }
  .quotes-holder.holder-2 .copy-parallax {
    right: 0vw;
    left: auto;
  }
}
@media (min-width: 678px) {
  .quotes-holder .image-parallax {
    width: 70%;
    overflow: hidden;
    position: relative;
    position: absolute;
    top: 0vw;
    transition: transform 0s 0s;
  }
  .quotes-holder .image-parallax img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
  }
  .quotes-holder .image-parallax:after {
    content: "";
    display: block;
    padding-top: 60%;
    width: 0;
    float: left;
    position: relative;
  }
}
@media (min-width: 1800px) {
  .quotes-holder {
    height: 1120px;
  }
}

.section--scroll-articles {
  width: 100%;
  overflow: hidden;
}
.section--scroll-articles img, .section--scroll-articles h2 {
  transition: opacity 0.5s 0s;
}
.section--scroll-articles .title h2, .section--scroll-articles .image img {
  opacity: 0;
  overflow: hidden;
  width: 0;
  height: 0;
}
.section--scroll-articles h2.title-one {
  opacity: 1;
  width: auto;
  height: auto;
  overflow: visible;
}
.section--scroll-articles img.image-one {
  opacity: 1;
}
.section--scroll-articles article {
  opacity: 0;
  transition: opacity 0.3s;
}
.section--scroll-articles article.article-one {
  opacity: 1;
}
.section--scroll-articles.show-two h2.title-two, .section--scroll-articles.show-two img.image-two {
  opacity: 1;
}
.section--scroll-articles.show-two h2.title-two {
  width: auto;
  height: auto;
  overflow: visible;
}
.section--scroll-articles.show-two img.image-one, .section--scroll-articles.show-two img.image-three {
  opacity: 0;
}
.section--scroll-articles.show-two h2.title-one, .section--scroll-articles.show-two h2.title-three {
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
}
.section--scroll-articles.show-two article.article-one {
  opacity: 0;
}
.section--scroll-articles.show-two article.article-two {
  opacity: 1;
}
.section--scroll-articles.show-three h2.title-three, .section--scroll-articles.show-three img.image-three {
  opacity: 1;
}
.section--scroll-articles.show-three h2.title-three {
  width: auto;
  height: auto;
  overflow: visible;
}
.section--scroll-articles.show-three img.image-one, .section--scroll-articles.show-three img.image-two {
  opacity: 0;
}
.section--scroll-articles.show-three h2.title-one, .section--scroll-articles.show-three h2.title-two {
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
}
.section--scroll-articles.show-three article.article-one, .section--scroll-articles.show-three article.article-two {
  opacity: 0;
}
.section--scroll-articles.show-three article.article-three {
  opacity: 1;
}
.section--scroll-articles .title {
  display: flex;
}
.section--scroll-articles .article-pin-image {
  width: 100%;
}
.section--scroll-articles .article-pin-image .image {
  width: 100%;
  transform-origin: top left;
  overflow: hidden;
  position: relative;
  -webkit-mask-image: url("../images/masks/carousel-mask.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url("../images/masks/carousel-mask.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  z-index: 2;
}
.section--scroll-articles .article-pin-image .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.section--scroll-articles .article-pin-image .image:after {
  content: "";
  display: block;
  padding-top: 75%;
  width: 0;
  float: left;
  position: relative;
}
.section--scroll-articles .content {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.section--scroll-articles .copy {
  width: 100%;
  padding-bottom: 30%;
}
.section--scroll-articles .copy article + article {
  padding-top: calc(4 * var(--mb));
}
@media (max-width: 800px) {
  .section--scroll-articles {
    padding-top: 0;
  }
  .section--scroll-articles.active-scroll .title::before {
    opacity: 1;
  }
  .section--scroll-articles.active-scroll .article-pin-image::before {
    opacity: 1;
  }
  .section--scroll-articles .title {
    padding-top: 100px;
    min-height: 34vw;
  }
  .section--scroll-articles .title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #EBEAE5;
    height: 70vw;
    width: 100%;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .section--scroll-articles h2 {
    font-family: "archivo-web", sans-serif;
    font-weight: normal;
    line-height: 0.8;
    line-height: 0.95;
    letter-spacing: -0.04ch;
    font-size: 70px;
    line-height: 0.95;
    margin-bottom: var(--lb);
    z-index: 1;
  }
}
@media (max-width: 800px) and (min-width: 720px) {
  .section--scroll-articles h2 {
    font-size: calc(140 / 1440 * 100vw);
  }
}
@media (max-width: 800px) and (min-width: 1440px) {
  .section--scroll-articles h2 {
    font-size: 140px;
  }
}
@media (max-width: 800px) {
  .section--scroll-articles .article-pin-image {
    width: 100%;
  }
  .section--scroll-articles .article-pin-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #EBEAE5;
    height: 70vw;
    width: 100%;
    z-index: 0;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .section--scroll-articles .article-pin-image .image {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-mask-size: 100% auto;
    -webkit-mask-position: top center;
    mask-size: 100% auto;
    mask-position: top center;
  }
  .section--scroll-articles .article-pin-image .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
  }
  .section--scroll-articles .article-pin-image .image:after {
    content: "";
    display: block;
    padding-top: 60%;
    width: 0;
    float: left;
    position: relative;
  }
}
@media (max-width: 800px) {
  .section--scroll-articles .copy {
    padding-bottom: 0;
    padding-top: 30px;
  }
}
@media (min-width: 800px) {
  .section--scroll-articles .article-pin-image {
    transform-origin: top left;
    width: calc(100% - (2 * var(--outer)));
    height: 100vh;
    position: absolute;
    padding-top: calc(4 * var(--mb));
    top: 0;
    left: var(--outer);
  }
  .section--scroll-articles .title {
    margin-bottom: calc(2 * var(--mb));
    padding-right: 100px;
  }
  .section--scroll-articles .copy {
    padding-top: 100%;
    width: 50.5%;
  }
  .section--scroll-articles .copy article + article {
    padding-top: calc(5 * var(--mb));
  }
  .section--scroll-articles.two-lines .title {
    min-height: 18vw;
  }
}
@media (min-width: 1800px) {
  .section--scroll-articles .copy article + article {
    padding-top: 100px;
  }
  .section--scroll-articles.two-lines .title {
    min-height: 200px;
  }
}

.section--carousel {
  min-height: 57vw;
  overflow: hidden;
}
.section--carousel h2 {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 42px;
  line-height: 0.95;
  margin-bottom: var(--lb);
}
@media (min-width: 756px) {
  .section--carousel h2 {
    font-size: calc(80 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--carousel h2 {
    font-size: 80px;
  }
}
.section--carousel .carousel-posts {
  width: 100%;
  position: relative;
}
.section--carousel .swiper-button-next,
.section--carousel .swiper-button-prev {
  height: 40px;
  width: 40px;
  display: block;
  position: absolute;
  top: calc(100% + 30px);
}
.section--carousel .swiper-button-next svg,
.section--carousel .swiper-button-prev svg {
  width: 100%;
  height: auto;
}
.section--carousel .swiper-button-next svg path,
.section--carousel .swiper-button-prev svg path {
  transition: fill 0.3s;
}
.section--carousel .swiper-button-prev {
  left: 0;
  transform: translate(0%, -50%);
}
.section--carousel .swiper-button-next {
  right: 0;
  transform: translate(0%, -50%);
}
.section--carousel .swiper-pagination {
  bottom: -40px;
}
.section--carousel .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #EBEAE5;
  opacity: 1;
}
.section--carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFA000;
}
.section--carousel .swiper-wrapper {
  align-items: stretch;
}
.section--carousel .entry-pinned {
  align-self: stretch;
  transition: opacity 0.3s;
}
.section--carousel .entry-pinned.swiper-slide-active {
  opacity: 1;
  transition: opacity 0.3s 0.3s;
}
.section--carousel .copy {
  padding: calc(3 * var(--mb));
  background-color: white;
}
.section--carousel .kicker {
  font-size: 14px;
  margin-bottom: var(--mb);
  display: block;
}
@media (min-width: 1120px) {
  .section--carousel .kicker {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--carousel .kicker {
    font-size: 18px;
  }
}
.section--carousel .date {
  font-size: 14px;
  display: block;
}
@media (min-width: 1120px) {
  .section--carousel .date {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--carousel .date {
    font-size: 18px;
  }
}
.section--carousel .title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: calc(2 * var(--mb));
}
@media (max-width: 678px) {
  .section--carousel {
    min-height: 100vw;
    padding-bottom: 80px;
  }
}
@media (min-width: 678px) {
  .section--carousel .content {
    padding-left: 17vw;
    padding-right: 17vw;
  }
  .section--carousel .swiper-button-next,
.section--carousel .swiper-button-prev {
    height: 3vw;
    width: 3vw;
    min-height: 40px;
    min-width: 40px;
    top: 50%;
  }
  .section--carousel .swiper-button-prev {
    left: 0;
    transform: translate(-150%, -50%);
  }
  .section--carousel .swiper-button-next {
    right: 0;
    transform: translate(150%, -50%);
  }
}
@media (min-width: 1800px) {
  .section--carousel {
    min-height: 900px;
  }
  .section--carousel .content {
    max-width: 1000px;
    padding-left: 0vw;
    padding-right: 0vw;
  }
}

.section--logos {
  min-height: 56.5vw;
  overflow: hidden;
  width: 100%;
}
.section--logos .logoSwiper {
  overflow: visible;
}
.section--logos h2 {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 42px;
  line-height: 0.95;
  margin-bottom: var(--lb);
}
@media (min-width: 756px) {
  .section--logos h2 {
    font-size: calc(80 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--logos h2 {
    font-size: 80px;
  }
}
.section--logos .scroll-logos {
  width: 200vw;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: calc(3 * var(--mb));
  margin-top: calc(4 * var(--mb));
  align-items: center;
}
.section--logos .logo {
  width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
}
.section--logos .logo img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.section--logos .logo:after {
  content: "";
  display: block;
  padding-top: 50%;
  width: 0;
  float: left;
  position: relative;
}
.section--logos .logo img, .section--logos .logo svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.section--logos .bar, .section--logos .swiper-scrollbar {
  position: relative;
  background-color: #EBEAE5;
  height: 10px;
  border-radius: 10px;
}
.section--logos .bar .progress, .section--logos .bar .swiper-scrollbar-drag, .section--logos .swiper-scrollbar .progress, .section--logos .swiper-scrollbar .swiper-scrollbar-drag {
  position: absolute;
  width: 10%;
  left: 0;
  z-index: 1;
  top: 0;
  background-color: #FFA000;
  border-radius: 10px;
  height: 10px;
}
.section--logos .swiper-buttons {
  display: flex;
  margin-left: 1%;
  margin-top: calc(2 * var(--mb));
}
.section--logos .swiper-button-next,
.section--logos .swiper-button-prev {
  height: 40px;
  width: 40px;
  display: block;
}
.section--logos .swiper-button-next svg,
.section--logos .swiper-button-prev svg {
  width: 100%;
  height: auto;
}
.section--logos .swiper-button-next {
  margin-left: var(--mb);
}
@media (max-width: 678px) {
  .section--logos h2 {
    margin-bottom: calc(3 * var(--lb));
  }
  .section--logos .scroll-logos {
    width: 800vw;
  }
}
@media (min-width: 1800px) {
  .section--logos {
    min-height: 500px;
  }
}

.section--number-carousel h2 {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 42px;
  line-height: 0.95;
  margin-bottom: var(--lb);
}
@media (min-width: 756px) {
  .section--number-carousel h2 {
    font-size: calc(80 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--number-carousel h2 {
    font-size: 80px;
  }
}
.section--number-carousel .swiper-pagination {
  z-index: 20;
  position: relative;
  width: 100%;
  right: 0;
  top: 0;
  text-align: left;
  display: flex;
}
.section--number-carousel .swiper-pagination .swiper-pagination-bullet {
  width: 18%;
  height: auto;
  border-radius: 0;
  background-color: transparent;
  color: #BEACA6;
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 42px;
  line-height: 0.95;
  margin-bottom: var(--lb);
  opacity: 1;
  transition: color 0.3s;
  margin-bottom: 0;
}
@media (min-width: 756px) {
  .section--number-carousel .swiper-pagination .swiper-pagination-bullet {
    font-size: calc(80 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--number-carousel .swiper-pagination .swiper-pagination-bullet {
    font-size: 80px;
  }
}
.section--number-carousel .swiper-pagination .swiper-pagination-bullet:hover {
  color: black;
}
.section--number-carousel .swiper-pagination .swiper-pagination-bullet:active {
  color: black;
}
.section--number-carousel .swiper-pagination .swiper-pagination-bullet-active {
  color: black !important;
  opacity: 1;
}
.section--number-carousel .thumbSwiper .swiper-slide {
  font-size: 16px;
  line-height: 1.32;
  margin-top: calc(2 * var(--mb));
}
@media (min-width: 1047.2727272727px) {
  .section--number-carousel .thumbSwiper .swiper-slide {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--number-carousel .thumbSwiper .swiper-slide {
    font-size: 22px;
  }
}
.section--number-carousel .imageSwiper .swiper-slide {
  overflow: hidden;
  position: relative;
}
.section--number-carousel .imageSwiper .swiper-slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.section--number-carousel .imageSwiper .swiper-slide:after {
  content: "";
  display: block;
  padding-top: 100%;
  width: 0;
  float: left;
  position: relative;
}
@media (min-width: 678px) {
  .section--number-carousel .content {
    display: flex;
    align-items: flex-start;
    padding-right: 0;
  }
  .section--number-carousel .copy {
    width: 50%;
    padding-right: 6%;
  }
  .section--number-carousel .imageSwiper {
    width: 50%;
  }
}

.section--text-image .image {
  -webkit-mask-image: url("../images/masks/image-mask.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url("../images/masks/image-mask.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  overflow: hidden;
  position: relative;
}
.section--text-image .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.section--text-image .image:after {
  content: "";
  display: block;
  padding-top: 56%;
  width: 0;
  float: left;
  position: relative;
}
.section--text-image .copy {
  margin-top: calc(6 * var(--mb));
}
@media (max-width: 678px) {
  .section--text-image .copy {
    margin-top: calc(2 * var(--mb));
  }
}
@media (min-width: 678px) {
  .section--text-image .copy {
    margin-left: 15%;
    width: 70%;
  }
}

.single-post,
.blog,
.archive,
.page-template-t_job,
.page-template-default:not(.home) {
  background-image: url(../images/svg/post-bg.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #EBEAE5;
}
.single-post p,
.blog p,
.archive p,
.page-template-t_job p,
.page-template-default:not(.home) p {
  font-size: 14px;
  margin-bottom: calc(2 * var(--mb));
  line-height: 1.4;
}
@media (min-width: 1120px) {
  .single-post p,
.blog p,
.archive p,
.page-template-t_job p,
.page-template-default:not(.home) p {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .single-post p,
.blog p,
.archive p,
.page-template-t_job p,
.page-template-default:not(.home) p {
    font-size: 18px;
  }
}
.single-post ul, .single-post ol,
.blog ul,
.blog ol,
.archive ul,
.archive ol,
.page-template-t_job ul,
.page-template-t_job ol,
.page-template-default:not(.home) ul,
.page-template-default:not(.home) ol {
  font-size: 16px;
  line-height: 1.32;
  margin-bottom: calc(2 * var(--mb));
}
@media (min-width: 1047.2727272727px) {
  .single-post ul, .single-post ol,
.blog ul,
.blog ol,
.archive ul,
.archive ol,
.page-template-t_job ul,
.page-template-t_job ol,
.page-template-default:not(.home) ul,
.page-template-default:not(.home) ol {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .single-post ul, .single-post ol,
.blog ul,
.blog ol,
.archive ul,
.archive ol,
.page-template-t_job ul,
.page-template-t_job ol,
.page-template-default:not(.home) ul,
.page-template-default:not(.home) ol {
    font-size: 22px;
  }
}
.single-post h2,
.blog h2,
.archive h2,
.page-template-t_job h2,
.page-template-default:not(.home) h2 {
  font-size: 28px;
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  margin-bottom: var(--lb);
}
@media (min-width: 672px) {
  .single-post h2,
.blog h2,
.archive h2,
.page-template-t_job h2,
.page-template-default:not(.home) h2 {
    font-size: calc(60 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .single-post h2,
.blog h2,
.archive h2,
.page-template-t_job h2,
.page-template-default:not(.home) h2 {
    font-size: 60px;
  }
}
.single-post h3, .single-post h4,
.blog h3,
.blog h4,
.archive h3,
.archive h4,
.page-template-t_job h3,
.page-template-t_job h4,
.page-template-default:not(.home) h3,
.page-template-default:not(.home) h4 {
  font-family: "Public Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: var(--lb);
}
@media (min-width: 768px) {
  .single-post h3, .single-post h4,
.blog h3,
.blog h4,
.archive h3,
.archive h4,
.page-template-t_job h3,
.page-template-t_job h4,
.page-template-default:not(.home) h3,
.page-template-default:not(.home) h4 {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .single-post h3, .single-post h4,
.blog h3,
.blog h4,
.archive h3,
.archive h4,
.page-template-t_job h3,
.page-template-t_job h4,
.page-template-default:not(.home) h3,
.page-template-default:not(.home) h4 {
    font-size: 30px;
  }
}
@media (max-width: 678px) {
  .single-post h3, .single-post h4,
.blog h3,
.blog h4,
.archive h3,
.archive h4,
.page-template-t_job h3,
.page-template-t_job h4,
.page-template-default:not(.home) h3,
.page-template-default:not(.home) h4 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.4;
  }
}
.single-post u,
.blog u,
.archive u,
.page-template-t_job u,
.page-template-default:not(.home) u {
  text-decoration: none !important;
}
.single-post p a, .single-post u a,
.blog p a,
.blog u a,
.archive p a,
.archive u a,
.page-template-t_job p a,
.page-template-t_job u a,
.page-template-default:not(.home) p a,
.page-template-default:not(.home) u a {
  color: #289BFF !important;
  text-decoration: none;
}
.single-post p a:hover, .single-post u a:hover,
.blog p a:hover,
.blog u a:hover,
.archive p a:hover,
.archive u a:hover,
.page-template-t_job p a:hover,
.page-template-t_job u a:hover,
.page-template-default:not(.home) p a:hover,
.page-template-default:not(.home) u a:hover {
  text-decoration: underline;
}
.single-post .header--post,
.blog .header--post,
.archive .header--post,
.page-template-t_job .header--post,
.page-template-default:not(.home) .header--post {
  padding-top: 5vw;
  z-index: 2;
}
.single-post .header--post .image,
.blog .header--post .image,
.archive .header--post .image,
.page-template-t_job .header--post .image,
.page-template-default:not(.home) .header--post .image {
  overflow: hidden;
  position: relative;
  margin-bottom: calc(4 * var(--mb));
  -webkit-mask-image: url("../images/masks/quote-mask.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-image: url("../images/masks/quote-mask.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
  -webkit-mask-position: top;
  mask-image: url(../images/masks/quote-mask.svg);
  mask-repeat: no-repeat;
  mask-size: 100% auto;
  mask-position: top;
}
.single-post .header--post .image img,
.blog .header--post .image img,
.archive .header--post .image img,
.page-template-t_job .header--post .image img,
.page-template-default:not(.home) .header--post .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.single-post .header--post .image:after,
.blog .header--post .image:after,
.archive .header--post .image:after,
.page-template-t_job .header--post .image:after,
.page-template-default:not(.home) .header--post .image:after {
  content: "";
  display: block;
  padding-top: 56%;
  width: 0;
  float: left;
  position: relative;
}
.single-post .header--post .image img,
.blog .header--post .image img,
.archive .header--post .image img,
.page-template-t_job .header--post .image img,
.page-template-default:not(.home) .header--post .image img {
  top: 0;
  transform: translate(-50%, 0);
  object-position: center top;
  width: 100%;
}
.single-post .header--post h1,
.blog .header--post h1,
.archive .header--post h1,
.page-template-t_job .header--post h1,
.page-template-default:not(.home) .header--post h1 {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 42px;
  line-height: 0.95;
  margin-bottom: var(--lb);
}
@media (min-width: 756px) {
  .single-post .header--post h1,
.blog .header--post h1,
.archive .header--post h1,
.page-template-t_job .header--post h1,
.page-template-default:not(.home) .header--post h1 {
    font-size: calc(80 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .single-post .header--post h1,
.blog .header--post h1,
.archive .header--post h1,
.page-template-t_job .header--post h1,
.page-template-default:not(.home) .header--post h1 {
    font-size: 80px;
  }
}
.single-post .header--post .date, .single-post .header--post .terms,
.blog .header--post .date,
.blog .header--post .terms,
.archive .header--post .date,
.archive .header--post .terms,
.page-template-t_job .header--post .date,
.page-template-t_job .header--post .terms,
.page-template-default:not(.home) .header--post .date,
.page-template-default:not(.home) .header--post .terms {
  font-size: 14px;
}
@media (min-width: 1120px) {
  .single-post .header--post .date, .single-post .header--post .terms,
.blog .header--post .date,
.blog .header--post .terms,
.archive .header--post .date,
.archive .header--post .terms,
.page-template-t_job .header--post .date,
.page-template-t_job .header--post .terms,
.page-template-default:not(.home) .header--post .date,
.page-template-default:not(.home) .header--post .terms {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .single-post .header--post .date, .single-post .header--post .terms,
.blog .header--post .date,
.blog .header--post .terms,
.archive .header--post .date,
.archive .header--post .terms,
.page-template-t_job .header--post .date,
.page-template-t_job .header--post .terms,
.page-template-default:not(.home) .header--post .date,
.page-template-default:not(.home) .header--post .terms {
    font-size: 18px;
  }
}
.single-post .header--post .terms,
.blog .header--post .terms,
.archive .header--post .terms,
.page-template-t_job .header--post .terms,
.page-template-default:not(.home) .header--post .terms {
  margin-bottom: calc(2 * var(--mb));
  display: block;
}
.single-post .header--post .terms a:hover, .single-post .header--post .terms a:active,
.blog .header--post .terms a:hover,
.blog .header--post .terms a:active,
.archive .header--post .terms a:hover,
.archive .header--post .terms a:active,
.page-template-t_job .header--post .terms a:hover,
.page-template-t_job .header--post .terms a:active,
.page-template-default:not(.home) .header--post .terms a:hover,
.page-template-default:not(.home) .header--post .terms a:active {
  color: #FFA000;
}
@media (max-width: 520px) {
  .single-post .header--post,
.blog .header--post,
.archive .header--post,
.page-template-t_job .header--post,
.page-template-default:not(.home) .header--post {
    padding-top: 80px;
  }
}
@media (max-width: 520px) and (orientation: portrait) {
  .single-post .header--post .image,
.blog .header--post .image,
.archive .header--post .image,
.page-template-t_job .header--post .image,
.page-template-default:not(.home) .header--post .image {
    overflow: hidden;
    position: relative;
  }
  .single-post .header--post .image img,
.blog .header--post .image img,
.archive .header--post .image img,
.page-template-t_job .header--post .image img,
.page-template-default:not(.home) .header--post .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
  }
  .single-post .header--post .image:after,
.blog .header--post .image:after,
.archive .header--post .image:after,
.page-template-t_job .header--post .image:after,
.page-template-default:not(.home) .header--post .image:after {
    content: "";
    display: block;
    padding-top: 94%;
    width: 0;
    float: left;
    position: relative;
  }
}
@media (min-width: 1000px) {
  .single-post .child-content p, .single-post .child-content h4, .single-post .child-content h3, .single-post .child-content h2, .single-post .child-content h1, .single-post .child-content h5, .single-post .child-content h6,
.single-post .child-content .wp-block-image,
.single-post .child-content ul, .single-post .child-content ol,
.single-post .child-content .wp-block-audio,
.single-post .child-content .resumator-form-iframe,
.single-post .child-content .wp-block-media-text,
.single-post .child-content .back,
.blog .child-content p,
.blog .child-content h4,
.blog .child-content h3,
.blog .child-content h2,
.blog .child-content h1,
.blog .child-content h5,
.blog .child-content h6,
.blog .child-content .wp-block-image,
.blog .child-content ul,
.blog .child-content ol,
.blog .child-content .wp-block-audio,
.blog .child-content .resumator-form-iframe,
.blog .child-content .wp-block-media-text,
.blog .child-content .back,
.archive .child-content p,
.archive .child-content h4,
.archive .child-content h3,
.archive .child-content h2,
.archive .child-content h1,
.archive .child-content h5,
.archive .child-content h6,
.archive .child-content .wp-block-image,
.archive .child-content ul,
.archive .child-content ol,
.archive .child-content .wp-block-audio,
.archive .child-content .resumator-form-iframe,
.archive .child-content .wp-block-media-text,
.archive .child-content .back,
.page-template-t_job .child-content p,
.page-template-t_job .child-content h4,
.page-template-t_job .child-content h3,
.page-template-t_job .child-content h2,
.page-template-t_job .child-content h1,
.page-template-t_job .child-content h5,
.page-template-t_job .child-content h6,
.page-template-t_job .child-content .wp-block-image,
.page-template-t_job .child-content ul,
.page-template-t_job .child-content ol,
.page-template-t_job .child-content .wp-block-audio,
.page-template-t_job .child-content .resumator-form-iframe,
.page-template-t_job .child-content .wp-block-media-text,
.page-template-t_job .child-content .back,
.page-template-default:not(.home) .child-content p,
.page-template-default:not(.home) .child-content h4,
.page-template-default:not(.home) .child-content h3,
.page-template-default:not(.home) .child-content h2,
.page-template-default:not(.home) .child-content h1,
.page-template-default:not(.home) .child-content h5,
.page-template-default:not(.home) .child-content h6,
.page-template-default:not(.home) .child-content .wp-block-image,
.page-template-default:not(.home) .child-content ul,
.page-template-default:not(.home) .child-content ol,
.page-template-default:not(.home) .child-content .wp-block-audio,
.page-template-default:not(.home) .child-content .resumator-form-iframe,
.page-template-default:not(.home) .child-content .wp-block-media-text,
.page-template-default:not(.home) .child-content .back {
    padding-left: 6vw;
    padding-right: 6vw;
  }
}
@media (min-width: 1280px) {
  .single-post .child-content p, .single-post .child-content h4, .single-post .child-content h3, .single-post .child-content h2, .single-post .child-content h1, .single-post .child-content h5, .single-post .child-content h6,
.single-post .child-content .wp-block-image,
.single-post .child-content ul, .single-post .child-content ol,
.single-post .child-content .wp-block-audio,
.single-post .child-content .resumator-form-iframe,
.single-post .child-content .wp-block-media-text,
.single-post .child-content .back,
.blog .child-content p,
.blog .child-content h4,
.blog .child-content h3,
.blog .child-content h2,
.blog .child-content h1,
.blog .child-content h5,
.blog .child-content h6,
.blog .child-content .wp-block-image,
.blog .child-content ul,
.blog .child-content ol,
.blog .child-content .wp-block-audio,
.blog .child-content .resumator-form-iframe,
.blog .child-content .wp-block-media-text,
.blog .child-content .back,
.archive .child-content p,
.archive .child-content h4,
.archive .child-content h3,
.archive .child-content h2,
.archive .child-content h1,
.archive .child-content h5,
.archive .child-content h6,
.archive .child-content .wp-block-image,
.archive .child-content ul,
.archive .child-content ol,
.archive .child-content .wp-block-audio,
.archive .child-content .resumator-form-iframe,
.archive .child-content .wp-block-media-text,
.archive .child-content .back,
.page-template-t_job .child-content p,
.page-template-t_job .child-content h4,
.page-template-t_job .child-content h3,
.page-template-t_job .child-content h2,
.page-template-t_job .child-content h1,
.page-template-t_job .child-content h5,
.page-template-t_job .child-content h6,
.page-template-t_job .child-content .wp-block-image,
.page-template-t_job .child-content ul,
.page-template-t_job .child-content ol,
.page-template-t_job .child-content .wp-block-audio,
.page-template-t_job .child-content .resumator-form-iframe,
.page-template-t_job .child-content .wp-block-media-text,
.page-template-t_job .child-content .back,
.page-template-default:not(.home) .child-content p,
.page-template-default:not(.home) .child-content h4,
.page-template-default:not(.home) .child-content h3,
.page-template-default:not(.home) .child-content h2,
.page-template-default:not(.home) .child-content h1,
.page-template-default:not(.home) .child-content h5,
.page-template-default:not(.home) .child-content h6,
.page-template-default:not(.home) .child-content .wp-block-image,
.page-template-default:not(.home) .child-content ul,
.page-template-default:not(.home) .child-content ol,
.page-template-default:not(.home) .child-content .wp-block-audio,
.page-template-default:not(.home) .child-content .resumator-form-iframe,
.page-template-default:not(.home) .child-content .wp-block-media-text,
.page-template-default:not(.home) .child-content .back {
    padding-left: 12vw;
    padding-right: 12vw;
  }
}
@media (min-width: 1800px) {
  .single-post .child-content p, .single-post .child-content h4, .single-post .child-content h3, .single-post .child-content h2, .single-post .child-content h1, .single-post .child-content h5, .single-post .child-content h6,
.single-post .child-content .wp-block-image,
.single-post .child-content ul, .single-post .child-content ol,
.single-post .child-content .wp-block-audio,
.single-post .child-content .resumator-form-iframe,
.single-post .child-content .wp-block-media-text,
.single-post .child-content .back,
.blog .child-content p,
.blog .child-content h4,
.blog .child-content h3,
.blog .child-content h2,
.blog .child-content h1,
.blog .child-content h5,
.blog .child-content h6,
.blog .child-content .wp-block-image,
.blog .child-content ul,
.blog .child-content ol,
.blog .child-content .wp-block-audio,
.blog .child-content .resumator-form-iframe,
.blog .child-content .wp-block-media-text,
.blog .child-content .back,
.archive .child-content p,
.archive .child-content h4,
.archive .child-content h3,
.archive .child-content h2,
.archive .child-content h1,
.archive .child-content h5,
.archive .child-content h6,
.archive .child-content .wp-block-image,
.archive .child-content ul,
.archive .child-content ol,
.archive .child-content .wp-block-audio,
.archive .child-content .resumator-form-iframe,
.archive .child-content .wp-block-media-text,
.archive .child-content .back,
.page-template-t_job .child-content p,
.page-template-t_job .child-content h4,
.page-template-t_job .child-content h3,
.page-template-t_job .child-content h2,
.page-template-t_job .child-content h1,
.page-template-t_job .child-content h5,
.page-template-t_job .child-content h6,
.page-template-t_job .child-content .wp-block-image,
.page-template-t_job .child-content ul,
.page-template-t_job .child-content ol,
.page-template-t_job .child-content .wp-block-audio,
.page-template-t_job .child-content .resumator-form-iframe,
.page-template-t_job .child-content .wp-block-media-text,
.page-template-t_job .child-content .back,
.page-template-default:not(.home) .child-content p,
.page-template-default:not(.home) .child-content h4,
.page-template-default:not(.home) .child-content h3,
.page-template-default:not(.home) .child-content h2,
.page-template-default:not(.home) .child-content h1,
.page-template-default:not(.home) .child-content h5,
.page-template-default:not(.home) .child-content h6,
.page-template-default:not(.home) .child-content .wp-block-image,
.page-template-default:not(.home) .child-content ul,
.page-template-default:not(.home) .child-content ol,
.page-template-default:not(.home) .child-content .wp-block-audio,
.page-template-default:not(.home) .child-content .resumator-form-iframe,
.page-template-default:not(.home) .child-content .wp-block-media-text,
.page-template-default:not(.home) .child-content .back {
    padding-left: 220px;
    padding-right: 220px;
  }
}
.single-post .child-content *[style="color: #008000;"],
.blog .child-content *[style="color: #008000;"],
.archive .child-content *[style="color: #008000;"],
.page-template-t_job .child-content *[style="color: #008000;"],
.page-template-default:not(.home) .child-content *[style="color: #008000;"] {
  color: #289BFF !important;
}
.single-post .child-content table,
.blog .child-content table,
.archive .child-content table,
.page-template-t_job .child-content table,
.page-template-default:not(.home) .child-content table {
  margin: var(--mb) auto var(--lb) auto;
  width: 100%;
}
.single-post .child-content table p, .single-post .child-content table ul, .single-post .child-content table ol,
.blog .child-content table p,
.blog .child-content table ul,
.blog .child-content table ol,
.archive .child-content table p,
.archive .child-content table ul,
.archive .child-content table ol,
.page-template-t_job .child-content table p,
.page-template-t_job .child-content table ul,
.page-template-t_job .child-content table ol,
.page-template-default:not(.home) .child-content table p,
.page-template-default:not(.home) .child-content table ul,
.page-template-default:not(.home) .child-content table ol {
  padding: 0;
}
.single-post .child-content .copy > p:first-child,
.blog .child-content .copy > p:first-child,
.archive .child-content .copy > p:first-child,
.page-template-t_job .child-content .copy > p:first-child,
.page-template-default:not(.home) .child-content .copy > p:first-child {
  font-family: "Public Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  /* font-weight: bold; */
  padding: 0;
  margin-bottom: calc(3 * var(--mb));
}
@media (min-width: 768px) {
  .single-post .child-content .copy > p:first-child,
.blog .child-content .copy > p:first-child,
.archive .child-content .copy > p:first-child,
.page-template-t_job .child-content .copy > p:first-child,
.page-template-default:not(.home) .child-content .copy > p:first-child {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .single-post .child-content .copy > p:first-child,
.blog .child-content .copy > p:first-child,
.archive .child-content .copy > p:first-child,
.page-template-t_job .child-content .copy > p:first-child,
.page-template-default:not(.home) .child-content .copy > p:first-child {
    font-size: 30px;
  }
}
@media (max-width: 678px) {
  .single-post .child-content .copy > p:first-child,
.blog .child-content .copy > p:first-child,
.archive .child-content .copy > p:first-child,
.page-template-t_job .child-content .copy > p:first-child,
.page-template-default:not(.home) .child-content .copy > p:first-child {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.4;
  }
}
.single-post .child-content .copy > p:first-child em,
.blog .child-content .copy > p:first-child em,
.archive .child-content .copy > p:first-child em,
.page-template-t_job .child-content .copy > p:first-child em,
.page-template-default:not(.home) .child-content .copy > p:first-child em {
  font-style: normal;
}
.post-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.post-list .entry-post {
  width: 100%;
}
.post-list .load-more {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 14px;
}
@media (min-width: 1120px) {
  .post-list .load-more {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .post-list .load-more {
    font-size: 18px;
  }
}
.post-list .load-more a {
  display: flex;
  align-items: center;
}
.post-list .load-more a::after {
  width: 22px;
  height: 12px;
  content: "";
  display: block;
  background-image: url(../images/svg/down-arrow.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-left: 20px;
}
@media (min-width: 678px) {
  .post-list .entry-post {
    width: 46%;
  }
  .post-list .entry-post:nth-of-type(n) {
    margin-right: 8%;
  }
  .post-list .entry-post:nth-of-type(2n + 2) {
    margin-right: 0;
  }
}
@media (min-width: 1000px) {
  .post-list .entry-post {
    width: 30%;
  }
  .post-list .entry-post:nth-of-type(n) {
    margin-right: 5%;
  }
  .post-list .entry-post:nth-of-type(3n + 3) {
    margin-right: 0;
  }
}

.entry-pinned,
.entry-post {
  position: relative;
}
.entry-pinned .overlay,
.entry-post .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  transition: opacity 0.5s, transform 0.5s;
  transform: translateY(-20px);
}
.entry-pinned .overlay .copy,
.entry-post .overlay .copy {
  display: block;
}
.entry-pinned:hover .overlay, .entry-pinned:active .overlay,
.entry-post:hover .overlay,
.entry-post:active .overlay {
  opacity: 1;
  transform: translateY(0px);
}
.entry-pinned:hover .entry-content .copy, .entry-pinned:active .entry-content .copy,
.entry-post:hover .entry-content .copy,
.entry-post:active .entry-content .copy {
  opacity: 0;
}
.entry-pinned .terms a:hover, .entry-pinned .terms a:active,
.entry-post .terms a:hover,
.entry-post .terms a:active {
  color: #FFA000;
}

.entry-post {
  border-radius: 3vw 0 0 0;
  overflow: hidden;
  background-color: white;
  margin-bottom: 4%;
}
.entry-post h3 {
  font-family: "Public Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  font-size: 16px;
  line-height: 1.32;
  font-weight: bold;
  margin-bottom: calc(.5 * var(--lb));
}
@media (min-width: 768px) {
  .entry-post h3 {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .entry-post h3 {
    font-size: 30px;
  }
}
@media (max-width: 678px) {
  .entry-post h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.4;
  }
}
@media (min-width: 1047.2727272727px) {
  .entry-post h3 {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .entry-post h3 {
    font-size: 22px;
  }
}
.entry-post span:not(.button) {
  font-size: 14px;
  display: block;
  margin-bottom: calc(.25 * var(--lb));
}
@media (min-width: 1440px) {
  .entry-post span:not(.button) {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .entry-post span:not(.button) {
    font-size: 14px;
  }
}
.entry-post .entry-content {
  background-color: white;
  padding: var(--mb) calc(2 * var(--mb)) calc(3 * var(--mb)) calc(2 * var(--mb));
}
.entry-post .entry-content .date {
  position: absolute;
  bottom: calc(2 * var(--mb));
}
.entry-post .overlay {
  padding: calc(2 * var(--mb));
}
.entry-post .copy {
  font-size: 14px;
  opacity: 1;
  transition: opacity 0.5s, transform 0.5s;
  margin-bottom: var(--mb);
}
@media (min-width: 1120px) {
  .entry-post .copy {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .entry-post .copy {
    font-size: 18px;
  }
}
.entry-post .copy p, .entry-post .copy h3 {
  margin-bottom: var(--mb);
}
.entry-post .copy > :last-child {
  margin-bottom: 0;
}
.entry-post .button {
  display: inline-block;
  margin-top: calc(.5 * var(--mb));
}
.entry-post .image {
  overflow: hidden;
  position: relative;
}
.entry-post .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.entry-post .image:after {
  content: "";
  display: block;
  padding-top: 57%;
  width: 0;
  float: left;
  position: relative;
}
.entry-post .image img {
  top: 0;
  transform: translate(-50%, 0);
}
.entry-post .first-term {
  color: white;
  position: absolute;
  left: 0;
  top: 0;
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: black;
}
@media (max-width: 678px) {
  .entry-post {
    margin-bottom: calc(3 * var(--mb));
    border-radius: 5vw 0 0 0;
  }
  .entry-post .overlay {
    padding: calc(3 * var(--mb));
  }
}

.blog .post-list .entry-post h3 {
  margin-bottom: calc(.5 * var(--lb));
}

.pinned-post {
  margin-bottom: calc(3 * var(--mb));
}

.entry-pinned {
  width: 100%;
  display: flex;
}
.entry-pinned h3 {
  font-family: "Public Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: var(--mb);
}
@media (min-width: 768px) {
  .entry-pinned h3 {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .entry-pinned h3 {
    font-size: 30px;
  }
}
@media (max-width: 678px) {
  .entry-pinned h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.4;
  }
}
@media (min-width: 876.5217391304px) {
  .entry-pinned h3 {
    font-size: calc(46 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .entry-pinned h3 {
    font-size: 46px;
  }
}
.entry-pinned .copy {
  padding: calc(3 * var(--mb));
  background-color: white;
}
.entry-pinned .kicker {
  font-size: 14px;
  margin-bottom: var(--mb);
  display: block;
}
@media (min-width: 1120px) {
  .entry-pinned .kicker {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .entry-pinned .kicker {
    font-size: 18px;
  }
}
.entry-pinned .date {
  font-size: 14px;
  display: block;
}
@media (min-width: 1120px) {
  .entry-pinned .date {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .entry-pinned .date {
    font-size: 18px;
  }
}
.entry-pinned .overlay {
  border-radius: 5vw 0 0 0;
  background-color: white;
  padding: calc(3 * var(--mb));
}
.entry-pinned .overlay .copy {
  padding: 0;
  width: 80%;
}
.entry-pinned .overlay .date {
  font-size: 14px;
}
@media (min-width: 1440px) {
  .entry-pinned .overlay .date {
    font-size: calc(14 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .entry-pinned .overlay .date {
    font-size: 14px;
  }
}
.entry-pinned .overlay .button {
  margin-top: var(--lb);
}
@media (max-width: 678px) {
  .entry-pinned {
    flex-wrap: wrap;
  }
  .entry-pinned .image, .entry-pinned .copy {
    width: 100%;
  }
  .entry-pinned .image {
    overflow: hidden;
    position: relative;
    border-radius: 5vw 0 0 0;
  }
  .entry-pinned .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
  }
  .entry-pinned .image:after {
    content: "";
    display: block;
    padding-top: 56%;
    width: 0;
    float: left;
    position: relative;
  }
  .entry-pinned .image img {
    top: 0;
    transform: translate(-50%, 0%);
    object-position: top center;
  }
  .entry-pinned h3 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 39.2px;
    line-height: 1.4;
  }
}
@media (min-width: 678px) {
  .entry-pinned .image, .entry-pinned .copy {
    width: 50%;
  }
  .entry-pinned .image {
    overflow: hidden;
    position: relative;
    border-radius: 5vw 0 0 0;
  }
  .entry-pinned .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
  }
  .entry-pinned .image:after {
    content: "";
    display: block;
    padding-top: 100%;
    width: 0;
    float: left;
    position: relative;
  }
}

@media (min-width: 1800px) {
  .entry-post {
    border-radius: 60px 0 0 0;
  }

  .entry-pinned .image, .entry-pinned .overlay {
    border-radius: 80px 0 0 0;
  }
}
.listing-filters {
  background-color: white;
  font-size: 14px;
}
@media (min-width: 1120px) {
  .listing-filters {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .listing-filters {
    font-size: 18px;
  }
}
.listing-filters .tabs {
  display: flex;
  height: 80px;
}
.listing-filters .tab {
  display: flex;
  align-items: center;
  width: 34%;
}
.listing-filters .tab:last-of-type {
  width: 32%;
}
.listing-filters .tab::after {
  width: 22px;
  height: 12px;
  content: "";
  display: block;
  background-image: url(../images/svg/down-arrow.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-left: 20px;
}
.listing-filters .tab.active-tab:not(#search-tab)::after {
  transform: rotate(180deg);
}
.listing-filters .tab#search-tab::after {
  background-image: url(../images/svg/search.svg);
  height: 26px;
}
.listing-filters .tab-content {
  padding: 0;
  width: 100%;
  height: 0;
  transition: height 0.3s ease-in-out;
  overflow: hidden;
}
.listing-filters .tab-content .inner {
  columns: 3;
  opacity: 1;
  transition: opacity 1s 0.3s;
  padding: calc(.5 * var(--mb)) 0 calc(2 * var(--mb)) 0;
}
.listing-filters .tab-content label:not(.screen-reader-text), .listing-filters .tab-content .filter {
  display: block;
  padding: calc(.5 * var(--mb)) 0;
  transition: color 0.3s;
}
.listing-filters .tab-content#search-tab-content .inner {
  columns: 1;
}
.listing-filters .tab-content[style="height: 0px;"] .inner {
  opacity: 0;
  transition: opacity 0s 0s;
}
.listing-filters .filter:hover,
.listing-filters .filter:active {
  color: #FFA000;
}
.listing-filters .filter.active {
  color: #FFA000;
}
.listing-filters input[type=radio] {
  display: none;
}
.listing-filters input[type=radio]:checked + label {
  color: #FFA000;
}
.listing-filters input[type=radio] + label:hover, .listing-filters input[type=radio] + label:active {
  color: #FFA000;
}
.listing-filters input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid black;
  padding: 0;
  font-family: "Public Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  width: 100%;
  padding-bottom: 5px;
}
@media (min-width: 768px) {
  .listing-filters input[type=search] {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .listing-filters input[type=search] {
    font-size: 30px;
  }
}
@media (max-width: 678px) {
  .listing-filters input[type=search] {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.4;
  }
}
.listing-filters input[type=search]::-webkit-search-cancel-button {
  position: relative;
  -webkit-appearance: none;
  height: 20px;
  width: 20px;
  background-image: url(../images/svg/cross.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.listing-filters .search-submit {
  display: none;
}
@media (max-width: 678px) {
  .listing-filters .tab {
    width: calc(50% - 25px);
  }
  .listing-filters .tab::after {
    width: 15px;
    height: 8px;
    content: "";
    display: block;
    background-image: url(../images/svg/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin-left: 8px;
  }
  .listing-filters #search-tab {
    font-size: 0;
    width: 50px;
  }
  .listing-filters #search-tab::after {
    width: 26px;
  }
}

.page-template-t_careers_page {
  background-color: #EBEAE5 !important;
}

.page-template-t_careers_page .section--intro {
  overflow: hidden;
}
.page-template-t_careers_page .section--intro::after {
  height: 100vh;
}

.section--careers {
  background-image: url(../images/svg/post-bg.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: #EBEAE5;
}
.section--careers h2 {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 42px;
  line-height: 0.95;
  margin-bottom: var(--lb);
}
@media (min-width: 756px) {
  .section--careers h2 {
    font-size: calc(80 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--careers h2 {
    font-size: 80px;
  }
}

.jobs {
  margin-top: 8%;
}

.job-listing {
  background-color: white;
  border-radius: 5vw 0 0 0;
  padding: 3vw 50px 3vw 3vw;
  margin-bottom: calc(2 * var(--mb));
  position: relative;
  display: block;
  width: 100%;
}
.job-listing.hide {
  display: none;
}
.job-listing::after {
  content: "";
  background-image: url(../images/svg/arrow-right.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: 3vw;
  right: 3vw;
  width: 30px;
  height: 30px;
}
.job-listing:hover {
  opacity: 0.6;
}
.job-listing h3 {
  font-family: "Public Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: calc(2 * var(--mb));
}
@media (min-width: 768px) {
  .job-listing h3 {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .job-listing h3 {
    font-size: 30px;
  }
}
@media (max-width: 678px) {
  .job-listing h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.4;
  }
}
.job-listing ul {
  font-size: 14px;
  display: flex;
}
@media (min-width: 1120px) {
  .job-listing ul {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .job-listing ul {
    font-size: 18px;
  }
}
.job-listing ul li + li {
  margin-left: 5vw;
}

#job-content .apply {
  margin-bottom: calc(6 * var(--mb));
  text-align: center;
}
#job-content .apply .button {
  color: black;
}
#job-content .apply .button:hover {
  text-decoration: none;
}

.share-bar {
  position: absolute;
  right: var(--outer);
  bottom: -10px;
}
.share-bar .bar {
  display: flex;
  flex-direction: row;
}
.share-bar a {
  width: 40px;
  height: 40px;
  display: block;
  padding: 0;
}
.share-bar svg {
  width: 80%;
  height: auto;
}
@media (max-width: 1000px) {
  .share-bar {
    bottom: -50px;
  }
}
@media (min-width: 1000px) {
  .share-bar {
    top: 50%;
    left: 4vw;
    right: auto;
    bottom: 0px;
    transform: translateY(-50%);
    position: fixed;
  }
  .share-bar a {
    width: 50px;
    margin-bottom: 0.5vw;
  }
  .share-bar .bar {
    flex-direction: column;
  }
}
@media (min-width: 1000px) {
  .share-bar {
    left: calc(4vw - 15px);
  }
  .share-bar a {
    width: 60px;
  }
}

.header--home + .section--intro {
  margin-top: -20vw;
}

.header--home .masked-background.hide {
  display: none;
}

.background-pattern {
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  background-image: url(../images/svg/pattern.svg);
  background-size: 120% auto;
  background-position: center;
  bottom: 0;
  left: 0;
}
@media (max-width: 1000px) {
  .background-pattern {
    background-size: 220% auto;
  }
}
@media (orientation: portrait) {
  .background-pattern {
    background-size: 220% auto;
  }
}

.page-template-t_ourstory {
  background-color: #00C9BA;
}

.header--404 {
  height: 100vh;
  display: flex;
  align-items: center;
}

@media (min-width: 678px) {
  .section--form .nf-form-cont {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

#job-content p, #job-content p span, #job-content li span {
  font-size: 16px;
  line-height: 1.32;
}
@media (min-width: 1047.2727272727px) {
  #job-content p, #job-content p span, #job-content li span {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  #job-content p, #job-content p span, #job-content li span {
    font-size: 22px;
  }
}
#job-content ul li {
  list-style: none !important;
}
#job-content ul li::before {
  font-size: 16px;
  line-height: 1.32;
}
@media (min-width: 1047.2727272727px) {
  #job-content ul li::before {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  #job-content ul li::before {
    font-size: 22px;
  }
}
#job-content table {
  width: 100% !important;
}
#job-content a.resumator-hide-details {
  display: none;
}

.resumator-job,
.resumator-job-link,
.resumator-buttons {
  display: none;
}

.form-modal {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 20;
}
.form-modal.form-active {
  display: block;
}
.form-modal.form-active .content {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: fadeInKs;
  animation-name: fadeInKs;
}
.form-modal .content {
  z-index: 2;
  height: 100%;
  max-width: 800px;
  padding: 0;
  overflow: scroll;
  padding: var(--mb) 0;
}
.form-modal .content::-webkit-scrollbar {
  display: none;
}
.form-modal .form-holder {
  padding: 40px 50px;
  background-color: #F2F2F2;
  position: relative;
}
.form-modal .shadow-close-modal {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.form-modal .shadow-close-modal:hover {
  cursor: pointer;
}
.form-modal .close-modal-button {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 10px;
  top: 10px;
  z-index: 10;
  background-color: white;
  z-index: 20;
  border-radius: 50%;
}
.form-modal .close-modal-button svg {
  width: 100%;
  height: auto;
}
.form-modal .close-modal-button svg .cross {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #000000;
  opacity: 1;
}
.form-modal h3 {
  margin-bottom: 0;
}
.form-modal .nf-form-wrap {
  margin-top: var(--lb);
}
@media (max-width: 678px) {
  .form-modal {
    padding: 0;
  }
  .form-modal .form-holder {
    padding: 40px 20px;
    background-color: #F2F2F2;
    position: relative;
  }
  .form-modal .close-modal-button {
    width: 40px;
    height: 40px;
  }
}

.show-form-modal {
  overflow: hidden;
}

.section--product-list h2 {
  font-family: "archivo-web", sans-serif;
  font-weight: normal;
  line-height: 0.8;
  line-height: 0.95;
  letter-spacing: -0.04ch;
  font-size: 42px;
  line-height: 0.95;
  margin-bottom: var(--lb);
}
@media (min-width: 756px) {
  .section--product-list h2 {
    font-size: calc(80 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--product-list h2 {
    font-size: 80px;
  }
}
.section--product-list .product-list {
  display: flex;
  flex-wrap: wrap;
}
.section--product-list .product-card {
  width: 49%;
  margin-right: 2%;
  margin-bottom: calc(3 * var(--mb));
}
.section--product-list .product-card:nth-of-type(2n + 2) {
  margin-right: 0;
}
.section--product-list h3 {
  font-family: "Public Sans", Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2;
  font-size: 16px;
  line-height: 1.32;
  font-weight: bold;
  margin-bottom: 0;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .section--product-list h3 {
    font-size: calc(30 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--product-list h3 {
    font-size: 30px;
  }
}
@media (max-width: 678px) {
  .section--product-list h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 28px;
    line-height: 1.4;
  }
}
@media (min-width: 1047.2727272727px) {
  .section--product-list h3 {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--product-list h3 {
    font-size: 22px;
  }
}
.section--product-list .copy {
  font-size: 16px;
  line-height: 1.32;
}
@media (min-width: 1047.2727272727px) {
  .section--product-list .copy {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--product-list .copy {
    font-size: 22px;
  }
}
.section--product-list .copy p {
  margin-bottom: calc(.5 * var(--mb));
}
.section--product-list a {
  font-size: 14px;
  color: #FFA000;
}
@media (min-width: 1120px) {
  .section--product-list a {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (min-width: 1440px) {
  .section--product-list a {
    font-size: 18px;
  }
}
.section--product-list .image {
  overflow: hidden;
  position: relative;
  border-radius: 50px 0 0 0;
  margin-bottom: calc(.5 * var(--mb));
}
.section--product-list .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  /* IE 9 */
  -webkit-transform: translate(-50%, -50%);
  /* Chrome, Safari, Opera */
  transform: translate(-50%, -50%);
}
.section--product-list .image:after {
  content: "";
  display: block;
  padding-top: 56%;
  width: 0;
  float: left;
  position: relative;
}
@media (max-width: 678px) {
  .section--product-list h3 {
    font-size: 16px;
    line-height: 1.32;
  }
}
@media (max-width: 678px) and (min-width: 1047.2727272727px) {
  .section--product-list h3 {
    font-size: calc(22 / 1440 * 100vw);
  }
}
@media (max-width: 678px) and (min-width: 1440px) {
  .section--product-list h3 {
    font-size: 22px;
  }
}
@media (max-width: 678px) {
  .section--product-list .image {
    border-radius: 30px 0 0 0;
    margin-bottom: var(--mb);
  }
}
@media (max-width: 678px) {
  .section--product-list .copy {
    font-size: 14px;
  }
}
@media (max-width: 678px) and (min-width: 1120px) {
  .section--product-list .copy {
    font-size: calc(18 / 1440 * 100vw);
  }
}
@media (max-width: 678px) and (min-width: 1440px) {
  .section--product-list .copy {
    font-size: 18px;
  }
}
@media (min-width: 678px) {
  .section--product-list .product-card {
    width: 22%;
  }
  .section--product-list .product-card:nth-of-type(n) {
    margin-right: 3%;
  }
  .section--product-list .product-card:nth-of-type(4n + 4) {
    margin-right: 0;
  }
}

.section--logos .content {
  max-width: 1600px;
}

.section--carousel .title {
  max-width: calc(1600px - (2 * var(--outer)));
}

.section--panels .content {
  max-width: 1600px;
}

.section--intro .content {
  max-width: 1600px;
  margin-top: -6%;
}
@media (max-width: 678px) {
  .section--intro .content {
    margin-top: 0em;
  }
}
@media (max-height: 800px) {
  
  .header--landing {
    height: 30vh;
  }
  .header--landing .image-background {
    height: calc(30vh + 20vw);
  }

}

.section--quotes .content {
  max-width: 1600px;
}

.section--quotes .quotes-holder {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

.section--scroll-articles .content {
  max-width: 1600px;
}

.section--scroll-articles .content {
  max-width: 1600px;
}

.section--text-image .content {
  max-width: 1600px;
}

.section--list .content {
  max-width: 1600px;
}

.section--related-posts .content {
  max-width: 1600px;
}

.section--number-carousel .content {
  max-width: 1600px;
}

.content-back {
  max-width: 1600px;
}

.child-content .content {
  max-width: 1600px;
}

.section--form .content {
  max-width: 1600px;
}

.header--post .content {
  max-width: 1600px;
}

.header--blog .content {
  max-width: 1600px;
}

.header--basic .content {
  max-width: 1600px;
}

.listing-filters .content {
  max-width: 1600px;
}

.section--careers .content {
  max-width: 1600px;
}

.section--product-list .content {
  max-width: 1600px;
}

.site-footer .content:not(.logos-holder) {
  max-width: 1600px;
}

.social-menu {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

@media (orientation: portrait) {
  .mask.landscape {
    display: none;
  }
}
@media (orientation: landscape) {
  .mask.portrait {
    display: none;
  }
}

.wp-block-embed__wrapper iframe {
  margin: 0px auto;
  display: block;
}
a.button {
  cursor: pointer;
}
.nf-form-cont form .recaptcha-wrap label {
  display: none;
}