@charset "UTF-8";

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}


.classic-linear {
	font-size: 12px
}

@media screen and (min-width:600px) {
	.classic-linear {
		font-size: calc(4vw - 12px)
	}
}

@media screen and (min-width:900px) {
	.classic-linear {
		font-size: 24px
	}
}

.spotlight-single-header  {
	text-align: center;
}

.easy-peasy {
	font-size: 12px
}

@media screen and (min-width:600px) {
	.easy-peasy {
		font-size: calc(3.11111vw - 6.66667px)
	}
}

@media screen and (min-width:700px) {
	.easy-peasy {
		font-size: calc(5.77778vw - 25.33333px)
	}
}

@media screen and (min-width:800px) {
	.easy-peasy {
		font-size: calc(3.11111vw - 4px)
	}
}

@media screen and (min-width:900px) {
	.easy-peasy {
		font-size: 24px
	}
}

.cubic-bezier {
	font-size: 12px
}

@media screen and (min-width:600px) {
	.cubic-bezier {
		font-size: calc(.87111vw + 6.77333px)
	}
}

@media screen and (min-width:700px) {
	.cubic-bezier {
		font-size: calc(3.13778vw - 9.09333px)
	}
}

@media screen and (min-width:800px) {
	.cubic-bezier {
		font-size: calc(7.99111vw - 47.92px)
	}
}

@media screen and (min-width:900px) {
	.cubic-bezier {
		font-size: 24px
	}
}

.bloat-my-css {
	font-size: 12px
}

@media screen and (min-width:600px) {
	.bloat-my-css {
		font-size: calc(1.55102vw + 2.69388px)
	}
}

@media screen and (min-width:642.85714px) {
	.bloat-my-css {
		font-size: calc(4vw - 13.04956px)
	}
}

@media screen and (min-width:685.71429px) {
	.bloat-my-css {
		font-size: calc(5.46939vw - 23.12536px)
	}
}

@media screen and (min-width:728.57143px) {
	.bloat-my-css {
		font-size: calc(5.95918vw - 26.69388px)
	}
}

@media screen and (min-width:771.42857px) {
	.bloat-my-css {
		font-size: calc(5.46939vw - 22.91545px)
	}
}

@media screen and (min-width:814.28571px) {
	.bloat-my-css {
		font-size: calc(4vw - 10.95044px)
	}
}

@media screen and (min-width:857.14286px) {
	.bloat-my-css {
		font-size: calc(1.55102vw + 10.04082px)
	}
}

@media screen and (min-width:900px) {
	.bloat-my-css {
		font-size: 24px
	}
}

.black {
	background: #1a1a1a
}

.black a,
.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6,
.black li,
.black p {
	color: #fff
}

.grey {
	background: #f3f3f3
}

.ul {
	border-bottom: 1px solid #1a1a1a
}

.black .ul {
	border-bottom: 1px solid #fff
}

.right {
	float: right
}

section header {
	padding-left: 2vw;
	padding-bottom: 4vw
}

.c2,
.c3,
.c4,
.c6,
.flex,
nav ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap
}

.c2>div {
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	padding: 0 2vw
}

.c3>div {
	-webkit-flex-basis: 33.33333%;
	flex-basis: 33.33333%;
	padding: 0 2vw
}

.c4 {
	width: 100%
}

.c4>div {
	-webkit-flex-basis: 50%;
	flex-basis: 50%;
	padding: 0 2vw
}

@media only screen and (min-width:1024px) {
	.c4>div {
		-webkit-flex-basis: 25%;
		flex-basis: 25%
	}
}

.c6 {
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.c6>div {
	-webkit-flex-basis: 16.66667%;
	flex-basis: 16.66667%;
	padding: 0 2vw
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	text-decoration: none
}

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

body {
	line-height: 1;
	-webkit-font-smoothing: antialiased
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

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

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

.ajax {
	min-height: 100vh
}

a {
	color: inherit
}

img {
	max-width: 100%;
	height: auto;
	opacity: 1;
	transition: opacity .3s ease
}

img[data-src] {
	opacity: 0
}

img[data-src].loaded {
	opacity: 1
}

::selection {
	background: #ff827a
}

.text,
body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p {
	font-family: Brezel, Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4em
}

@media screen and (min-width:768px) {
	.text,
	body,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	li,
	p {
		font-size: calc(.24038vw + 14.15385px)
	}
}

@media screen and (min-width:1600px) {
	.text,
	body,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	li,
	p {
		font-size: 18px
	}
}

.lighthouse-logo {
	fill: #2E3190;
}

input[type=text] {
	background: transparent;
	border-bottom: 1px solid #1a1a1a
}

input[type=text]::-webkit-input-placeholder {
	color: #1a1a1a
}

input[type=text]:-ms-input-placeholder {
	color: #1a1a1a
}

input[type=text]::-ms-input-placeholder {
	color: #1a1a1a
}

input[type=text]::placeholder {
	color: #1a1a1a
}

.slick-next {
	width: 100%;
	text-align: right;
	background-color: transparent;
	opacity: 0!important
}

.slick-slide {
	margin: 0 0vw
}

.slick-list {
	margin: 0 0vw
}

.slick-next:before {
	content: "";
	background: url(../images/downarrow.svg) no-repeat;
	background-size: 14px 9px;
	display: inline-block;
	width: 14px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	height: 9px;
	vertical-align: middle;
	margin-left: 6px
}

.slick-next:focus {
	outline: 0
}

.slick-dots {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 80%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left
}

.slick-dots li {
	position: relative;
	display: inline-block;
	padding: 0 3px;
	cursor: pointer;
	vertical-align: middle
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 15px;
	height: 7px;
	padding: 3px;
	cursor: pointer;
	border-radius: 100%;
	color: transparent;
	outline: 0;
	background: 0 0;
	opacity: .2;
	border: 0;
	border-radius: 1px;
	border-bottom: 2px solid #000
}

.slick-dots li.slick-active button {
	opacity: 1
}

.slick-dots li button:focus,
.slick-dots li button:hover {
	outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
	opacity: 1
}

@font-face {
	font-family: Brezel;
	src: url(../fonts/Brezel.woff2) format("woff2"),
		 url(../fonts/Brezel.woff) format("woff");
	font-weight: 400
}

@font-face {
	font-family: Brezel;
	src: url(../fonts/Brezel-Bold.woff2) format("woff2"),
		 url(../fonts/Brezel-Bold.woff) format("woff");
	font-weight: 700
}


@font-face {
	font-family: Brezel;
	src: url(../fonts/Brezel-Italic.woff2) format("woff2"),
		 url(../fonts/Brezel-Italic.woff) format("woff");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: Brezel;
	src: url(../fonts/Brezel-Bold-Italic.woff2) format("woff2"),
		 url(../fonts/Brezel-Bold-Italic.woff2) format("woff");
	font-weight: 700;
	font-style: italic;
}

:root {
	--background: #fafaf5;
	--blue: #2e3190;
	--red: #ee5140;
	--pink: #f7a79b;
	--light-pink: #fcdcd7;
	--grey: #cacaca;
	--yellow: #fcd731
}



body {
	background-color: var(--background);
	-webkit-perspective: 1000px;
	perspective: 1000px;
	font-family: Brezel
}

#fp-nav {
	position: absolute;
	right: 0;
	opacity: 1
}

#fp-nav.footer-adjust {
	opacity: 0;
	-webkit-transform: translateY(-22vh) translateX(0)!important;
	transform: translateY(-22vh) translateX(0)!important
}

#fp-nav ul li {
	position: relative
}

#fp-nav ul li:after {
	content: "";
	height: 0;
	background-color: #1c1c1b;
	width: 2px;
	border-radius: 1px;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .2s ease
}

#fp-nav ul li.past:after {
	height: 100%
}

.contact-section {
	background-color: var(--yellow)
}

.contact-section #shape {
	position: absolute;
	opacity: .4;
	zoom: 2.75;
	-moz-transform: scale(2.75);
	left: 50%;
	top: 20%;
	fill: transparent;
	stroke: #fff4b3;
	stroke-width: 6;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10
}

@media (max-width:414px) {
	.contact-section #shape {
		stroke-width: 4
	}
}

.careers-section,
.contact-section,
.team-section {
	min-height: 90vh!important;
	max-height: 90vh
}

.contact-section .page-wrapper {
	width: 60%
}

.careers-section {
	background-color: var(--pink);
	color: var(--blue)
}

.careers-section a,
.footer a:not(.social-link):not(.main-logo) {
	background-image: linear-gradient(90deg, #fff 0, #fff 50%, transparent 50.1%, transparent)!important
}

.page-wrapper {
	display: none
}

.careers-section .page-wrapper {
	width: 60%
}

.careers-section {
	text-align: center;
}

@media (max-width:414px) {
	.careers-section .page-wrapper {
		width: 60%
	}
	.team-section .page-wrapper {
		width: 75%;
		left: 43%
	}
}

.fp-tableCell h1 {
	font-weight: 700;
	line-height: 1.2;
	font-size: 24px
}

.careers-wrapper {
	width: 960px;
	max-width: calc(100% - 40px);
	margin: 0 auto;
	padding: 5vw 0;
}

@media (max-width: 414px) {
	.careers-wrapper {
		padding-top: 150px;
		position: relative;
	}
}

.team-section {
	text-align: center;
}

.single-career {
    color: var(--red);
    font-weight: 700;
    position: relative;
    margin-bottom: 4em;
}

.single-career p {
	max-width: calc(100% - 140px);
}

.single-career a {
	position: absolute;
	right: 0;
	top: 0;
}

@media (max-width: 414px) {
	.single-career {
		width: 80%;
	}
	.single-career p {
		max-width: 100%;
	}
	.single-career a {
		position: relative;
	}
}



@media screen and (min-width:414px) {
	.fp-tableCell h1 {
		font-size: calc(1.25371vw + 18.80963px)
	}
}

@media screen and (min-width:537.71429px) {
	.fp-tableCell h1 {
		font-size: calc(3.23326vw + 8.16534px)
	}
}

@media screen and (min-width:661.42857px) {
	.fp-tableCell h1 {
		font-size: calc(4.42098vw + .30937px)
	}
}

@media screen and (min-width:785.14286px) {
	.fp-tableCell h1 {
		font-size: calc(4.81689vw - 2.79908px)
	}
}

@media screen and (min-width:908.85714px) {
	.fp-tableCell h1 {
		font-size: calc(4.42098vw + .79917px)
	}
}

@media screen and (min-width:1032.57143px) {
	.fp-tableCell h1 {
		font-size: calc(3.23326vw + 13.0633px)
	}
}

@media screen and (min-width:1156.28571px) {
	.fp-tableCell h1 {
		font-size: calc(1.25371vw + 35.95249px)
	}
}

@media screen and (min-width:1280px) {
	.fp-tableCell h1 {
		font-size: 52px
	}
}




.page-wrapper h1 {
	display: block;
	font-weight: 700;
	line-height: 1.2;
	font-size: 24px
}

@media screen and (min-width:414px) {
	.page-wrapper h1 {
		font-size: calc(1.25371vw + 18.80963px)
	}
}

@media screen and (min-width:537.71429px) {
	.page-wrapper h1 {
		font-size: calc(3.23326vw + 8.16534px)
	}
}

@media screen and (min-width:661.42857px) {
	.page-wrapper h1 {
		font-size: calc(4.42098vw + .30937px)
	}
}

@media screen and (min-width:785.14286px) {
	.page-wrapper h1 {
		font-size: calc(4.81689vw - 2.79908px)
	}
}

@media screen and (min-width:908.85714px) {
	.page-wrapper h1 {
		font-size: calc(4.42098vw + .79917px)
	}
}

@media screen and (min-width:1032.57143px) {
	.page-wrapper h1 {
		font-size: calc(3.23326vw + 13.0633px)
	}
}

@media screen and (min-width:1156.28571px) {
	.page-wrapper h1 {
		font-size: calc(1.25371vw + 35.95249px)
	}
}

@media screen and (min-width:1280px) {
	.page-wrapper h1 {
		font-size: 52px
	}
}


.main-logo {
	opacity: 0;
	transition: all .5s ease
}

.main-logo.visible {
	opacity: 1
}

@media (max-width:414px) {
	nav.open .main-logo {
		opacity: 1;
		z-index: 2000;
		position: absolute;
		display: block;
		transition-delay: .4s
	}
}


@supports (-moz-appearance:none) {
    .logotype.visible { 
    	margin-left: 30px;
    } 
}


#logo {
	position: fixed;
	top: 2vw;
	left: 2vw
}

@media (min-width:2000px) {
	#logo {
		position: fixed;
		top: 2.5vw;
		left: 2.5vw;
		width: 85px
	}
}

.footer .main-logo {
	margin-top: 20px;
	display: inline-block
}

.footer #logo,
.footer .logotype {
	position: relative!important;
	left: 0!important;
	margin-right: 5px;
	display: inline-block!important;
	top: 0!important
}

.footer #logo {
	width: 40px!important
}

.footer .main-logo .logotype {
    width: 56px!important;
    top: -17px !important;
    height: auto;
}



.footer #logo>*,
.footer .main-logo .lighthouse-logo {
	fill: #fff!important
}

@media (max-width:414px) {
	#logo {
		width: 50px;
		top: 10px;
		left: 20px
	}
}

#logo path {
	fill: #1c1c1b
}

nav {
	position: absolute;
	top: 30px;
	z-index: 1000;
	right: 75px
}

@media (min-width:2000px) {
	nav {
		top: 2.5vw;
		right: 5vw
	}
}

strong {
	font-weight: 700
}

nav ul li {
	display: inline-block;
	margin: 0 20px;
	transition: all .5s ease
}

.projects-nav-title a,
.projects-nav ul li a,
nav a {
	transition: all .2s ease;
	background-image: linear-gradient(90deg, #1c1c1b 0, #1c1c1b 50%, transparent 50.1%, transparent)!important;
	background-repeat: repeat-x;
	background-position: 100% 95%;
	background-size: 250% .08em
}

section a:not(.button):not(.social-link):not(.main-logo) {
	transition: all .2s ease;
	background-image: linear-gradient(90deg, var(--blue) 0, var(--blue) 50%, transparent 50.1%, transparent);
	background-repeat: repeat-x;
	background-position: 100% 95%;
	background-size: 250% .08em
}

nav a {
	font-weight: 700;
	letter-spacing: .04em
}

nav a.active {
	cursor: default
}

nav a.active,
nav a.current-menu-item,
nav a:hover,
section a:not(.button):not(.social-link):not(.main-logo):hover {
	background-repeat: repeat-x;
	background-position: 0 95%;
	background-size: 200% .08em
}

@media (max-width:414px) {
	nav {
		top: 0;
		left: 0;
		right: auto;
		width: 100%;
		height: 0
	}
	nav ul {
		background-color: #fff;
		width: 100%;
		display: block;
		-webkit-transform: translateY(-120vh);
		transform: translateY(-120vh);
		transition: all .7s ease;
		padding: 25vh 0;
		height: 100vh;
		box-shadow: 0 0 15px rgba(0, 0, 0, .25)
	}
	nav.open ul {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	nav ul li {
		display: block;
		width: 100%;
		text-align: center;
		margin: 0 0 5vh;
		font-size: 24px
	}
	nav ul li:last-child {
		margin-bottom: 0
	}
}

@media (min-width:415px) {
	nav ul li {
		-webkit-transform: rotate(20deg);
		transform: rotate(20deg);
		-webkit-transform-origin: 400px 0;
		transform-origin: 400px 0
	}
	nav ul li:nth-child(5) {
		transition-delay: 0s
	}
	nav.open ul li:nth-child(5) {
		transition-delay: .7s
	}
	nav ul li:nth-child(4) {
		transition-delay: 0s
	}
	nav.open ul li:nth-child(4) {
		transition-delay: .8s
	}
	nav ul li:nth-child(3) {
		transition-delay: 0s
	}
	nav.open ul li:nth-child(3) {
		transition-delay: .9s
	}
	nav ul li:nth-child(2) {
		transition-delay: 0s
	}
	nav.open ul li:nth-child(2) {
		transition-delay: 1s
	}
	nav ul li:first-child {
		transition-delay: 0s
	}
	nav.open ul li:first-child {
		transition-delay: 1.1s
	}
	nav.open ul li {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

main>section:first-child {
	min-height: 100vh;
	overflow: hidden
}

.fp-section .logo-form-1 {
	position: absolute;
	bottom: -15vh;
	left: 70vw;
	-webkit-transform: translateY(20vh) rotateY(-80deg);
	transform: translateY(20vh) rotateY(-80deg);
	transition: all 1.2s cubic-bezier(0, 0, .2, 1) .2s
}

.fp-section.active .logo-form-1 {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.fp-section.past .logo-form-1 {
	-webkit-transform: translateY(-5vh) rotateY(20deg);
	transform: translateY(-5vh) rotateY(20deg)
}

.fp-section .logo-form-2 {
	position: absolute;
	bottom: -15vh;
	left: 15vw;
	-webkit-transform: translateY(20vh) rotateY(80deg);
	transform: translateY(20vh) rotateY(80deg);
	transition: all 1.2s cubic-bezier(0, 0, .2, 1) .2s
}

.fp-section.active .logo-form-2 {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.fp-section.past .logo-form-2 {
	-webkit-transform: translateY(-5vh) rotateY(-20deg);
	transform: translateY(-5vh) rotateY(-20deg)
}

.fp-section .logo-form-3 {
	position: absolute;
	bottom: -15vh;
	right: 15vw;
	-webkit-transform: translateY(20vh) rotateY(-80deg);
	transform: translateY(20vh) rotateY(-80deg);
	transition: all 1.2s cubic-bezier(0, 0, .2, 1) 0s
}

.fp-section.active .logo-form-3 {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.fp-section.past .logo-form-3 {
	-webkit-transform: translateY(-5vh) rotateY(30deg);
	transform: translateY(-5vh) rotateY(30deg)
}

.menu-toggle {
	position: fixed;
	top: 20px;
	right: 20px;
	height: 45px;
	width: 45px;
	background-color: #fff;
	border-radius: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	cursor: pointer;
	opacity: 0;
	transition: all .2s ease;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

@media (min-width:2000px) {
	.menu-toggle {
		top: 2vw;
		right: 2vw
	}
}

.menu-toggle.visible {
	opacity: 1
}

@media (max-width:414px) {
	.menu-toggle {
		width: 44px;
		height: 44px;
		right: 9px;
		top: 14px
	}
}

.menu-toggle span {
	border-radius: 2px;
	width: 50%;
	height: 2px;
	margin: 0 auto;
	display: block;
	background-color: #1c1c1b;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	transition: all 1s ease-in-out
}

.men-toggle.open {
	transition: all 1s ease-in
}

.menu-toggle span:nth-child(2) {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	transform: translateX(-50%) translateY(-50%) rotate(-90deg)
}

.menu-toggle.open span:first-child {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-1turn);
	transform: translateX(-50%) translateY(-50%) rotate(-1turn)
}

.menu-toggle.open span:nth-child(2) {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-900deg);
	transform: translateX(-50%) translateY(-50%) rotate(-900deg)
}

section h2 {
	position: absolute;
	top: 50%;
	left: 48.5%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 66%;
	color: var(--blue);
	font-size: 38px;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	font-weight: 400;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	font-size: 18px
}

@media screen and (min-width:414px) {
	section h2 {
		font-size: calc(.89551vw + 14.2926px)
	}
}

@media screen and (min-width:537.71429px) {
	section h2 {
		font-size: calc(2.30947vw + 6.68953px)
	}
}

@media screen and (min-width:661.42857px) {
	section h2 {
		font-size: calc(3.15785vw + 1.07812px)
	}
}

@media screen and (min-width:785.14286px) {
	section h2 {
		font-size: calc(3.44064vw - 1.1422px)
	}
}

@media screen and (min-width:908.85714px) {
	section h2 {
		font-size: calc(3.15785vw + 1.42798px)
	}
}

@media screen and (min-width:1032.57143px) {
	section h2 {
		font-size: calc(2.30947vw + 10.18807px)
	}
}

@media screen and (min-width:1156.28571px) {
	section h2 {
		font-size: calc(.89551vw + 26.53749px)
	}
}

@media screen and (min-width:1280px) {
	section h2 {
		font-size: 38px
	}
}

@media (min-width:1280px) {
	.h2,
	section h2 {
		font-size: 38px
	}
}

@media screen and (min-width:1280px) and (min-width:1280px) {
	.h2,
	section h2 {
		font-size: calc(.4544vw + 32.18367px)
	}
}

@media screen and (min-width:1280px) and (min-width:1462.85714px) {
	.h2,
	section h2 {
		font-size: calc(1.17188vw + 21.68805px)
	}
}

@media screen and (min-width:1280px) and (min-width:1645.71429px) {
	.h2,
	section h2 {
		font-size: calc(1.60236vw + 14.6035px)
	}
}

@media screen and (min-width:1280px) and (min-width:1828.57143px) {
	.h2,
	section h2 {
		font-size: calc(1.74585vw + 11.97959px)
	}
}

@media screen and (min-width:1280px) and (min-width:2011.42857px) {
	.h2,
	section h2 {
		font-size: calc(1.60236vw + 14.86589px)
	}
}

@media screen and (min-width:1280px) and (min-width:2194.28571px) {
	.h2,
	section h2 {
		font-size: calc(1.17188vw + 24.31195px)
	}
}

@media screen and (min-width:1280px) and (min-width:2377.14286px) {
	.h2,
	section h2 {
		font-size: calc(.4544vw + 41.36735px)
	}
}

@media screen and (min-width:1280px) and (min-width:2560px) {
	.h2,
	section h2 {
		font-size: 53px
	}
}




.h2 {
	position: relative;
	color: var(--blue);
	width: 66%;
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	line-height: 1.3;
	font-weight: 400;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	font-size: 18px
}

@media (max-width: 960px) {
	.h2 {
		width: 100%;
	}
}

.partner-logos .fp-tableCell {
	  display:table-cell;
  vertical-align:middle;
  text-align:center;
}



@media screen and (min-width:414px) {
	.h2 {
		font-size: calc(.89551vw + 14.2926px)
	}
}

@media screen and (min-width:537.71429px) {
	.h2 {
		font-size: calc(2.30947vw + 6.68953px)
	}
}

@media screen and (min-width:661.42857px) {
	.h2 {
		font-size: calc(3.15785vw + 1.07812px)
	}
}

@media screen and (min-width:785.14286px) {
	.h2 {
		font-size: calc(3.44064vw - 1.1422px)
	}
}

@media screen and (min-width:908.85714px) {
	.h2 {
		font-size: calc(3.15785vw + 1.42798px)
	}
}

@media screen and (min-width:1032.57143px) {
	.h2 {
		font-size: calc(2.30947vw + 10.18807px)
	}
}

@media screen and (min-width:1156.28571px) {
	.h2 {
		font-size: calc(.89551vw + 26.53749px)
	}
}

@media screen and (min-width:1280px) {
	.h2 {
		font-size: 38px
	}
}

@media (min-width:1280px) {
	.h2 {
		font-size: 38px
	}
}

@media screen and (min-width:1280px) and (min-width:1280px) {
	.h2 {
		font-size: calc(.51499vw + 31.40816px)
	}
}

@media screen and (min-width:1280px) and (min-width:1462.85714px) {
	.h2 {
		font-size: calc(1.32813vw + 19.51312px)
	}
}

@media screen and (min-width:1280px) and (min-width:1645.71429px) {
	.h2 {
		font-size: calc(1.81601vw + 11.48397px)
	}
}

@media screen and (min-width:1280px) and (min-width:1828.57143px) {
	.h2 {
		font-size: calc(1.97864vw + 8.5102px)
	}
}

@media screen and (min-width:1280px) and (min-width:2011.42857px) {
	.h2 {
		font-size: calc(1.81601vw + 11.78134px)
	}
}

@media screen and (min-width:1280px) and (min-width:2194.28571px) {
	.h2 {
		font-size: calc(1.32813vw + 22.48688px)
	}
}

@media screen and (min-width:1280px) and (min-width:2377.14286px) {
	.h2 {
		font-size: calc(.51499vw + 41.81633px)
	}
}

@media screen and (min-width:1280px) and (min-width:2560px) {
	.h2 {
		font-size: 55px
	}
}

@media (max-width:414px) {
	section h2 {
		text-align: left;
		width: 70%!important;
		left: 40%;
		top: 45%;
		display: block;
	}
	h2 br {
		display: none
	}
	.h2 {
		text-align: left
	}
}

html:not(.no-js) h2[data-aos=fade-in-twirl][data-aos^=fade-in-twirl] {
	-webkit-transform: translateX(-50%) translateY(-50%) translateZ(-100px) rotateY(30deg) rotateX(20deg);
	transform: translateX(-50%) translateY(-50%) translateZ(-100px) rotateY(30deg) rotateX(20deg)
}

@media (max-width:414px) {
	html:not(.no-js) h2[data-aos=fade-in-twirl][data-aos^=fade-in-twirl] {
		-webkit-transform: translateX(-50%) translateY(100%) translateZ(-100px) rotateY(30deg) rotateX(20deg);
		transform: translateX(-50%) translateY(100%) translateZ(-100px) rotateY(30deg) rotateX(20deg)
	}
}

html:not(.no-js) h2[data-aos^=fade-in-twirl][data-aos^=fade-in-twirl].aos-animate {
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

section.about-1 h2 {
	width: 350px
}

@media screen and (min-width:414px) {
	section.about-1 h2 {
		width: calc(57.15935vw + 113.36028px)
	}
}

@media screen and (min-width:1280px) {
	section.about-1 h2 {
		width: 845px
	}
}

@media (min-width:1280px) {
	section.about-1 h2 {
		width: 845px
	}
}

@media screen and (min-width:1280px) and (min-width:1280px) {
	section.about-1 h2 {
		width: calc(46.52072vw + 249.53479px)
	}
}

@media screen and (min-width:1280px) and (min-width:2559px) {
	section.about-1 h2 {
		width: 1440px
	}
}

section.about-2 h2 {
	width: 350px
}

@media screen and (min-width:414px) {
	section.about-2 h2 {
		width: calc(49.07621vw + 146.82448px)
	}
}

@media screen and (min-width:1280px) {
	section.about-2 h2 {
		width: 775px
	}
}

@media (min-width:1280px) {
	section.about-2 h2 {
		width: 775px
	}
}

@media screen and (min-width:1280px) and (min-width:1280px) {
	section.about-2 h2 {
		width: calc(44.957vw + 199.55043px)
	}
}

@media screen and (min-width:1280px) and (min-width:2559px) {
	section.about-2 h2 {
		width: 1350px
	}
}

/*

section.partner-logos .h2 {
	width: 350px
}

@media screen and (min-width:414px) {
	section.partner-logos .h2 {
		width: calc(57.15935vw + 113.36028px)
	}
}

@media screen and (min-width:1280px) {
	section.partner-logos .h2 {
		width: 845px
	}
}

@media (min-width:1280px) {
	section.partner-logos .h2 {
		width: 775px
	}
}

@media screen and (min-width:1280px) and (min-width:1280px) {
	section.partner-logos .h2 {
		width: calc(44.957vw + 199.55043px)
	}
}

@media screen and (min-width:1280px) and (min-width:2559px) {
	section.partner-logos .h2 {
		width: 1350px
	}
}*/

section.careers-section p {
	margin: 0 auto;
	max-width: 100%;
	width: 350px;
	display: block !important;
}

@media screen and (min-width:414px) {
	section.careers-section p {
		width: calc(57.15935vw + 113.36028px)
	}
}

@media screen and (min-width:1280px) {
	section.careers-section p {
		width: 845px
	}
}

.button {
	color: var(--red);
	border: 1px solid var(--red);
	text-align: center;
	display: inline-block;
	font-size: 20px;
	font-size: 16px;
	padding: 6px 15px 5px;
}
.button:focus {
	outline: 0;
}

@media screen and (min-width:414px) {
	.button {
		font-size: calc(.1791vw + 15.25852px)
	}
}

@media screen and (min-width:537.71429px) {
	.button {
		font-size: calc(.46189vw + 13.73791px)
	}
}

@media screen and (min-width:661.42857px) {
	.button {
		font-size: calc(.63157vw + 12.61562px)
	}
}

@media screen and (min-width:785.14286px) {
	.button {
		font-size: calc(.68813vw + 12.17156px)
	}
}

@media screen and (min-width:908.85714px) {
	.button {
		font-size: calc(.63157vw + 12.6856px)
	}
}

@media screen and (min-width:1032.57143px) {
	.button {
		font-size: calc(.46189vw + 14.43761px)
	}
}

@media screen and (min-width:1156.28571px) {
	.button {
		font-size: calc(.1791vw + 17.7075px)
	}
}

@media screen and (min-width:1280px) {
	.button {
		font-size: 20px
	}
}

@media screen and (min-width:414px) {
	.button {
		padding: calc(.22388vw + 14.07315px)
	}
}

@media screen and (min-width:537.71429px) {
	.button {
		padding: calc(.57737vw + 12.17238px)
	}
}

@media screen and (min-width:661.42857px) {
	.button {
		padding: calc(.78946vw + 10.76953px)
	}
}

@media screen and (min-width:785.14286px) {
	.button {
		padding: calc(.86016vw + 10.21445px)
	}
}

@media screen and (min-width:908.85714px) {
	.button {
		padding: calc(.78946vw + 10.85699px)
	}
}

@media screen and (min-width:1032.57143px) {
	.button {
		padding: calc(.57737vw + 13.04702px)
	}
}

@media screen and (min-width:1156.28571px) {
	.button {
		padding: calc(.22388vw + 17.13437px)
	}
}

@media screen and (min-width:1280px) {
	.button {
		padding: 20px
	}
}

@media screen and (min-width:414px) {
	.button {
		padding-top: calc(.1791vw + 5.25852px)
	}
}

@media screen and (min-width:537.71429px) {
	.button {
		padding-top: calc(.46189vw + 3.73791px)
	}
}

@media screen and (min-width:661.42857px) {
	.button {
		padding-top: calc(.63157vw + 2.61562px)
	}
}

@media screen and (min-width:785.14286px) {
	.button {
		padding-top: calc(.68813vw + 2.17156px)
	}
}

@media screen and (min-width:908.85714px) {
	.button {
		padding-top: calc(.63157vw + 2.6856px)
	}
}

@media screen and (min-width:1032.57143px) {
	.button {
		padding-top: calc(.46189vw + 4.43761px)
	}
}

@media screen and (min-width:1156.28571px) {
	.button {
		padding-top: calc(.1791vw + 7.7075px)
	}
}

@media screen and (min-width:1280px) {
	.button {
		padding-top: 10px
	}
}

@media screen and (min-width:414px) {
	.button {
		padding-bottom: calc(.1791vw + 4.25852px)
	}
}

@media screen and (min-width:537.71429px) {
	.button {
		padding-bottom: calc(.46189vw + 2.73791px)
	}
}

@media screen and (min-width:661.42857px) {
	.button {
		padding-bottom: calc(.63157vw + 1.61562px)
	}
}

@media screen and (min-width:785.14286px) {
	.button {
		padding-bottom: calc(.68813vw + 1.17156px)
	}
}

@media screen and (min-width:908.85714px) {
	.button {
		padding-bottom: calc(.63157vw + 1.6856px)
	}
}

@media screen and (min-width:1032.57143px) {
	.button {
		padding-bottom: calc(.46189vw + 3.43761px)
	}
}

@media screen and (min-width:1156.28571px) {
	.button {
		padding-bottom: calc(.1791vw + 6.7075px)
	}
}

@media screen and (min-width:1280px) {
	.button {
		padding-bottom: 9px
	}
}

.button:hover {
	color: var(--background);
	background-color: var(--red)
}

.button.blue-button {
	color: var(--blue);
	border: 1px solid var(--blue)
}

.button.blue-button:hover {
	color: var(--background);
	background-color: var(--blue)
}

.button.work-hover {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 150px;
	width: auto;
	color: #fff;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	border: 1px solid #fff;
	opacity: 0;
	z-index: 100
}

.button.work-hover:hover {
	background-color: #fff;
	color: var(--blue)
}

.intro svg {
	margin: 0 auto;
	vertical-align: middle
}

.logotype {
	opacity: 0;
	transition: all .2s ease
}

.lighthouse1 {
	opacity: 0;
	transition: opacity .2s ease;
	transition-delay: .2s
}

.lighthouse2 {
	opacity: 0;
	transition: opacity .2s ease;
	transition-delay: .4s
}

.lighthouse3 {
	opacity: 0;
	transition: opacity .2s ease;
	transition-delay: .6s
}

.logotype.visible,
.logotype.visible .lighthouse1,
.logotype.visible .lighthouse2,
.logotype.visible .lighthouse3 {
	opacity: 1
}

.intro {
	background-color: var(--background);
	transition: background-color .2s ease
}

.intro.pink {
	background-color: var(--pink)
}

.intro.yellow {
	background-color: #ffda00
}

.intro.green {
	background-color: #2ad574
}

.intro.blue {
	background-color: #2e3190
}

.intro.purple {
	background-color: #3d379b
}

.intro.red {
	background-color: #ce5347
}

.intro.finish {
	background-color: var(--background)
}

.team-section {
	background-color: #bcb3bf;
	color: var(--blue)
}

.team-section-2 {
	text-align: center;
}

.team-section-2 img {
	width: 100%;
	max-height: 70vh;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	border-radius: 5px;
}

.team-section h1 {
	margin-bottom: 1vw
}

@media (max-width:414px) {
	.team-section-2 .page-wrapper {
		left: 44%;
		text-align: center
	}
	.team-section h1 {
		width: 70%;
		margin: 0
	}
}

.team-section p {
	margin: 0 auto;
	width: 350px;
	max-width: 100%;
	display: block !important;
}

@media screen and (min-width:414px) {
	.team-section p {
		width: calc(51.96305vw + 134.87298px)
	}
}

@media screen and (min-width:1280px) {
	.team-section p {
		width: 800px
	}
}

.team-section #shape {
	position: absolute;
	opacity: .4;
	zoom: 2.2;
	-moz-transform: scale(2.2);
	left: 27%;
	top: 48%;
	stroke: #fff;
	stroke-width: 8;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10
}

.team-section #shape>* {
	fill: transparent!important;
	opacity: .3;
	fill: var(--pink)
}

@media (max-width:414px) {
	.team-section #shape {
		stroke-width: 5
	}
}

.team-section-2 {
	background-color: #e1dee0
}

.team-section-3 {
	background-color: #fafaf5
}

.next-section {
	margin-top: 2vw;
	display: inline-block;
	font-size: 16px;
	padding: 6px 15px 5px
}

@media screen and (min-width:414px) {
	.next-section {
		font-size: calc(.1791vw + 15.25852px)
	}
}

@media screen and (min-width:537.71429px) {
	.next-section {
		font-size: calc(.46189vw + 13.73791px)
	}
}

@media screen and (min-width:661.42857px) {
	.next-section {
		font-size: calc(.63157vw + 12.61562px)
	}
}

@media screen and (min-width:785.14286px) {
	.next-section {
		font-size: calc(.68813vw + 12.17156px)
	}
}

@media screen and (min-width:908.85714px) {
	.next-section {
		font-size: calc(.63157vw + 12.6856px)
	}
}

@media screen and (min-width:1032.57143px) {
	.next-section {
		font-size: calc(.46189vw + 14.43761px)
	}
}

@media screen and (min-width:1156.28571px) {
	.next-section {
		font-size: calc(.1791vw + 17.7075px)
	}
}

@media screen and (min-width:1280px) {
	.next-section {
		font-size: 20px
	}
}

@media screen and (min-width:414px) {
	.next-section {
		padding: calc(.22388vw + 14.07315px)
	}
}

@media screen and (min-width:537.71429px) {
	.next-section {
		padding: calc(.57737vw + 12.17238px)
	}
}

@media screen and (min-width:661.42857px) {
	.next-section {
		padding: calc(.78946vw + 10.76953px)
	}
}

@media screen and (min-width:785.14286px) {
	.next-section {
		padding: calc(.86016vw + 10.21445px)
	}
}

@media screen and (min-width:908.85714px) {
	.next-section {
		padding: calc(.78946vw + 10.85699px)
	}
}

@media screen and (min-width:1032.57143px) {
	.next-section {
		padding: calc(.57737vw + 13.04702px)
	}
}

@media screen and (min-width:1156.28571px) {
	.next-section {
		padding: calc(.22388vw + 17.13437px)
	}
}

@media screen and (min-width:1280px) {
	.next-section {
		padding: 20px
	}
}

@media screen and (min-width:414px) {
	.next-section {
		padding-top: calc(.1791vw + 5.25852px)
	}
}

@media screen and (min-width:537.71429px) {
	.next-section {
		padding-top: calc(.46189vw + 3.73791px)
	}
}

@media screen and (min-width:661.42857px) {
	.next-section {
		padding-top: calc(.63157vw + 2.61562px)
	}
}

@media screen and (min-width:785.14286px) {
	.next-section {
		padding-top: calc(.68813vw + 2.17156px)
	}
}

@media screen and (min-width:908.85714px) {
	.next-section {
		padding-top: calc(.63157vw + 2.6856px)
	}
}

@media screen and (min-width:1032.57143px) {
	.next-section {
		padding-top: calc(.46189vw + 4.43761px)
	}
}

@media screen and (min-width:1156.28571px) {
	.next-section {
		padding-top: calc(.1791vw + 7.7075px)
	}
}

@media screen and (min-width:1280px) {
	.next-section {
		padding-top: 10px
	}
}

@media screen and (min-width:414px) {
	.next-section {
		padding-bottom: calc(.1791vw + 4.25852px)
	}
}

@media screen and (min-width:537.71429px) {
	.next-section {
		padding-bottom: calc(.46189vw + 2.73791px)
	}
}

@media screen and (min-width:661.42857px) {
	.next-section {
		padding-bottom: calc(.63157vw + 1.61562px)
	}
}

@media screen and (min-width:785.14286px) {
	.next-section {
		padding-bottom: calc(.68813vw + 1.17156px)
	}
}

@media screen and (min-width:908.85714px) {
	.next-section {
		padding-bottom: calc(.63157vw + 1.6856px)
	}
}

@media screen and (min-width:1032.57143px) {
	.next-section {
		padding-bottom: calc(.46189vw + 3.43761px)
	}
}

@media screen and (min-width:1156.28571px) {
	.next-section {
		padding-bottom: calc(.1791vw + 6.7075px)
	}
}

@media screen and (min-width:1280px) {
	.next-section {
		padding-bottom: 9px
	}
}

@media (max-width:414px) {
	.next-section {
		margin-top: 2vw
	}
}

.go-to {
	margin-top: 2vw
}

.button.in-place {
	transition: background .2s ease 0s, color .2s ease 0s!important
}

.button svg {
	display: inline-block;
	width: 12px;
	margin-right: -5px;
	height: 16px;
}

@media screen and (min-width:414px) {
	.button svg {
		width: calc(.13433vw + 11.44389px)
	}
}

@media screen and (min-width:537.71429px) {
	.button svg {
		width: calc(.34642vw + 10.30343px)
	}
}

@media screen and (min-width:661.42857px) {
	.button svg {
		width: calc(.47368vw + 9.46172px)
	}
}

@media screen and (min-width:785.14286px) {
	.button svg {
		width: calc(.5161vw + 9.12867px)
	}
}

@media screen and (min-width:908.85714px) {
	.button svg {
		width: calc(.47368vw + 9.5142px)
	}
}

@media screen and (min-width:1032.57143px) {
	.button svg {
		width: calc(.34642vw + 10.82821px)
	}
}

@media screen and (min-width:1156.28571px) {
	.button svg {
		width: calc(.13433vw + 13.28062px)
	}
}

@media screen and (min-width:1280px) {
	.button svg {
		width: 15px
	}
}

.button svg>* {
	fill: var(--blue);
	transition: all .2s ease
}

.button:hover svg>* {
	fill: var(--background)
}

section.spotlight-intro,
section[data-role=Spotlight] {
	background-color: var(--yellow);
	color: var(--blue)
}

section[data-role=Spotlight] .next-section {
	border-color: var(--blue);
	color: var(--blue)
}

section[data-role=Spotlight] .next-section:hover {
	background-color: var(--blue);
	color: var(--background)
}

section[data-role=Spotlight] .next-section svg>* {
	fill: var(--blue)
}

section[data-role=Spotlight] .next-section:hover svg>* {
	fill: var(--background)
}

.spotlight-end {
	background-color: var(--light-pink);
	max-height: 60vh;
	color: var(--blue)
}

.spotlight-end h3 {
	font-weight: 700
}

.spotlight-pagination {
	background-color: var(--blue);
	max-height: 100px;
	color: #fff;
	text-align: center;
}

.spotlight-pagination a {

}

@media (max-width:414px) {
	.spotlight-end .page-wrapper {
		left: 42%
	}
}

#spotlight-shape {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50vw;
	width: 120px;
	height: 154px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	overflow: visible;
	z-index: 0;
	zoom: 4;
	-moz-transform: scale(4);
	opacity: 0;
	transition: all .2s ease
}

#spotlight-shape.show {
	opacity: 1
}

#spotlight-shape>* {
	fill: transparent;
	stroke: #fff4b3;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
	transition: all 1s cubic-bezier(0, 0, .2, 1)
}

@media (max-width:414px) {
	#spotlight-shape>* {
		stroke-width: 2
	}
}

.two-col {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.two-col.space-around {
	-webkit-justify-content: space-around;
	justify-content: space-around
}

.two-col>div {
	width: 48%;
	text-align: left
}

@media (max-width:414px) {
	.featured .two-col>div {
		width: 100%
	}
}

.two-col.space-around>div {
	width: 40%
}

.related-extra-large,
.related-large {
	display: none
}

@media (min-width:1440px) {
	.related .two-col.space-around>div {
		width: 30%
	}
	.related-large {
		display: block
	}
}

@media (min-width:1920px) {
	.related .two-col.space-around>div {
		width: 20%
	}
	.related-extra-large {
		display: block
	}
}

@media (max-width:414px) {
	.two-col.space-around>div {
		width: 87%;
		margin-bottom: 10vw;
		left: -5%;
		position: relative
	}
	.related:not(.mobile-image-fix) .two-col.space-around>div:last-child {
		margin-bottom: -10vw
	}
	.related .page-wrapper {
		top: 50%;
		width: 80%;
		left: 45%
	}
}

section[data-role="News Feed"] {
	background-color: var(--pink)
}

section.featured[data-role="News Feed"] {
	background-color: var(--light-pink)
}

section.featured[data-role="News Feed"] p {
	font-size: 16px
}

@media screen and (min-width:414px) {
	section.featured[data-role="News Feed"] p {
		font-size: calc(.3582vw + 14.51704px)
	}
}

@media screen and (min-width:537.71429px) {
	section.featured[data-role="News Feed"] p {
		font-size: calc(.92379vw + 11.47581px)
	}
}

@media screen and (min-width:661.42857px) {
	section.featured[data-role="News Feed"] p {
		font-size: calc(1.26314vw + 9.23125px)
	}
}

@media screen and (min-width:785.14286px) {
	section.featured[data-role="News Feed"] p {
		font-size: calc(1.37625vw + 8.34312px)
	}
}

@media screen and (min-width:908.85714px) {
	section.featured[data-role="News Feed"] p {
		font-size: calc(1.26314vw + 9.37119px)
	}
}

@media screen and (min-width:1032.57143px) {
	section.featured[data-role="News Feed"] p {
		font-size: calc(.92379vw + 12.87523px)
	}
}

@media screen and (min-width:1156.28571px) {
	section.featured[data-role="News Feed"] p {
		font-size: calc(.3582vw + 19.415px)
	}
}

@media screen and (min-width:1280px) {
	section.featured[data-role="News Feed"] p {
		font-size: 24px
	}
}

section.featured .two-col {
	-webkit-align-items: center;
	align-items: center;
	max-width: 800px;
	margin: 0 auto;
	color: var(--blue)
}



section.featured .two-col .image-wrapper.portrait {
	max-width: 68.05%;
	margin: 0 auto;
	padding-bottom: 100%;
}



.hero-image {
	width: 100%;
    position: relative;
    padding-bottom: 68.05%;
    height: 0;
    overflow: hidden;
}

.hero-image.portrait {
	max-width: 68.05%;
	margin: 0 auto;
	padding-bottom: 100%;
}


@media (max-width:414px) {
	section.featured .two-col img {
		max-height: 40vh;
		max-height: 150px;
		margin-top: 7vw;
		margin-bottom: 3vw
	}
	.featured .page-wrapper {
		left: 42%
	}
	.to-reverse {
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}




span.date-category {
	font-size: 20px;
	color: var(--red);
	font-size: 16px
}

@media screen and (min-width:414px) {
	span.date-category {
		font-size: calc(.1791vw + 15.25852px)
	}
}

@media screen and (min-width:537.71429px) {
	span.date-category {
		font-size: calc(.46189vw + 13.73791px)
	}
}

@media screen and (min-width:661.42857px) {
	span.date-category {
		font-size: calc(.63157vw + 12.61562px)
	}
}

@media screen and (min-width:785.14286px) {
	span.date-category {
		font-size: calc(.68813vw + 12.17156px)
	}
}

@media screen and (min-width:908.85714px) {
	span.date-category {
		font-size: calc(.63157vw + 12.6856px)
	}
}

@media screen and (min-width:1032.57143px) {
	span.date-category {
		font-size: calc(.46189vw + 14.43761px)
	}
}

@media screen and (min-width:1156.28571px) {
	span.date-category {
		font-size: calc(.1791vw + 17.7075px)
	}
}

@media screen and (min-width:1280px) {
	span.date-category {
		font-size: 20px
	}
}

section[data-role="News Feed"] h3 {
	font-size: 18px;
	max-width: 75%;
	line-height: 1.25;
	font-weight: 700;
	margin-top: 5vh;
	margin-bottom: 3vh
}

@media screen and (min-width:414px) {
	section[data-role="News Feed"] h3 {
		font-size: calc(.22388vw + 17.07315px)
	}
}

@media screen and (min-width:537.71429px) {
	section[data-role="News Feed"] h3 {
		font-size: calc(.57737vw + 15.17238px)
	}
}

@media screen and (min-width:661.42857px) {
	section[data-role="News Feed"] h3 {
		font-size: calc(.78946vw + 13.76953px)
	}
}

@media screen and (min-width:785.14286px) {
	section[data-role="News Feed"] h3 {
		font-size: calc(.86016vw + 13.21445px)
	}
}

@media screen and (min-width:908.85714px) {
	section[data-role="News Feed"] h3 {
		font-size: calc(.78946vw + 13.85699px)
	}
}

@media screen and (min-width:1032.57143px) {
	section[data-role="News Feed"] h3 {
		font-size: calc(.57737vw + 16.04702px)
	}
}

@media screen and (min-width:1156.28571px) {
	section[data-role="News Feed"] h3 {
		font-size: calc(.22388vw + 20.13437px)
	}
}

@media screen and (min-width:1280px) {
	section[data-role="News Feed"] h3 {
		font-size: 23px
	}
}

@media (max-width:414px) {
	section[data-role="News Feed"] h3 {
		margin-top: 2vw;
		margin-bottom: 1vw
	}
}

section[data-role="News Feed"] p {
	font-size: 19px;
	font-size: 16px;
	margin-bottom: 10vh
}

@media screen and (min-width:414px) {
	section[data-role="News Feed"] p {
		font-size: calc(.13433vw + 15.44389px)
	}
}

@media screen and (min-width:537.71429px) {
	section[data-role="News Feed"] p {
		font-size: calc(.34642vw + 14.30343px)
	}
}

@media screen and (min-width:661.42857px) {
	section[data-role="News Feed"] p {
		font-size: calc(.47368vw + 13.46172px)
	}
}

@media screen and (min-width:785.14286px) {
	section[data-role="News Feed"] p {
		font-size: calc(.5161vw + 13.12867px)
	}
}

@media screen and (min-width:908.85714px) {
	section[data-role="News Feed"] p {
		font-size: calc(.47368vw + 13.5142px)
	}
}

@media screen and (min-width:1032.57143px) {
	section[data-role="News Feed"] p {
		font-size: calc(.34642vw + 14.82821px)
	}
}

@media screen and (min-width:1156.28571px) {
	section[data-role="News Feed"] p {
		font-size: calc(.13433vw + 17.28062px)
	}
}

@media screen and (min-width:1280px) {
	section[data-role="News Feed"] p {
		font-size: 19px
	}
}

section[data-role="News Feed"].related p {
	margin-bottom: 3vw
}

@media (max-width:414px) {
	section[data-role="News Feed"] p {
		margin-bottom: 3vh
	}
}

section[data-role="News Feed"] h3,
section[data-role="News Feed"] p span {
	color: var(--blue)
}

.spotlight-single-header {
	background-color: #f7a79b;
	color: var(--blue);
	max-height: 90vh;
	min-height: 90vh!important
}

.about-1 img,
.about-3 img,
.about-5 img,
.spotlight-section-1 img,
.spotlight-section-3 img {
	position: absolute;
	width: 40%;
	left: 0;
	bottom: -20vh;
	max-height: 40vh;
	-o-object-fit: cover;
	object-fit: cover
}

.about-2 img,
.about-4 img,
.about-6 img,
.spotlight-section-2 img {
	position: absolute;
	width: 40%;
	right: 0;
	left: auto;
	bottom: -20vh;
	max-height: 40vh;
	-o-object-fit: cover;
	object-fit: cover
}

.spotlight-single-header h1 {
	margin-top: 2.5vw;
	margin-bottom: 1vw
}

.spotlight-single-header p {
	max-width: 80%;
	width: 350px;
	margin: 0 auto;
	display: block !important;
}

@media screen and (min-width:414px) {
	.spotlight-single-header p {
		width: calc(70.4388vw + 58.38337px)
	}
}

@media screen and (min-width:1280px) {
	.spotlight-single-header p {
		width: 960px
	}
}

.spotlight-intro {
	text-align: center;
}

.spotlight-intro .fp-tableCell {
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@media (max-width: 414px) {
	.spotlight-intro .fp-tableCell {
		text-align: left;
	}
	.spotlight-intro .button {
		margin-left: 20px;
	}
}

.spotlight-intro h1, .spotlight-intro p, .spotlight-intro a {
	z-index: 10;
	position: relative;
}


.careers-section h1,
.spotlight-intro h1 {
	margin-bottom: 1vw
}

.spotlight-intro p {
	width: 240px;
	margin: 0 auto;
	text-align: center;
	display: block !important;
}

@media screen and (min-width:414px) {
	.spotlight-intro p {
		width: calc(83.14088vw - 104.20323px)
	}
}

@media screen and (min-width:1280px) {
	.spotlight-intro p {
		width: 960px
	}
}

@media (max-width:414px) {
	.spotlight-intro p {
		margin: 0;
		text-align: left;
		margin-left: 20px;
	}
	.spotlight-intro h1 {
		display: block !important;
		margin-left: 20px;
	}
}

@media (max-width:414px) {
	.spotlight-single-header h1 {
		margin-top: 7.5vw;
		margin-bottom: 5vw
	}
	.spotlight-single-header p {
		max-width: 100%
	}
	.about-1 .page-wrapper,
	.spotlight-intro .page-wrapper,
	.spotlight-single-header .page-wrapper {
		left: 42%
	}
}

section.mobile-image-fix .page-wrapper {
	position: relative;
	top: auto;
	left: auto;
	width: 90%;
	-webkit-transform: none;
	transform: none;
	margin: 30vw auto 20vw
}

@media (max-width:414px) {
	section.mobile-image-fix.work-page .page-wrapper {
		width: 70%;
		left: -10%
	}
}

.related {
	max-height: 95vh;
	color: var(--blue)
}

.related h4 {
	font-weight: 700;
	margin-bottom: 5vh
}


.related .two-col h3 {
	margin-top: 2.5vh;
    margin-bottom: 1.5vh;
}

.related .related-image {
	max-width: 215px;
	margin-left:5vh;
	margin-bottom:5vh;
}

@media (max-width:414px) {
	.related h4 {
		margin-bottom: 10vw;
		margin-top: 20vw
	}
}







.transition-out {
	transition: all .8s!important;
	transition-delay: 0s!important;
	transition-timing-function: ease-out
}

.fade-up-out {
	-webkit-transform: translateY(-30px) translateZ(-100px) rotateY(-30deg)!important;
	transform: translateY(-30px) translateZ(-100px) rotateY(-30deg)!important;
	opacity: 0!important
}

.go-back.in-place {
	transition: all .8s ease!important
}



.go-back {
	position: relative;
	width: 210px;
	text-align: right;
	display: inline-block;
	margin-top: 5vh;
	transition: all 0.8s ease;
}

.go-back:hover {
	width: 280px
}

#left-arrow {
	width: 245px;
	height: 55px;
	zoom: .35;
	position: absolute;
	left: 50px;
	top: 35px;
	transition: all .8s ease
}


@media all and (-ms-high-contrast:none) {

     *::-ms-backdrop,#left-arrow{ 
     	left: 20px;
     	top: 20px;
     } /* IE11 */
}



#left-arrow>* {
	fill: var(--red)
}

.go-back:hover #left-arrow {
	width: 245px
}

.go-back:hover #left-arrow>* {
	fill: var(--background)
}

@media (max-width:414px) {
	.go-back {
		width: 170px;
		margin-top: 5vw
	}
	.go-back:hover {
		width: 240px
	}
	#left-arrow {
		top: 2px;
		left: 30px;
		margin-top: 5vw
	}
	.go-back:hover #left-arrow {
		width: 245px
	}
}

.go-back-2 {
	position: relative;
	width: 210px;
	text-align: right;
	display: inline-block;
	margin-top: 2.5vh;
	margin-bottom: 2.5vh;
	transition: all 0.8s ease;
}

.go-back-2:hover {
	width: 280px
}

#left-arrow-2 {
	width: 245px;
	height: 55px;
	zoom: .35;
	position: absolute;
	left: 50px;
	top: 35px;
	transition: all .8s ease
}

#left-arrow-2>* {
	fill: var(--red)
}

.go-back-2:hover #left-arrow-2 {
	width: 245px
}

.go-back-2:hover #left-arrow-2>* {
	fill: var(--background)
}

@media (max-width:414px) {
	.go-back-2 {
		width: 170px;
		margin-top: 5vw
	}
	.go-back-2:hover {
		width: 240px
	}
	#left-arrow-2 {
		top: 2px;
		left: 30px;
		margin-top: 5vw
	}
	.go-back-2:hover #left-arrow-2 {
		width: 245px
	}
}

.team-wrapper {
	width: 75%;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 10vw;
	padding-bottom: 5vw;
	color: var(--blue);
	-webkit-justify-content: space-between;
	justify-content: space-between
	position: relative;
	left: -1.5%;
}

@media (min-width:1200px) {
	.team-wrapper {
		max-width: 900px
	}
}

.blog-wrapper {
	width: 75%;
	max-width: 970px;
	margin: 0 auto;
	padding-top: 10vw;
	padding-bottom: 2.5vw;
	color: var(--blue)
}

@media (max-width:414px) {
	.blog-wrapper {
		width: 80%;
		padding-top: 15vh;
		position: relative;
		left: -5%
	}
}

.blog-wrapper h3.intro-heading {
	padding-bottom: 5vw;
	padding-top: 5vw;
	font-size: 16px
}

@media screen and (min-width:414px) {
	.blog-wrapper h3.intro-heading {
		font-size: calc(.71641vw + 13.03408px)
	}
}

@media screen and (min-width:537.71429px) {
	.blog-wrapper h3.intro-heading {
		font-size: calc(1.84758vw + 6.95162px)
	}
}

@media screen and (min-width:661.42857px) {
	.blog-wrapper h3.intro-heading {
		font-size: calc(2.52628vw + 2.4625px)
	}
}

@media screen and (min-width:785.14286px) {
	.blog-wrapper h3.intro-heading {
		font-size: calc(2.75251vw + .68624px)
	}
}

@media screen and (min-width:908.85714px) {
	.blog-wrapper h3.intro-heading {
		font-size: calc(2.52628vw + 2.74238px)
	}
}

@media screen and (min-width:1032.57143px) {
	.blog-wrapper h3.intro-heading {
		font-size: calc(1.84758vw + 9.75046px)
	}
}

@media screen and (min-width:1156.28571px) {
	.blog-wrapper h3.intro-heading {
		font-size: calc(.71641vw + 22.82999px)
	}
}

@media screen and (min-width:1280px) {
	.blog-wrapper h3.intro-heading {
		font-size: 32px
	}
}

@media (min-width:2000px) {
	.blog-wrapper h3.intro-heading {
		padding-bottom: 5vw
	}
}

.blog-content {
	background-color: var(--light-pink)
}

.blog-content p:empty {
	display: none
}

.blog-columns {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 5vw
}

.blog-columns img {
	margin-bottom: 2vw
}

.blog-columns ul {
	list-style-type: circle
}

.blog-columns ul li {
	margin-bottom: .5em
}

.blog-content img.aligncenter {
	left: 50%;
	position: relative;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.blog-columns>div:first-child {
	width: 23%;
	margin-right: 0;
	color: var(--red);
	font-weight: 700
}

.blog-columns>div:last-child {
	width: 68%;
	margin-left: 7%;
	line-height: 1.45
}

@media (max-width:414px) {
	.blog-columns>div {
		width: 85%!important;
		margin-bottom: 5vw
	}
}

.spotlight-p {
	display: block!important
}

.spotlight-p a {
	background-position: 0 95%!important
}

.blog-wrapper h1 {
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 2vw
}

@media screen and (min-width:414px) {
	.blog-wrapper h1 {
		font-size: calc(1.34326vw + 18.43889px)
	}
}

@media screen and (min-width:537.71429px) {
	.blog-wrapper h1 {
		font-size: calc(3.4642vw + 7.03429px)
	}
}

@media screen and (min-width:661.42857px) {
	.blog-wrapper h1 {
		font-size: calc(4.73677vw - 1.38281px)
	}
}

@media screen and (min-width:785.14286px) {
	.blog-wrapper h1 {
		font-size: calc(5.16096vw - 4.7133px)
	}
}

@media screen and (min-width:908.85714px) {
	.blog-wrapper h1 {
		font-size: calc(4.73677vw - .85803px)
	}
}

@media screen and (min-width:1032.57143px) {
	.blog-wrapper h1 {
		font-size: calc(3.4642vw + 12.28211px)
	}
}

@media screen and (min-width:1156.28571px) {
	.blog-wrapper h1 {
		font-size: calc(1.34326vw + 36.80624px)
	}
}

@media screen and (min-width:1280px) {
	.blog-wrapper h1 {
		font-size: 54px
	}
}

.careers-blog h3.intro-heading {
	padding-bottom: 3vw
}

.careers-blog .blog-columns {
	margin-bottom: 1vw
}

.blog-columns>div:last-child p {
	font-size: 16px;
	margin-bottom: 1em
}

@media screen and (min-width:414px) {
	.blog-columns>div:last-child p {
		font-size: calc(.3582vw + 14.51704px)
	}
}

@media screen and (min-width:537.71429px) {
	.blog-columns>div:last-child p {
		font-size: calc(.92379vw + 11.47581px)
	}
}

@media screen and (min-width:661.42857px) {
	.blog-columns>div:last-child p {
		font-size: calc(1.26314vw + 9.23125px)
	}
}

@media screen and (min-width:785.14286px) {
	.blog-columns>div:last-child p {
		font-size: calc(1.37625vw + 8.34312px)
	}
}

@media screen and (min-width:908.85714px) {
	.blog-columns>div:last-child p {
		font-size: calc(1.26314vw + 9.37119px)
	}
}

@media screen and (min-width:1032.57143px) {
	.blog-columns>div:last-child p {
		font-size: calc(.92379vw + 12.87523px)
	}
}

@media screen and (min-width:1156.28571px) {
	.blog-columns>div:last-child p {
		font-size: calc(.3582vw + 19.415px)
	}
}

@media screen and (min-width:1280px) {
	.blog-columns>div:last-child p {
		font-size: 24px
	}
}

.blog-columns>div:first-child p {
	font-size: 16px
}

@media screen and (min-width:414px) {
	.blog-columns>div:first-child p {
		font-size: calc(.08955vw + 15.62926px)
	}
}

@media screen and (min-width:537.71429px) {
	.blog-columns>div:first-child p {
		font-size: calc(.23095vw + 14.86895px)
	}
}

@media screen and (min-width:661.42857px) {
	.blog-columns>div:first-child p {
		font-size: calc(.31578vw + 14.30781px)
	}
}

@media screen and (min-width:785.14286px) {
	.blog-columns>div:first-child p {
		font-size: calc(.34406vw + 14.08578px)
	}
}

@media screen and (min-width:908.85714px) {
	.blog-columns>div:first-child p {
		font-size: calc(.31578vw + 14.3428px)
	}
}

@media screen and (min-width:1032.57143px) {
	.blog-columns>div:first-child p {
		font-size: calc(.23095vw + 15.21881px)
	}
}

@media screen and (min-width:1156.28571px) {
	.blog-columns>div:first-child p {
		font-size: calc(.08955vw + 16.85375px)
	}
}

@media screen and (min-width:1280px) {
	.blog-columns>div:first-child p {
		font-size: 18px
	}
}

.careers-blog .blog-columns>div:last-child p {
	font-size: 16px
}

@media screen and (min-width:414px) {
	.careers-blog .blog-columns>div:last-child p {
		font-size: calc(.08955vw + 15.62926px)
	}
}

@media screen and (min-width:537.71429px) {
	.careers-blog .blog-columns>div:last-child p {
		font-size: calc(.23095vw + 14.86895px)
	}
}

@media screen and (min-width:661.42857px) {
	.careers-blog .blog-columns>div:last-child p {
		font-size: calc(.31578vw + 14.30781px)
	}
}

@media screen and (min-width:785.14286px) {
	.careers-blog .blog-columns>div:last-child p {
		font-size: calc(.34406vw + 14.08578px)
	}
}

@media screen and (min-width:908.85714px) {
	.careers-blog .blog-columns>div:last-child p {
		font-size: calc(.31578vw + 14.3428px)
	}
}

@media screen and (min-width:1032.57143px) {
	.careers-blog .blog-columns>div:last-child p {
		font-size: calc(.23095vw + 15.21881px)
	}
}

@media screen and (min-width:1156.28571px) {
	.careers-blog .blog-columns>div:last-child p {
		font-size: calc(.08955vw + 16.85375px)
	}
}

@media screen and (min-width:1280px) {
	.careers-blog .blog-columns>div:last-child p {
		font-size: 18px
	}
}

.team-wrapper>div {
	width: 30%;
	text-align: center;
	margin-bottom: 6vw
}

@media (max-width:1000px) {
	.team-wrapper>div {
		width: 45%
	}
}

@media (max-width:600px) {
	.team-wrapper>div {
		width: 80%;
		margin: 0 auto 8vw
	}
}

.team-wrapper>div>img {
	height: 18vw;
	-o-object-fit: cover;
	object-fit: cover;
	width: 18vw;
	min-width: 18vw;
	border-radius: 100%;
	margin-bottom: 1vw;
	display: inline-block;
}

@media (min-width:1200px) {
	.team-wrapper>div>img {
		width: 215px;
		min-width: 215px;
		height: 215px
	}
}

@media (max-width:414px) {
	.team-wrapper>div>img {
		width: 60vw;
		min-width: 60vw;
		height: 60vw
	}
}

.team-wrapper h3 {
	letter-spacing: .02em;
	font-size: 18px
}

@media screen and (min-width:414px) {
	.team-wrapper h3 {
		font-size: calc(.26865vw + 16.88778px)
	}
}

@media screen and (min-width:537.71429px) {
	.team-wrapper h3 {
		font-size: calc(.69284vw + 14.60686px)
	}
}

@media screen and (min-width:661.42857px) {
	.team-wrapper h3 {
		font-size: calc(.94735vw + 12.92344px)
	}
}

@media screen and (min-width:785.14286px) {
	.team-wrapper h3 {
		font-size: calc(1.03219vw + 12.25734px)
	}
}

@media screen and (min-width:908.85714px) {
	.team-wrapper h3 {
		font-size: calc(.94735vw + 13.02839px)
	}
}

@media screen and (min-width:1032.57143px) {
	.team-wrapper h3 {
		font-size: calc(.69284vw + 15.65642px)
	}
}

@media screen and (min-width:1156.28571px) {
	.team-wrapper h3 {
		font-size: calc(.26865vw + 20.56125px)
	}
}

@media screen and (min-width:1280px) {
	.team-wrapper h3 {
		font-size: 24px
	}
}

@media (min-width:2000px) {
	.team-wrapper h3 {
		font-size: 24px
	}
}

@media screen and (min-width:2000px) and (min-width:1280px) {
	.team-wrapper h3 {
		font-size: calc(.36352vw + 19.34694px)
	}
}

@media screen and (min-width:2000px) and (min-width:1462.85714px) {
	.team-wrapper h3 {
		font-size: calc(.9375vw + 10.95044px)
	}
}

@media screen and (min-width:2000px) and (min-width:1645.71429px) {
	.team-wrapper h3 {
		font-size: calc(1.28189vw + 5.2828px)
	}
}

@media screen and (min-width:2000px) and (min-width:1828.57143px) {
	.team-wrapper h3 {
		font-size: calc(1.39668vw + 3.18367px)
	}
}

@media screen and (min-width:2000px) and (min-width:2011.42857px) {
	.team-wrapper h3 {
		font-size: calc(1.28189vw + 5.49271px)
	}
}

@media screen and (min-width:2000px) and (min-width:2194.28571px) {
	.team-wrapper h3 {
		font-size: calc(.9375vw + 13.04956px)
	}
}

@media screen and (min-width:2000px) and (min-width:2377.14286px) {
	.team-wrapper h3 {
		font-size: calc(.36352vw + 26.69388px)
	}
}

@media screen and (min-width:2000px) and (min-width:2560px) {
	.team-wrapper h3 {
		font-size: 36px
	}
}

.team-wrapper span {
	letter-spacing: .02em;
	font-weight: 700
}

@media (min-width:2000px) {
	.team-wrapper span {
		font-size: 16px
	}
}

@media screen and (min-width:2000px) and (min-width:1280px) {
	.team-wrapper span {
		font-size: calc(.24235vw + 12.89796px)
	}
}

@media screen and (min-width:2000px) and (min-width:1462.85714px) {
	.team-wrapper span {
		font-size: calc(.625vw + 7.30029px)
	}
}

@media screen and (min-width:2000px) and (min-width:1645.71429px) {
	.team-wrapper span {
		font-size: calc(.85459vw + 3.52187px)
	}
}

@media screen and (min-width:2000px) and (min-width:1828.57143px) {
	.team-wrapper span {
		font-size: calc(.93112vw + 2.12245px)
	}
}

@media screen and (min-width:2000px) and (min-width:2011.42857px) {
	.team-wrapper span {
		font-size: calc(.85459vw + 3.66181px)
	}
}

@media screen and (min-width:2000px) and (min-width:2194.28571px) {
	.team-wrapper span {
		font-size: calc(.625vw + 8.69971px)
	}
}

@media screen and (min-width:2000px) and (min-width:2377.14286px) {
	.team-wrapper span {
		font-size: calc(.24235vw + 17.79592px)
	}
}

@media screen and (min-width:2000px) and (min-width:2560px) {
	.team-wrapper span {
		font-size: 24px
	}
}

#shape {
	zoom: 1.3;
	-moz-transform: scale(1.3);
	opacity: 0;
	position: relative;
	overflow: visible;
	margin-right: 20px;
	max-width: 150px;
	transition: all .3s ease
}

.logo-intro-wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	width: 100%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.work-loader #shape,
.work-loader #shape2 {
	left: 50%;
	width: 105px
}

.work-loader #shape.hide {
	opacity: 0
}

.work-page h1,
.work-page h2,
.work-page p {
	color: var(--blue)
}

.work-page .page-wrapper p {
	max-width: 960px;
	margin: 0 auto 2vw
}

@media (max-width:414px) {
	.work-page .page-wrapper p {
		max-width: 100%
	}
}

@media (min-width:2000px) {
	.work-page .page-wrapper p {
		width: 775px
	}
}

@media screen and (min-width:2000px) and (min-width:1280px) {
	.work-page .page-wrapper p {
		width: calc(17.59187vw + 549.82408px)
	}
}

@media screen and (min-width:2000px) and (min-width:2559px) {
	.work-page .page-wrapper p {
		width: 1000px
	}
}

.work-page .page-wrapper img+p {
	margin-bottom: 0;
	margin-top: 4vw
}

@media (max-width:1300px) {
	.work-page.bug-diaries-intro img,
	.work-page.mouse-intro img {
		max-width: 80%;
		margin: 0 auto
	}
}

@media (max-width:414px) {
	.work-page img {
		max-width: 100%!important;
		margin: 0 auto
	}
}

.work-opener {
	background: var(--pink)
}

.work-wrapper {
	max-width: 95%;
	margin: 0 auto;
	position: relative;
	z-index: -1
}

.work-wrapper .slider {
	max-width: 100%
}

@media (min-width:415px) {
	.work-wrapper .slider {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between
	}
}

@media (max-width:414px) {
	.work-wrapper {
		max-width: 80%;
		margin: initial
	}
}

.work-wrapper .cover {
	width: 32%;
	position: relative;
	cursor: pointer;
	max-height: 70vh;
	max-width: 100%;
	margin: 0 12px;
}

@media (max-width:414px) {
	.work-wrapper .cover {
		width: 100%;
		margin-bottom: 2vw
	}
}

.work-wrapper .cover:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(46, 49, 144, .76);
	opacity: 0;
	transition: all .2s ease
}

.work-wrapper .cover img {
	display: block;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.work-wrapper .cover:hover .button,
.work-wrapper .cover:hover:after {
	opacity: 1
}

@media (max-width:414px) {
	.work-page .page-wrapper {
		left: 44%
	}
}

.projects-nav {
	display: block!important;
	margin-bottom: 2vw;
	list-style-type: none !important;
	padding-left:0;
	text-align: center;
}

@media (max-width: 414px) {
	.projects-nav {
		text-align: left;
		margin-left: 10px;
	}
}

.projects-nav li {
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px
}

.projects-nav li ul li:after {
	content: "•";
	margin-left: 5px;
	margin-right: 5px;
	display: inline-block
}

.projects-nav li ul li:last-child:after {
	display: none
}

.projects-nav li ul {
	z-index: 1000;
	opacity: 0;
	max-height: 0;
	padding: 0;
	overflow: hidden;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	transition: max-height 1s ease;
	font-weight: 400
}

@media (max-width:414px) {
	.projects-nav li ul {
		top: 29px;
		left: 0;
		width: 260px
	}
}

.projects-nav li ul.open {
	height: auto;
	opacity: 1;
	padding: 10px;
	max-height: 1000px
}

@media (max-width:414px) {
	.projects-nav li ul.open {
		padding: 0
	}
}

.projects-nav li ul li {
	margin: 10px 0;
	display: inline-block
}

@media (max-width:414px) {
	.projects-nav li ul li {
		margin: 5px 0;
		font-size: 14px
	}
}

.projects-nav-title {
	display: inline-block;
	position: relative;
	cursor: pointer;
	font-weight: 700
}

.projects-nav-title:after {
	content: "";
	background: url(../images/downarrow.svg) no-repeat;
	background-size: 11px 6px;
	display: inline-block;
	width: 11px;
	height: 6px;
	vertical-align: middle;
	margin-left: 6px
}

.open .projects-nav-title:after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg)
}

.photo-para {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	max-width: 90%;
	margin: 0 auto
}

.photo-para img {
	margin-bottom: 1vw;
	display: block;
	width: 100%
}

.photo-para p {
	text-align: left;
	font-size: 14px;
	margin: 0 !important;
	margin-bottom: 1em !important;
}

@media screen and (min-width:414px) {
	.photo-para p {
		font-size: calc(.44775vw + 12.1463px)
	}
}

@media screen and (min-width:537.71429px) {
	.photo-para p {
		font-size: calc(1.15473vw + 8.34476px)
	}
}

@media screen and (min-width:661.42857px) {
	.photo-para p {
		font-size: calc(1.57892vw + 5.53906px)
	}
}

@media screen and (min-width:785.14286px) {
	.photo-para p {
		font-size: calc(1.72032vw + 4.4289px)
	}
}

@media screen and (min-width:908.85714px) {
	.photo-para p {
		font-size: calc(1.57892vw + 5.71399px)
	}
}

@media screen and (min-width:1032.57143px) {
	.photo-para p {
		font-size: calc(1.15473vw + 10.09404px)
	}
}

@media screen and (min-width:1156.28571px) {
	.photo-para p {
		font-size: calc(.44775vw + 18.26875px)
	}
}

@media screen and (min-width:1280px) {
	.photo-para p {
		font-size: 24px
	}
}

.photo-para p:last-child {
	margin-bottom: 0
}

.photo-para>div:first-child {
	width: 32%
}

.photo-para>div:last-child {
	width: 65%
}

@media (max-width:414px) {
	.photo-para {
		max-width: 100%
	}
	.photo-para>div:first-child,
	.photo-para>div:last-child {
		width: 100%
	}
	.photo-para .slider {
		margin-bottom: 0;
		overflow: hidden
	}
}

.stream-page p {
	max-width: 50%!important;
	margin: 0 auto 4vw!important
}

@media (max-width:414px) {
	.stream-wrapper {
		max-width: 223px!important;
		margin: initial!important
	}
	.stream-page p {
		max-width: 80%!important;
		margin: initial!important;
		margin-bottom: 4vw!important
	}
}

.mouse-coming-soon p,
.shhh p {
	max-width: 60%!important;
	margin: 0 auto!important
}

@media (max-width:414px) {
	.mouse-coming-soon p,
	.shhh p {
		max-width: 80%!important;
		margin: initial!important
	}
}

.mouse-coming-soon img {
	margin-bottom: 4vw
}

.mouse-intro img {
	max-width: 80%!important;
	margin: 0 auto!important;
	max-height: 60vh;
	-o-object-fit: cover;
	object-fit: cover
}

@media (max-width:414px) {
	.mouse-intro img {
		max-width: 100%!important
	}
}

.stream-wrapper {
	max-width: 300px;
	margin: 0 auto;
	position: relative
}

.button-wrapper {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	background-color: var(--pink);
	height: 100px
}

.button-wrapper .button {
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	color: #fff;
	border: 1px solid #fff;
	width: 160px;
	text-align: center
}

#shape2,
.button-wrapper .button {
	position: absolute;
	top: 50%;
	left: 50%
}

#shape2 {
	zoom: 1.6
	-moz-transform: scale(1.6);
}

#shape.show {
	opacity: 1;
	left: 0;
	top: 0
}

#shape.show.pull1 {
	left: -53px;
	top: 20px
}

@media (max-width:414px) {
	#shape.show.pull1 {
		left: 25%
	}
}

#shape.push1 {
	left: 100px
}

#shape.push2 {
	top: 20px;
	left: 50px
}

#shape.yellow>* {
	stroke: var(--yellow)!important
}

#shape.pink>* {
	stroke: var(--pink)!important
}

#shape.blue>* {
	stroke: var(--blue)!important
}

#shape.red>* {
	stroke: var(--red)!important
}

@media (max-width:414px) {
	#shape {
		zoom: .55;
		-moz-transform: scale(0.55);
	}
	.work-loader #shape {
		zoom: .8;
		-moz-transform: scale(0.8);
		left: 40%
	}
}

.slick-next {
	opacity: 1 !important;
}

.work-loader {
	text-align: center;
}

@media (max-width:414px) {
	.logo-intro-wrapper .logotype {
		width: 120px;
	}
	nav .main-logo .logotype {
		zoom: .7;
		-moz-transform: scale(0.7);
		top: 28px!important;
		left: 115px!important
	}
}

.main-logo .logotype {
	position: relative;
	top: auto;
	left: auto;
	-webkit-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
	position: fixed;
	top: 1.8vw;
	left: calc(2vw + 90px);
	width: 100px;
	height: 77px
}

@media (min-width:2000px) {
	.main-logo .logotype {
		top: 2.45vw;
		left: calc(2.5vw + 90px)
	}
}

.main-logo .lighthouse-logo {
	fill: #1c1c1b
}

.intro #shape polygon {
	stroke: #fff;
	stroke-width: 10;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10
}

.intro #shape polygon,
.work-loader #shape polygon {
	fill: none;
	transition: all 1s cubic-bezier(0, 0, .2, 1)
}

.work-loader #shape polygon {
	stroke: var(--blue);
	stroke-width: 10;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10
}

.intro #shape.shape-blue polygon {
	stroke: var(--blue)
}

.video {
	display: block;
	width: 625px;
	position: relative;
	opacity: 1
}

@media (max-width:414px) {
	.video {
		width: 280px
	}
	#shape.show.pull-final {
		left: 73px;
		top: 17px;
		-webkit-transform: scale(.8) scaleX(.8);
		transform: scale(.8) scaleX(.8)
	}
}

@media (min-width:650px) {
	.video {
		width: 540px
	}
	#shape.show.pull-final {
		-webkit-transform: scaleY(.9) scaleX(.75);
		transform: scaleY(.9) scaleX(.75)
	}
}

@media (min-width:1240px) {
	.video {
		width: 960px
	}
	#shape.show.pull-final {
		left: -119px;
		top: 30px;
		-webkit-transform: scaleY(1.65);
		transform: scaleY(1.65)
	}
}

@media (min-width:1700px) {
	.video {
		width: 1240px
	}
	#shape {
		/*-webkit-transform: scaleY(1.2) scaleX(1.2);
		transform: scaleY(1.2) scaleX(1.2)*/
	}
	#shape.show.pull-final {
		left: -171px;
		top: 38px;
		-webkit-transform: scaleY(2.1);
		transform: scaleY(2.1)
	}
}

@media (min-width:2000px) {
	.video {
		width: 1440px
	}
	#shape {
		/*-webkit-transform: scaleY(1.25) scaleX(1.25);
		transform: scaleY(1.25) scaleX(1.25)*/
	}
	#shape.show.pull-final {
		left: -188px;
		top: 43px;
		-webkit-transform: scaleY(2.4) scaleX(1.4);
		transform: scaleY(2.4) scaleX(1.4)
	}
}

@media (min-width:2300px) {
	.video {
		width: 1920px
	}
	#shape {
		/*-webkit-transform: scaleY(1.5) scaleX(1.5);
		transform: scaleY(1.5) scaleX(1.5)*/
	}
	#shape.show.pull-final {
		left: -258px;
		top: 57px;
		-webkit-transform: scaleY(3.2) scaleX(1.8);
		transform: scaleY(3.2) scaleX(1.8)
	}
}

.blog-wrapper .video {
	top: auto;
	left: auto;
	max-width: 100%
}

.blog-wrapper .video,
.blog-wrapper .video-wrapper {
	position: relative;
	-webkit-transform: none;
	transform: none
}

.blog-wrapper .video-wrapper {
	max-width: 90%;
	margin: 0 auto 4vw
}

.video.open {
	opacity: 1
}

.video-wrapper {
	position: absolute;
	top: 50%;
	opacity: 0;
	left: 50%;
	-webkit-transform: translateY(-51%) translateX(-50%) scale(.5);
	transform: translateY(-51%) translateX(-50%) scale(.5);
	-webkit-clip-path: polygon(2% 5%, 4% 5%, 4% 95%, 2% 95%);
	clip-path: polygon(2% 5%, 4% 5%, 4% 95%, 2% 95%);
	box-shadow: inset 0 0 0 25px var(--red);
	-webkit-transform-style: preserve-3d
}

.video-wrapper.prep {
	opacity: 1;
	padding-left: 25px;
	border-radius: 65px;
	transition: padding 0s linear, opacity 0s linear, border-radius 0s linear, -webkit-clip-path 2s ease, -webkit-transform 2s ease;
	transition: clip-path 2s ease, padding 0s linear, transform 2s ease, opacity 0s linear, border-radius 0s linear;
	transition: clip-path 2s ease, padding 0s linear, transform 2s ease, opacity 0s linear, border-radius 0s linear, -webkit-clip-path 2s ease, -webkit-transform 2s ease
}

@media (min-width:414px) {
	.video-wrapper.prep {
		border-radius: 10px
	}
}

@media (min-width:1240px) {
	.video-wrapper.prep {
		padding-left: 40px
	}
}

@media (min-width:1700px) {
	.video-wrapper.prep {
		padding-left: 55px;
		box-shadow: inset 0 0 0 53px var(--red)
	}
}

@media (min-width:2000px) {
	.video-wrapper.prep {
		padding-left: 62px
	}
}

@media (min-width:2300px) {
	.video-wrapper.prep {
		padding-left: 82px;
		box-shadow: inset 0 0 0 115px var(--red)
	}
}

.video-wrapper.open {
	opacity: 1;
	border-radius: 7px;
	padding-left: 7px;
	padding-right: 7px;
	transition: padding 1s ease, opacity 0s linear, border-radius 1s ease, -webkit-clip-path 2s ease, -webkit-transform 2s ease;
	transition: clip-path 2s ease, padding 1s ease, transform 2s ease, opacity 0s linear, border-radius 1s ease;
	transition: clip-path 2s ease, padding 1s ease, transform 2s ease, opacity 0s linear, border-radius 1s ease, -webkit-clip-path 2s ease, -webkit-transform 2s ease;
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
	transform: translateY(-50%) translateX(-50%) scale(1);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

.work-home-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-items: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 48.5%;
	width: 100%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

@media (max-width:414px) {
	.work-home-wrapper {
		display: block;
		width: 85%;
		top: 57%
	}
}

.work-home-wrapper h3 {
	color: var(--blue);
	font-size: 28px;
	margin-right: 3vw;
	width: auto;
	max-width: 230px;
	text-align: right;
	line-height: 1.2
}

@media screen and (min-width:414px) {
	.work-home-wrapper h3 {
		font-size: calc(.44775vw + 26.1463px)
	}
}

@media screen and (min-width:537.71429px) {
	.work-home-wrapper h3 {
		font-size: calc(1.15473vw + 22.34476px)
	}
}

@media screen and (min-width:661.42857px) {
	.work-home-wrapper h3 {
		font-size: calc(1.57892vw + 19.53906px)
	}
}

@media screen and (min-width:785.14286px) {
	.work-home-wrapper h3 {
		font-size: calc(1.72032vw + 18.4289px)
	}
}

@media screen and (min-width:908.85714px) {
	.work-home-wrapper h3 {
		font-size: calc(1.57892vw + 19.71399px)
	}
}

@media screen and (min-width:1032.57143px) {
	.work-home-wrapper h3 {
		font-size: calc(1.15473vw + 24.09404px)
	}
}

@media screen and (min-width:1156.28571px) {
	.work-home-wrapper h3 {
		font-size: calc(.44775vw + 32.26875px)
	}
}

@media screen and (min-width:1280px) {
	.work-home-wrapper h3 {
		font-size: 38px
	}
}

.contact-section {
	text-align: center;
}

.contact-section a,
.two-col h3 a,
.work-home-wrapper h3 a {
	background-image: linear-gradient(90deg, var(--blue) 0, var(--blue) 50%, transparent 50.1%, transparent)!important
}

.contact-section a,
.two-col h3 a,
.work-home-wrapper h3 a,
span.date-category a {
	background-repeat: repeat-x;
	background-position: 100% 95%;
	background-size: 250% .08em
}

span.date-category a {
	background-image: linear-gradient(90deg, var(--red) 0, var(--red) 50%, transparent 50.1%, transparent)!important
}

.work-home-wrapper h3 a:hover {
	background-position: 0 95%
}

.work-home-wrapper img {
	max-width: 350px
}

@media (max-width:414px) {
	.work-home-wrapper h3 {
		width: 100%;
		text-align: left;
		margin: 0 0 4vw;
		max-width: 64%
	}
	.work-home-wrapper img {
		max-width: 75%
	}
}

@media (max-width:414px) and (max-height:480px) {
	.work-home-wrapper img {
		max-width: 60%
	}
	.stream-wrapper {
		max-width: 75%!important
	}
	.button-wrapper {
		height: 75px
	}
	.button-wrapper .button {
		width: 120px
	}
}

.work-home-wrapper .button {
	margin-left: 3vw
}

@media (max-width:414px) {
	.work-home-wrapper .button {
		display: inline-block!important;
		margin: 4vw 0 0
	}
}

.page-wrapper {
	position: absolute;
	top: 50%;
	left: 48.5%;
	width: 75%;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

@media (max-width:414px) {
	.page-wrapper {
		text-align: left;
		left: 35%;
		top: 47%
	}
}

.logo-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-evenly;
	justify-content: space-evenly;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 2vw auto 0;
	width: 100%;
	max-width: 1100px;
}

.work-1 {
	background-color: var(--pink)
}

.logo-wrapper img {
	width: 31%;
	padding: 2vw 4vw
}

.logo-wrapper img:nth-child(2) {
	width: 28%;
	margin: 0 1.5%
}

@media (max-width:414px) {
	.logo-wrapper {
		width: 75%;
		left: 40%;
		margin-bottom: -20vw!important
	}
	.logo-wrapper img,
	.logo-wrapper img:nth-child(2) {
		width: 85%;
		padding: 6vw
	}
	.two-col p+a {
		margin-top: 2vw
	}
}

html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}

html:not(.no-js) [data-aos=fade-in-twirl][data-aos=fade-in-twirl] {
	display: inline-block;
	-webkit-transform: translateY(10vh) rotateY(30deg) rotateX(20deg) translateZ(-50px);
	transform: translateY(10vh) rotateY(30deg) rotateX(20deg) translateZ(-50px)
}

html:not(.no-js) .about-2 [data-aos=fade-in-twirl][data-aos=fade-in-twirl] {
	display: inline-block;
	-webkit-transform: translateY(10vh) rotateY(-30deg) rotateX(20deg) translateZ(-50px);
	transform: translateY(10vh) rotateY(-30deg) rotateX(20deg) translateZ(-50px)
}

html:not(.no-js) .about-2 [data-aos=fade-in-twirl][data-aos=fade-in-twirl].aos-animate {
	display: inline-block;
	-webkit-transform: translateY(0) rotateY(0deg) rotateX(0deg) translateZ(0);
	transform: translateY(0) rotateY(0deg) rotateX(0deg) translateZ(0)
}

html:not(.no-js) [data-aos=fade-up][data-aos=fade-up] {
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
	transition: opacity .2s ease-out, transform .2s ease-out;
	transition: opacity .2s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out
}

html:not(.no-js) [data-aos=fade-up][data-aos=fade-up].aos-animate {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

html:not(.no-js) [data-aos=fade-up-slow][data-aos=fade-up-slow] {
	opacity: 0;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
	transition: all .7s ease-out
}

html:not(.no-js) [data-aos=fade-up-slow][data-aos=fade-up-slow].aos-animate {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

sup {
	font-size: 60%;
	vertical-align: super;
	font-weight: 700;
	margin-left: -.3em;
	margin-right: -.3em
}

#fp-nav {
	-webkit-transform: translateX(200px);
	transform: translateX(200px);
	transition: opacity .5s ease, -webkit-transform .5s ease;
	transition: transform .5s ease, opacity .5s ease;
	transition: transform .5s ease, opacity .5s ease, -webkit-transform .5s ease
}

#fp-nav.visible {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

#fp-nav.extra-hide {
	-webkit-transform: translateX(200px)!important;
	transform: translateX(200px)!important
}

#fp-nav.fp-right {
	right: 2vw
}

@media (min-width:2000px) {
	#fp-nav.fp-right {
		right: 3vw
	}
}

@media (max-width:414px) {
	#fp-nav.fp-right {
		right: 20px
	}
}

#fp-nav ul li {
	width: 3px;
	height: 25px;
	margin: 0
}

#fp-nav .total-sections {
	position: absolute;
	left: -7px;
	bottom: -25px
}

#fp-nav .current-section-number {
	position: absolute;
	left: -7px;
	top: -25px
}

#fp-nav .current-section {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
	left: -235px;
	text-align: center;
	width: 400px
}

@media (max-width:414px) {
	#fp-nav .current-section {
		left: -171px;
		font-size: 13px;
		white-space: nowrap;
		width: 300px;
	  	overflow: hidden;
	  	text-overflow: ellipsis;
	}
}

#fp-nav .current-section span {
	letter-spacing: .08em;
	font-weight: 700
}

#fp-nav ul li a {
	padding: 0 20px
}

#fp-nav ul li a span {
	background-color: #1c1c1b;
	opacity: .2;
	border: 0;
	border-radius: 1px;
	-webkit-filter: drop-shadow(0 0 0 transparent);
	filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
	left: 0;
	top: 0
}

#fp-nav ul li:hover a span,
#fp-nav ul li a span {
	height: 25px;
	width: 2px;
	margin: 0
}

#fp-nav.long-nav ul li,
#fp-nav.long-nav ul li a span {
	height: 45px
}


@media (max-width: 414px) {
#fp-nav.long-nav ul li,
#fp-nav.long-nav ul li a span {
	height: 25px
}
}


#fp-nav ul li:hover a.active span,
#fp-nav ul li a.active span {
	opacity: 1;
	border-radius: 0
}

.google-maps,
.partner-logos {
	max-height: 95vh
}

@media (max-width:414px) {
	.google-maps .page-wrapper {
		left: 43%;
		top: 50%
	}
	.logo-wrapper {
		margin: 2vw 0 0
	}
	.partner-logos h3 {
		margin-left: 10%
	}
}

#map {
	width: 80%;
	height: 100vh;
	height: 60vh;
	margin: 0 auto;
	display: block
}

@media (max-width:414px) {
	#map {
		width: 100%
	}
}

.footer {
	background-color: var(--blue);
	color: #fff;
	padding: 40px 20px 0;
	height: 50vh;
	max-height: 400px;
	min-height: 330px;
	font-size: 18px;
	position: relative
}

@media (min-width:2000px) {
	.footer {
		padding: 40px 2.5vw 0
	}
}

@media (max-width:414px) {
	.footer {
		font-size: 14px;
		line-height: 1.3
	}
}

.footer ul {
	position: absolute;
	right: 20px;
	top: 40px;
	width: 100%;
	text-align: right
}

@media (max-width:414px) {
	.footer ul:not(.social) {
		width: 25%;
		text-align: left
	}
}

.footer ul li {
	display: inline-block;
	margin: 0 20px
}

@media (max-width:414px) {
	.footer ul li {
		font-size: 14px;
		display: block
	}
	.footer ul:not(.social) li {
		margin: 12px 0
	}
	.footer ul:not(.social) li:first-child {
		margin-top: 0
	}
}

@media (max-width:414px) {
	.footer {
		max-height: 60vh
	}
}

.footer-end {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: hsla(0, 0%, 100%, .2)
}

@media (max-width:414px) {
	.footer-end {
		height: 35px
	}
}

.footer-end p {
	position: absolute;
	right: 20px;
	top: 16px;
	font-size: 14px !important;
}

@media (min-width:2000px) {
	.footer-end p {
		right: 1.5vw
	}
}

@media (max-width:414px) {
	.footer-end p {
		font-size: 10.2px !important;
		top: 12px;
		width: calc(100% - 40px);
		text-align: left
	}
}

.footer-end .social {
	position: absolute;
	left: 20px;
	text-align: left;
	top: 12px;
	max-width: calc(100% - 40px)
}

@media (min-width:2000px) {
	.footer-end .social {
		left: 2.5vw
	}
}

@media (max-width:414px) {
	.footer-end .social {
		top: -40px;
		left: 0;
	}
}

.footer-end .social li {
	display: inline-block;
	margin: 0 11px 0 0
}

.footer-end .social li a:hover svg {
	background-color: #fff;
	border-radius: 100%
}

.footer-end .social li a:hover svg .hover {
	fill: var(--blue)
}

.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.pace-inactive {
	display: none
}

.pace .pace-progress {
	background: #29d;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 2px
}

@media (max-width:414px) {
	.work-page .page-wrapper {
		top: 53%;
		width: 70%;
		left: 41%
	}
}

@media (max-width:414px) and (max-height:480px) {
	.work-page .page-wrapper {
		top: 56%
	}
}

/*@media (min-width:414px) {
	.work-page-content .page-wrapper img {
		max-width: 70%
	}
}*/

.work-page .blog-columns p {
	text-align: left
}

@media (max-width:1178px) {
	#fullpage>section.work-page.fp-section>div>div>p br {
		display: none
	}
}


@media (max-width: 414px) {
	.about-2 img {
		bottom: -10vh;
	}
}

#left-arrow {
	width: 245px;
}

#left-arrow-2 {
	width: 245px;
}

@supports (-moz-appearance:none) {
  #left-arrow {
    top: -5px;
	left: 15px;
	height: 55px;
	width: 60px;
  }
  .go-back:hover #left-arrow {
  	width: 90px;
  }
}


@supports (-moz-appearance:none) {
  #left-arrow-2 {
    top: -5px;
	left: 15px;
	height: 55px;
	width: 60px;
  }
  .go-back-2:hover #left-arrow-2 {
  	width: 90px;
  }
}

.related {
	overflow: hidden;
}

.related .image-wrapper {
	margin-bottom: 7vh;
}








.blog-columns h2 {
	position: relative;
	top: auto;
	left: auto;
	-webkit-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
	width: 100% !important;
	line-height: 1.1;
	margin-bottom: 20px;
	text-align: left;
	font-weight: 700;
}

.blog-columns h3 {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 20px;
}

.blog-columns h4 {
	font-size: 18px;
	color: var(--red);
	font-weight: 700;
	margin-bottom: 15px;
}

ol {
	list-style-type: decimal;
	padding-left: 1em;
	margin: 0;
}
ul {
	list-style-type: disc !important;
	padding-left: 1em;
	margin: 0;
}

ul li, ol li {
    font-size: 16px;
    margin-bottom: 0.2em !important;
}

@media screen and (min-width: 1280px) {
	ul li, ol li {
	    font-size: 24px;
	}
}
@media screen and (min-width: 1156.28571px) {
	ul li, ol li {
	    font-size: calc(.3582vw + 19.415px);
	}
}
@media screen and (min-width: 1032.57143px) { 
	ul li, ol li{
	    font-size: calc(.92379vw + 12.87523px);
	}
}
@media screen and (min-width: 908.85714px) {
	ul li, ol li{
	    font-size: calc(1.26314vw + 9.37119px);
	}
}
@media screen and (min-width: 785.14286px) {
	ul li, ol li {
	    font-size: calc(1.37625vw + 8.34312px);
	}
}
@media screen and (min-width: 661.42857px) {
	ul li, ol li{
	    font-size: calc(1.26314vw + 9.23125px);
	}
}
@media screen and (min-width: 537.71429px) {
	ul li, ol li{
	    font-size: calc(.92379vw + 11.47581px);
	}
}
@media screen and (min-width: 414px) {
	ul li, ol li {
		font-size: calc(.3582vw + 14.51704px);
	}
}



.full-width-work {
	width: calc(100% - 40px);
	max-width: 960px;
	padding-top: 5vw;
	padding-bottom: 5vw;
    margin: 0 auto;
}



.full-width-work p {
	font-size: 16px;
	margin-bottom: 1em;
	text-align: left;
	line-height: 1.5;
}

@media screen and (min-width:414px) {
	.full-width-work p {
		font-size: calc(.3582vw + 14.51704px)
	}
}

@media screen and (min-width:537.71429px) {
	.full-width-work p {
		font-size: calc(.92379vw + 11.47581px)
	}
}

@media screen and (min-width:661.42857px) {
	.full-width-work p {
		font-size: calc(1.26314vw + 9.23125px)
	}
}

@media screen and (min-width:785.14286px) {
	.full-width-work p {
		font-size: calc(1.37625vw + 8.34312px)
	}
}

@media screen and (min-width:908.85714px) {
	.full-width-work p {
		font-size: calc(1.26314vw + 9.37119px)
	}
}

@media screen and (min-width:1032.57143px) {
	.full-width-work p {
		font-size: calc(.92379vw + 12.87523px)
	}
}

@media screen and (min-width:1156.28571px) {
	.full-width-work p {
		font-size: calc(.3582vw + 19.415px)
	}
}

@media screen and (min-width:1280px) {
	.full-width-work p {
		font-size: 24px
	}
}







.page-wrapper p {
	font-size: 16px
}

@media screen and (min-width:414px) {
	.page-wrapper p {
		font-size: calc(.3582vw + 16.51704px)
	}
}

@media screen and (min-width:537.71429px) {
	.page-wrapper p {
		font-size: calc(.92379vw + 11.47581px)
	}
}

@media screen and (min-width:661.42857px) {
	.page-wrapper p {
		font-size: calc(1.26314vw + 9.23125px)
	}
}

@media screen and (min-width:785.14286px) {
	.page-wrapper p {
		font-size: calc(1.37625vw + 8.34312px)
	}
}

@media screen and (min-width:908.85714px) {
	.page-wrapper p {
		font-size: calc(1.26314vw + 9.37119px)
	}
}

@media screen and (min-width:1032.57143px) {
	.page-wrapper p {
		font-size: calc(.92379vw + 12.87523px)
	}
}

@media screen and (min-width:1156.28571px) {
	.page-wrapper p {
		font-size: calc(.3582vw + 19.415px)
	}
}

@media screen and (min-width:1280px) {
	.page-wrapper p {
		font-size: 24px
	}
}

@media (max-width:414px) {
	.page-wrapper p {
		font-size: 16px
	}
}






.fp-tableCell p {
	font-size: 16px
}

@media screen and (min-width:414px) {
	.fp-tableCell p {
		font-size: calc(.3582vw + 16.51704px)
	}
}

@media screen and (min-width:537.71429px) {
	.fp-tableCell p {
		font-size: calc(.92379vw + 11.47581px)
	}
}

@media screen and (min-width:661.42857px) {
	.fp-tableCell p {
		font-size: calc(1.26314vw + 9.23125px)
	}
}

@media screen and (min-width:785.14286px) {
	.fp-tableCell p {
		font-size: calc(1.37625vw + 8.34312px)
	}
}

@media screen and (min-width:908.85714px) {
	.fp-tableCell p {
		font-size: calc(1.26314vw + 9.37119px)
	}
}

@media screen and (min-width:1032.57143px) {
	.fp-tableCell p {
		font-size: calc(.92379vw + 12.87523px)
	}
}

@media screen and (min-width:1156.28571px) {
	.fp-tableCell p {
		font-size: calc(.3582vw + 19.415px)
	}
}

@media screen and (min-width:1280px) {
	.fp-tableCell p {
		font-size: 24px
	}
}

@media (max-width:414px) {
	.fp-tableCell p {
		font-size: 16px
	}
}






em {
	font-style: italic;
}

img {
	max-width: 100%;
	display: block;
}

.wp-caption {
	max-width: 100%;
}






.hero-image {
	width: 100%;
    position: relative;
    padding-bottom: 68.05%;
    height: 0;
    overflow: hidden;
}

.hero-image.portrait {
	max-width: 68.05%;
	margin: 0 auto;
	padding-bottom: 100%;
}

.hero-image div {
	height: 100%;
    display: block;
    width: 100%;
    position: absolute;
}
.hero-image div img {
	width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: 50% 50%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}


.hero-image-work {
	width: 100%;
	height: 100%;
    position: relative;
    overflow: hidden;
    max-width: 68.05%;
	margin: 0 auto;
}

.hero-image-work img {
	width: 100%;
    height: 100%;
    max-height: 80vh;
    position: absolute;
    object-fit: contain;
    object-position: 50% 50%;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}






.blog-columns {
	width: calc(100% + 5%);
	position: relative;
	left: -5%;
}

.blog-columns {
	margin-bottom: 2vw;
}

.blog-columns .left-col img {
	margin-bottom: 1vw;
	margin-bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media (max-width: 414px) {
	.blog-columns .left-col img {
		margin-bottom: 10px;
	}
}
.blog-columns .left-col .image-wrapper {
	width: 100%;
}
.blog-columns .left-col .wp-caption {
	width: 100% !important;
}

.blog-columns .left-col p {
	line-height: 1.3;
}

.blog-columns > div:first-child {
	width: 28%;
	position: absolute;
}

.blog-columns > div:last-child {
	position: relative;
	left: 28%;
	width: 65%;
}

@media (max-width: 414px) {
	.blog-columns > div:last-child {
		left: 0;
		width: 100%;
	}
	.blog-columns > div:first-child {
		width: 100%;
		position: relative;
		position: relative;
    	left: 5vw;
    	max-width: 83%;
	}
}

.work-page-content .alignnone {
	margin: 0 auto;
}
.work-page-content .aligncenter {
	margin: 0 auto;
}

@media (max-height: 768px) {
	.work-page-content .aligncenter {
		max-height: 50vh;
		object-fit: cover;
	}
}



.work-page-content .blog-columns .left-col img {
	margin-bottom: 20px;
}

.work-page-content .blog-columns {
	align-items: center;
}

.work-page-content .blog-columns {
	max-width: 960px;
	margin: 0 auto;
}



.image-wrapper {
	position: relative;
    padding-bottom: 68.05%;
    height: 0;
    overflow: hidden;
    margin-bottom: 4%;
}

.work-page-content .image-wrapper.portrait {
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 147.05%;
}

.work-page-content .gallery .image-wrapper.portrait  {
	padding-bottom: 68.05%;
}


.work-page-content .gallery .image-wrapper {
	margin-bottom: 20px;
}

.blog-content .image-wrapper.portrait {
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 147.05%;
}

.two-col .image-wrapper.portrait {
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 147.05%;
}


.image-wrapper img {
	width: 100%;
	height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(-50%) !important;
}

.blog-wrapper {
	padding-top: 5vw;
}

@media (max-width: 414px) {
	.blog-wrapper {
		padding-top: 70px;
	}
}

.image-wrapper div {
	height: 100%;
    display: block;
    width: 100%;
    position: absolute;
}

.image-wrapper div:hover a {
	display: block;
}

.image-wrapper div a {
	display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 10;
    color: #fff !important;
    border: 1px solid #fff !important;
    background-color: transparent !important;
    min-width: 140px;
}

.image-wrapper div a:hover {
	color: var(--blue) !important;
    border: 1px solid #fff !important;
    background-color: #fff !important;
}

.image-wrapper div:hover:after {
	opacity: 1;
}

.image-wrapper div:after {
	opacity: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(46, 49, 144, 0.7);
    transition: all 0.2s ease;
}







.lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.8);
	opacity: 0;
	pointer-events: none;
	transition: all 0.2s ease;
	z-index: 9999;
}

.lightbox.show {
	opacity: 1;
	pointer-events: initial;
}

.lightbox .lightbox-slider {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-width: 90%;
	max-height: 90vh;
	opacity: 0;
	transition: all 0.2s ease 0.1s;
}

.lightbox .lightbox-slider.slick-initialized {
	opacity: 1;
}

.lightbox .lightbox-slider img {
	max-height: 70vh;
	min-height: 70vh;
	max-width: 80vw;
	object-fit: contain;
}

.lightbox .slick-prev {
	display: none !important;
}

.lightbox .slick-next {

}

.lightbox .slick-slide > div {
	text-align: center;
}

.lightbox .slick-slide > div > span {
	width: initial !important;
	position: relative;
}

.lightbox .slick-slide > div > span > img {
	display: inline-block;
}

.lightbox .slick-slide > div > span > .close {
	position: absolute;
    top: -5px;
    right: -50px;
    width: 36px;
}

.lightbox .slick-slide > div > span .caption {
	color: #fff;
	padding: 20px;
	background: #2e3190;
	position: relative;
	top: -7px;
}

.lightbox .slick-slide > div > span .caption a {
	color: #ee5140;
	font-weight: 700;
}




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

.gallery .image-wrapper {
	width: 47.5%;
	margin-bottom: 5%;
}

.gallery .image-wrapper img {
	width: 100%;
	margin: 0;
	height: 100%;
	object-fit: cover;
}

.gallery .image-wrapper.landscape {
	padding-bottom: 34.025%;
}

.gallery .image-wrapper:nth-last-child(1), .gallery .image-wrapper:nth-last-child(2) {
	margin-bottom: 0;
}



.mixed-a-gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	left: initial !important;
	width: 100% !important;
	line-height: initial !important;
	margin: 0 !important;
}

.mixed-a-gallery > div {
	width: 47.5%;
}

.mixed-a-gallery > div:nth-child(1) div {
		width: 100%;
		margin-bottom: 8%;
}

.mixed-a-gallery > div:nth-child(1) div:nth-child(2) {
		margin-bottom: 0%;
}

.mixed-a-gallery > div:nth-child(1) div .image-wrapper {
	padding-bottom: 34.025%;
}


.mixed-a-gallery > div:nth-child(1) div .image-wrapper:nth-child(2) {
	margin-bottom: 0;
}

.mixed-a-gallery > div:nth-child(2) div {
		width: 100%;
		height: 100%;
}




section.featured[data-role="News Feed"] p {
	display: block !important;
}