@charset "UTF-8";
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline; } article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote::before, blockquote::after,
q::before, q::after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }      .grayscale { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale"); -webkit-filter: grayscale(1); filter: grayscale(1);
-webkit-filter: gray;
filter: gray; }
.grayscale.grayscale-fade {
-webkit-transition: -webkit-filter 0.5s;
transition: -webkit-filter 0.5s;
transition: filter 0.5s;
transition: filter 0.5s, -webkit-filter 0.5s; } @media screen and (-webkit-min-device-pixel-ratio: 0) {
.grayscale.grayscale-fade {
-webkit-transition: -webkit-filter 0.5s;
transition: -webkit-filter 0.5s; } }
.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0); } .grayscale.grayscale-replaced {
-webkit-filter: none;
filter: none; }
.grayscale.grayscale-replaced > svg {
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
opacity: 1; }
.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
opacity: 0; } .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; }
[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-slide:focus {
outline: 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; }
@font-face {
font-family: 'Icons';
src: url(//purplestrategies.com/wp-content/themes/purple/common/fonts/Purple.woff2) format("woff2"), url(//purplestrategies.com/wp-content/themes/purple/common/fonts/Purple.woff) format("woff"); }
@font-face {
font-family: 'Druk-Bold';
src: url(//purplestrategies.com/wp-content/themes/purple/common/fonts/Druk-Bold.woff2) format("woff2"), url(//purplestrategies.com/wp-content/themes/purple/common/fonts/Druk-Bold.woff) format("woff"); }
@font-face {
font-family: 'GT-Sectra-Book';
src: url(//purplestrategies.com/wp-content/themes/purple/common/fonts/GT-Sectra-Book.woff2) format("woff2"), url(//purplestrategies.com/wp-content/themes/purple/common/fonts/GT-Sectra-Book.woff) format("woff"); }
@font-face {
font-family: 'GT-Sectra-Medium';
src: url(//purplestrategies.com/wp-content/themes/purple/common/fonts/GT-Sectra-Medium.woff2) format("woff2"), url(//purplestrategies.com/wp-content/themes/purple/common/fonts/GT-Sectra-Medium.woff) format("woff"); }
@font-face {
font-family: 'Synthese-Bold';
src: url(//purplestrategies.com/wp-content/themes/purple/common/fonts/syntheseweb-bold.woff2) format("woff2"), url(//purplestrategies.com/wp-content/themes/purple/common/fonts/syntheseweb-bold.woff) format("woff"); }
@font-face {
font-family: 'Synthese-Regular';
src: url(//purplestrategies.com/wp-content/themes/purple/common/fonts/syntheseweb-regular.woff2) format("woff2"), url(//purplestrategies.com/wp-content/themes/purple/common/fonts/syntheseweb-regular.woff) format("woff"); }
html, body {
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
font-size: 24px;
line-height: 1.5em;
color: #000000;
-webkit-font-smoothing: antialiased;
-webkit-font-feature-settings: "kern", "liga", "pnum", "lnum";
font-feature-settings: "kern", "liga", "pnum", "lnum";
-webkit-font-kerning: normal;
font-kerning: normal; }
@media (max-width: 1024px) {
html, body {
font-size: 21px;
line-height: 1.238em; } }
a {
text-decoration: none;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
color: #000000; }
a::before, a::after {
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in; }
h1, h2, h3, h4, h5, h6 {
font-family: "Druk-Bold", "Helvetica", "Arial", sans-serif;
font-weight: normal;
color: #000000;
text-transform: uppercase;
margin: 0; }
h1 {
color: #ffffff;
font-size: 120px;
line-height: 1em; }
@media (max-width: 1024px) {
h1 {
font-size: 100px; } }
@media (max-width: 768px) {
h1 {
font-size: 76px; } }
@media (max-width: 480px) {
h1 {
font-size: 63px; } }
h1 sup {
font-size: 26%;
line-height: 0;
position: relative;
top: -2em;
left: 0;
margin-right: -3px; }
h2, h1.news-main-title {
color: #302056;
font-size: 74px;
line-height: 0.946em; }
@media (max-width: 1024px) {
h2, h1.news-main-title {
font-size: 58px; } }
@media (max-width: 768px) {
h2, h1.news-main-title {
font-size: 46px; } }
@media (max-width: 480px) {
h2, h1.news-main-title {
font-size: 37px; } }
h3, .rich-text h2, .howwedoit-hero-title h1 {
color: #302056;
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
font-size: 36px;
line-height: 1.389em;
text-transform: none; }
@media (max-width: 1024px) {
h3, .rich-text h2, .howwedoit-hero-title h1 {
font-size: 30px; } }
@media (max-width: 768px) {
h3, .rich-text h2, .howwedoit-hero-title h1 {
font-size: 24px; } }
@media (max-width: 480px) {
h3, .rich-text h2, .howwedoit-hero-title h1 {
font-size: 21px; } }
h4 {
font-size: 24px;
line-height: 1.5em;
text-transform: none; }
@media (max-width: 1024px) {
h4 {
font-size: 20px; } }
@media (max-width: 768px) {
h4 {
font-size: 18px; } }
@media (max-width: 480px) {
h4 {
font-size: 16px; } }
h5 {
font-family: "Synthese-Bold", "Helvetica", "Arial", sans-serif;
font-size: 12px;
line-height: 1.5em; }
strong, b {
font-weight: bold; }
em, i {
font-style: italic; }
sup {
font-size: 50%;
line-height: 0;
position: relative;
top: -1em;
left: -0.5em; }
*, *::before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
body.menu-open {
overflow: hidden; }
.container {
position: relative;
max-width: 1180px;
margin-left: auto;
margin-right: auto; }
@media (max-width: 1280px) {
.container {
max-width: none;
margin-left: 50px;
margin-right: 50px; } }
@media (max-width: 1024px) {
.container {
margin-left: 30px;
margin-right: 30px; } }
.container.vertical-lines {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff; }
.container.vertical-lines::before {
content: '';
position: absolute;
top: 0;
left: 33.333%;
z-index: 5;
display: block;
width: 1px;
height: 100%;
background-color: #ffffff; }
.container.vertical-lines::after {
content: '';
position: absolute;
top: 0;
right: 33.333%;
z-index: 5;
display: block;
width: 1px;
height: 100%;
background-color: #ffffff; }
.two-col-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 6; }
@media (max-width: 1024px) {
.two-col-grid {
display: block; } }
.two-col-grid-aside {
width: 33.333%;
padding-right: calc(33.333% - 263px); }
@media (max-width: 1280px) {
.two-col-grid-aside {
padding-right: 44px; } }
@media (max-width: 1024px) {
.two-col-grid-aside {
width: 100%;
padding-right: 0; } }
.two-col-grid-main {
width: 66.667%;
padding-right: calc(66.667% - 670px); }
@media (max-width: 1280px) {
.two-col-grid-main {
padding-right: 44px; } }
@media (max-width: 1024px) {
.two-col-grid-main {
width: 100%;
padding-right: 0; } }
.align-left {
text-align: left; }
.align-right {
text-align: right; }
.align-center {
text-align: center; }
a[href^=tel] {
color: inherit; }
.button {
display: inline-block;
color: #662b7f;
font: 13px/59px "Synthese-Regular", "Helvetica", "Arial", sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
white-space: nowrap;
text-align: center;
border: 3px solid #662b7f;
padding: 0 30px;
min-width: 200px;
-webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
text-decoration: none !important;
cursor: pointer;
-webkit-appearance: none; }
.button:hover {
color: #ffffff;
background-color: #662b7f; }
.button--alt {
color: #ffffff;
border-color: #ffffff; }
.button--alt:hover {
color: #662b7f;
background-color: #ffffff; }
input[type="text"], input[type="email"], input[type="tel"],
input textarea, input.hs-input[type="text"], input.hs-input[type="email"], input.hs-input[type="tel"],
input.hs-input textarea {
background-color: transparent !important;
border: none !important;
border-bottom: 2px solid #ffffff !important;
color: #ffffff !important;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif !important;
font-size: 21px !important;
font-weight: 300 !important;
line-height: 1 !important;
display: block !important;
padding: 15px 0 !important;
width: 100% !important;
height: auto !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
textarea {
height: 150px !important; }
::-webkit-input-placeholder {
color: #ffffff !important;
opacity: 0 !important;
-webkit-transition: opacity 0.2s ease-in !important;
transition: opacity 0.2s ease-in !important;
font-size: 16px !important; }
::-moz-placeholder {
color: #ffffff !important;
opacity: 0 !important;
-moz-transition: opacity 0.2s ease-in !important;
transition: opacity 0.2s ease-in !important;
font-size: 16px !important; }
:-ms-input-placeholder {
color: #ffffff !important;
opacity: 0 !important;
-ms-transition: opacity 0.2s ease-in !important;
transition: opacity 0.2s ease-in !important;
font-size: 16px !important; }
p.error {
color: #000000 !important !important; }
.hs-form .hs-input {
color: #ffffff !important;
padding-bottom: 0 !important !important;
max-width: 685px !important !important; }
@media (max-width: 1024px) {
.hs-form .hs-input {
width: 100% !important !important; } }
.hs-form .hs-input:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-color: #ffffff !important; }
.hs-form .hs-input.error {
border-color: #30aa9e !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.hs-form .hs-input.error:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
border-color: #ffffff !important; }
.hs-form-field {
margin-bottom: 67px !important !important; }
.hs-form select label {
margin-top: 0 !important; }
.hs-form select:focus {
outline: none !important; }
.hs-form select ::after {
font-size: 25px !important; }
.hs-form select.hs-input {
background-color: transparent !important;
color: #ffffff !important;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif !important;
font-size: 16px !important;
border: none !important;
border-bottom: 2px solid #ffffff !important;
height: 36px !important;
padding-left: 0 !important;
-webkit-appearance: none !important; }
.hs-form select option {
background-color: #ffffff !important;
color: #1a1a1a !important; }
.hs-form #label-how_would_you_describe_your_company_-3fcfc193-9cf2-4cfd-896e-831affd70f0d, .hs-form #label-why_are_you_interested_in_tasteva_m_stevia_sweetener-3fcfc193-9cf2-4cfd-896e-831affd70f0d {
margin-top: -25px !important;
font-weight: bold !important;
font-size: 12px !important;
text-transform: uppercase !important; }
.hs-form .hs-form-field.focus label:not(.hs-error-msg) {
margin-top: -20px !important; }
.hs-form .hs-form-field.has-value label:not(.hs-error-msg) {
margin-top: -20px !important; }
.hs-form .hs-form-field label {
color: #ffffff !important;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif !important;
font-weight: 300 !important;
font-size: 16px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
position: absolute !important;
margin-top: 15px !important;
-webkit-transition: 0.1s !important;
transition: 0.1s !important; }
.hs-form .hs-form-field label :not(.hs-error-msg) {
color: #ffffff !important;
font-weight: 300 !important; }
.hs-form .hs-form-required {
color: #30aa9e !important !important; }
.hs-form .hs-error-msgs label {
color: #30aa9e !important;
margin-top: 10px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.hs-form .hs-error-msgs .hs-main-font-element {
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif !important;
font-size: 24px !important;
font-weight: 300 !important;
text-align: center !important; }
@media (max-width: 1024px) {
.hs-form .hs-error-msgs .hs-main-font-element {
font-size: 16px !important; } }
.hs-form .inputs-list {
padding-left: 0 !important !important; }
.hs-form .hs-submit {
text-align: right !important;
margin-right: 80px !important; }
@media (max-width: 1024px) {
.hs-form .hs-submit {
text-align: center !important;
margin-right: 0 !important; } }
.hs-form .hs-submit .hs-button {
background-color: #302056 !important;
color: #ffffff !important;
border: 2px solid #ffffff !important;
display: inline-block !important;
font: 13px/59px "Synthese-Regular", "Helvetica", "Arial", sans-serif !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
white-space: nowrap !important;
text-align: center !important;
padding: 2px 67px !important;
max-width: 200px !important;
border-radius: 0 !important;
text-shadow: none !important;
-webkit-appearance: none !important; }
@media (max-width: 1024px) {
.hs-form .hs-submit .hs-button {
width: 100% !important;
padding: 2px 26px !important; } }
.hs-form .hs-submit .hs-button:hover, .hs-form .hs-submit .hs-button:focus, .hs-form .hs-submit .hs-button:active {
border: 2px solid #30aa9e !important !important;
background-color: #302056 !important !important;
color: #30aa9e !important !important;
-webkit-box-shadow: none !important !important;
box-shadow: none !important !important;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif !important; }
.hs-form .hs-fieldtype-select::before {
position: absolute !important;
content: "\25BC" !important !important;
color: #ffffff !important;
font-size: 10px !important;
left: 90.5% !important; }
@media (max-width: 1024px) {
.hs-form .hs-fieldtype-select::before {
left: 97.5% !important; } }
.custom-select {
position: relative;
border: 1px solid #000000; }
.custom-select::after {
font-family: "Icons";
font-size: 12px;
display: block;
position: absolute;
top: 5px;
right: 23px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 0; }
.custom-select select {
font-size: 12px;
line-height: 40px;
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
letter-spacing: 1.5px;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
height: 100%;
width: 100%;
cursor: pointer;
outline: none;
padding-right: 56px;
padding-left: 19px;
-moz-appearance: none;
-webkit-appearance: none;
text-transform: uppercase;
position: relative;
z-index: 1; }
.custom-select select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000000; }
.custom-select select::-ms-expand {
display: none; }
.custom-checkbox input[type="checkbox"] {
display: none; }
.custom-checkbox span {
position: relative;
padding-left: 25px;
line-height: 1.25em;
display: block;
cursor: pointer; }
.custom-checkbox span::before {
content: '';
position: absolute;
left: 0;
top: 1px;
height: 14px;
width: 14px;
border: 1px solid #000000; }
.custom-checkbox input[type="checkbox"]:checked + span::after {
font-family: "Icons";
font-size: 8px;
position: absolute;
left: 3px;
top: -1px;
height: 15px;
width: 15px; }
.custom-checkbox--disabled span {
opacity: 0.5; }
.header {
position: fixed;
top: 0;
left: 0;
z-index: 10;
width: 100%;
-webkit-transition: background 0.2s ease-in;
transition: background 0.2s ease-in; }
.header::before {
content: '';
position: absolute;
background-color: rgba(0, 0, 0, 0.15);
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100vw;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
height: 100vh;
z-index: -1;
display: none; }
.header-container {
height: 82px; }
@media (max-width: 1024px) {
.header-container {
height: 72px; } }
.header-branding {
position: absolute;
display: block;
width: 33%;
max-width: 158px;
height: 20px;
left: 0;
top: 31px; }
@media (max-width: 1024px) {
.header-branding {
top: auto;
bottom: 10px; } }
.header-branding svg {
display: block;
width: 100%;
height: 100%;
fill: #ffffff; }
.header-navigation {
display: block;
width: 46%;
position: absolute;
right: 0;
top: 31px;
font: 14px/1.43em "Synthese-Regular", "Helvetica", "Arial", sans-serif; }
@media (max-width: 1024px) {
.header-navigation {
display: none; } }
.header-navigation ul li {
display: inline-block;
margin-right: 30px; }
@media (max-width: 1280px) {
.header-navigation ul li {
margin-right: 15px; } }
.header-navigation ul li.current_page_item a::after {
max-width: 100%; }
.header-navigation ul a {
position: relative;
color: #ffffff; }
.header-navigation ul a::after {
content: '';
display: block;
width: 100%;
max-width: 0;
height: 3px;
position: absolute;
left: 0;
right: 0;
bottom: -11px;
margin: 0 auto;
background-color: #ffffff;
-webkit-transition: max-width 0.2s ease-in;
transition: max-width 0.2s ease-in; }
.header-navigation ul a:hover::after {
max-width: 100%; }
.header-menu-trigger {
display: block;
width: 33px;
height: 15px;
position: absolute;
z-index: 10;
right: -34px;
top: 34px; }
@media (max-width: 1024px) {
.header-menu-trigger {
width: 22px;
top: 48px;
right: 0;
height: 10px; } }
.header-menu-trigger::before, .header-menu-trigger::after {
content: '';
height: 3px;
background-color: #ffffff;
position: absolute;
left: 0;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in; }
@media (max-width: 1024px) {
.header-menu-trigger::before, .header-menu-trigger::after {
height: 2px; } }
.header-menu-trigger::before {
width: 33px;
top: 0; }
@media (max-width: 1024px) {
.header-menu-trigger::before {
width: 22px; } }
.header-menu-trigger::after {
width: 17px;
bottom: 0; }
@media (max-width: 1024px) {
.header-menu-trigger::after {
width: 12px; } }
.header-menu-trigger:hover::after {
width: 33px; }
@media (max-width: 1024px) {
.header-menu-trigger:hover::after {
width: 12px; } }
.header-panel {
position: absolute;
left: 66.667%;
z-index: 9;
width: 50vw;
height: 100vh;
background-color: #12182e;
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform 0.2s ease-in;
transition: -webkit-transform 0.2s ease-in;
transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; }
@media (max-width: 1024px) {
.header-panel {
width: 100vw;
left: -30px; } }
.header-panel a {
color: #ffffff; }
.header-panel-primary {
font: 74px/1 "Druk-Bold", "Helvetica", "Arial", sans-serif;
text-transform: uppercase;
margin: 28vh 0 40px;
padding: 0 30px; }
@media (max-width: 1024px) {
.header-panel-primary {
font-size: 49px;
margin-bottom: 38px; } }
.header-panel-primary ul li {
margin-bottom: 14px; }
@media (max-width: 1024px) {
.header-panel-primary ul li {
margin-bottom: 10px; } }
.header-panel-primary ul li a {
position: relative;
color: #ffffff; }
.header-panel-primary ul li a::after {
content: '';
display: block;
width: 100%;
max-width: 0;
height: 9px;
position: absolute;
left: 0;
bottom: 0;
margin: 0 auto;
background-color: #ffffff;
-webkit-transition: max-width 0.3s ease-in;
transition: max-width 0.3s ease-in; }
.header-panel-primary ul li a:hover::after, .header-panel-primary ul li a.current_page_item::after {
max-width: 100%; }
.header-panel-primary ul li.current_page_item a::after {
max-width: 100%; }
.header-panel-secondary {
font: normal 300 24px/1.5em "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
padding: 0 30px; }
@media (max-width: 1024px) {
.header-panel-secondary {
font-size: 16px; } }
.header-panel-secondary ul li {
margin-bottom: 9px; }
@media (max-width: 1024px) {
.header-panel-secondary ul li {
margin-bottom: 17px; } }
.header-panel-secondary ul li a {
position: relative; }
@media (max-width: 1024px) {
.header-panel-secondary ul li a {
font-size: 20px; } }
.header-panel-secondary ul li a::before {
content: '';
background-color: #ffffff;
display: inline-block;
width: 100%;
max-width: 0;
height: 1px;
margin-right: 9px;
vertical-align: middle;
-webkit-transition: max-width 0.2s ease-in;
transition: max-width 0.2s ease-in; }
.header-panel-secondary ul li a:hover::before {
max-width: 27px; }
.header-panel-secondary ul li.current_page_item a::before {
max-width: 27px; }
.header--purple .header-branding svg {
fill: #302056; }
.header--purple .header-navigation ul li a {
color: #302056; }
.header--purple .header-navigation ul li a::after {
background-color: #302056; }
.header--purple .header-menu-trigger::before, .header--purple .header-menu-trigger::after {
background-color: #302056; }
.header--sticky {
background-color: #302056; }
.header--sticky .header-branding svg {
fill: #ffffff !important; }
.header--sticky .header-navigation ul li a {
color: #ffffff !important; }
.header--sticky .header-navigation ul li a::after {
background-color: #ffffff !important; }
.header--sticky .header-menu-trigger::before, .header--sticky .header-menu-trigger::after {
background-color: #ffffff !important; }
.header--open {
overflow: visible; }
.header--open::before {
opacity: 1;
z-index: 9;
display: block; }
.header--open .header-panel {
-webkit-transform: translateX(0);
transform: translateX(0); }
.header--open .header-menu-trigger {
height: 33px; }
.header--open .header-menu-trigger::before, .header--open .header-menu-trigger::after {
width: 33px;
top: 11px;
bottom: auto;
left: -4px;
background-color: #ffffff; }
@media (max-width: 1024px) {
.header--open .header-menu-trigger::before, .header--open .header-menu-trigger::after {
width: 22px;
height: 3px;
top: 3px;
left: 0; } }
.header--open .header-menu-trigger::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.header--open .header-menu-trigger::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.footer {
background-color: #302056;
color: #ffffff;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
padding: 69px 0 65px 0; }
@media (max-width: 1024px) {
.footer {
padding: 49px 0 30px 0; } }
.footer-grid {
display: grid;
grid-column-gap: 44px;
grid-row-gap: 0;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
grid-template-areas: "a a a a a a b b b c c c"; }
@media (max-width: 1024px) {
.footer-grid {
grid-template-columns: 1fr;
grid-template-areas: "a" "b" "c"; } }
.footer-col-1 {
grid-area: b; }
.footer-col-2 {
grid-area: c; }
.footer-purple-logo {
grid-area: a;
position: relative;
width: 82px;
height: 98px;
margin-bottom: 30px; }
@media (max-width: 1024px) {
.footer-purple-logo {
width: 61px;
height: 72px; } }
.footer-purple-logo::before {
content: "";
display: block;
position: absolute;
top: 34px;
left: -10px;
color: #ffffff;
font-family: "Icons";
font-size: 98px; }
@media (max-width: 1024px) {
.footer-purple-logo::before {
font-size: 72px;
top: 22px;
left: -8px; } }
.footer .widget-title {
font-family: "Synthese-Bold", "Helvetica", "Arial", sans-serif;
font-size: 18px;
line-height: 22px;
margin: 20px 0 28px 0; }
.footer .textwidget p {
font-size: 14px;
line-height: 22px;
margin-bottom: 23px; }
.footer-copyright {
font-size: 12px;
line-height: 1.667em;
font-weight: 300; }
.footer-copyright a {
position: relative;
color: #ffffff; }
.footer-copyright a::after {
content: '';
display: block;
width: 100%;
max-width: 0;
height: 1px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
background-color: #ffffff;
-webkit-transition: max-width 0.2s ease-in;
transition: max-width 0.2s ease-in; }
.footer-copyright a:hover::after, .footer-copyright a.active::after {
max-width: 100%; }
.footer-icons {
margin-top: 71px;
margin-bottom: 16px; }
@media (max-width: 1024px) {
.footer-icons {
margin: 45px 0 19px 0; } }
.footer-icons ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 125px; }
.footer-icons ul .social-icons {
position: relative; }
.footer-icons ul .social-icons::before {
display: block;
position: relative;
color: #ffffff;
font-family: "Icons";
height: 21px; }
.footer-icons ul .social-icons:hover {
opacity: 0.5; }
.footer-icons ul .linkedin::before {
content: "";
font-size: 18px;
top: -4px; }
.footer-icons ul .twitter::before {
content: "";
font-size: 17px;
top: -2px; }
.footer-icons ul .facebook::before {
content: "";
font-size: 20px;
top: -3px; }
body.modal-open {
overflow-y: hidden; }
.modal-content {
display: none; }
#modal {
background: #ffffff;
display: none;
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
z-index: 999;
overflow-x: visible;
overflow-y: auto;
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; }
#modal.show {
opacity: 1; }
#modal.hide {
opacity: 0; }
#modal .inner-wrapper {
position: relative; }
#modal .modal-content {
position: relative;
display: block; }
#modal .modal-content iframe {
width: 100%;
height: calc(100vh - 120px);
position: relative;
margin-top: 80px; }
#modal .btn-close-modal {
position: absolute;
height: 30px;
width: 30px;
top: 30px;
right: 30px;
z-index: 99;
cursor: pointer;
color: #000000;
text-align: center; }
#modal .btn-close-modal::after {
font-family: "Icons";
font-size: 16px; }
.page-navigation-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 188px 0; }
.page-navigation-container.vertical-lines {
border-color: #ebebeb; }
.page-navigation-container.vertical-lines::before {
background-color: #ebebeb; }
.page-navigation-container.vertical-lines::after {
background-color: #ebebeb; }
.page-navigation-link {
font: 45px/1 "Druk-Bold", "Helvetica", "Arial", sans-serif;
color: #d8d8d8;
text-transform: uppercase;
position: relative;
z-index: 6; }
.page-navigation-link:hover {
color: #302056; }
.page-navigation-link:hover::before {
color: #302056; }
@media (max-width: 1024px) {
.page-navigation-link {
display: none; } }
.page-navigation-link::before {
content: "";
font-family: "Icons";
font-size: 45px;
display: block;
position: absolute;
left: 0;
top: 1px;
-webkit-transition: -webkit-transform 0.2s ease-in;
transition: -webkit-transform 0.2s ease-in;
transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in; }
.page-navigation-link--prev {
padding-left: 72px; }
.page-navigation-link--prev:hover::before {
-webkit-transform: translateX(8px);
transform: translateX(8px); }
.page-navigation-link--next {
padding-right: 72px; }
.page-navigation-link--next::before {
left: auto;
right: 0;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.page-navigation-link--next:hover::before {
-webkit-transform: rotate(180deg) translateX(8px);
transform: rotate(180deg) translateX(8px); }
.page-navigation-link--hidden {
width: 200px;
visibility: hidden; }
.page-navigation-toplink {
font: 16px/1 "Synthese-Regular", "Helvetica", "Arial", sans-serif;
color: #000000;
padding-left: 45px;
position: relative;
z-index: 6; }
.page-navigation-toplink:hover {
color: #302056; }
.page-navigation-toplink:hover::before {
color: #302056; }
.page-navigation-toplink::before {
content: "";
font-family: "Icons";
font-size: 23px;
display: block;
position: absolute;
left: 0;
top: -3px; }
@media (max-width: 1024px) {
.page-navigation-load {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); } }
.page-navigation-load-text {
position: relative;
color: #000000;
font-size: 16px;
line-height: 23px;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
z-index: 6;
cursor: pointer; }
.page-navigation-load-text span {
font-size: 24px;
margin-right: 10px; }
.page-navigation-load.no-click {
cursor: text; }
.page-navigation-load-anim {
position: relative;
display: none; }
.page-navigation-load-anim.show {
display: block !important; }
.page-navigation-load-anim div {
border-radius: 100%;
height: 10px;
width: 10px;
background-color: #d8d8d8;
-webkit-animation: bounce 1s ease-in-out infinite;
animation: bounce 1s ease-in-out infinite;
position: absolute;
top: 0;
-webkit-transform: translateY(8px);
transform: translateY(8px); }
.page-navigation-load-anim div:first-of-type {
left: -20px;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s; }
.page-navigation-load-anim div:nth-of-type(2) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s; }
.page-navigation-load-anim div:last-of-type {
left: 20px; }
@-webkit-keyframes bounce {
50% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px); }
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px); } }
@keyframes bounce {
50% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px); }
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px); } }
.home-hero {
position: relative;
background-position: center center;
background-size: cover;
height: 55.9vw;
max-height: 100vh;
z-index: 7; }
@media (max-width: 1024px) {
.home-hero {
height: 700px;
max-height: none; } }
.home-hero video {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.home-hero-container {
z-index: 3;
height: 100%; }
.home-hero-container.vertical-lines {
border-color: rgba(255, 255, 255, 0.3); }
.home-hero-container.vertical-lines::before {
background-color: rgba(255, 255, 255, 0.3); }
.home-hero-container.vertical-lines::after {
background-color: rgba(255, 255, 255, 0.3); }
.home-hero-content {
position: absolute;
bottom: 11%;
width: 100%; }
.home-hero-content p {
color: #ffffff;
max-width: 590px; }
.home-hero-title {
height: 2em;
overflow: hidden;
color: #ffffff; }
@media (max-width: 640px) {
.home-hero-title {
font-size: 58px; } }
.home-hero-title span {
display: block;
position: relative; }
.home-hero-title-line1 {
left: -100%; }
.home-hero-title-line2 {
height: 1em;
overflow: hidden;
left: -100%;
margin-top: -10px;
position: absolute !important; }
.home-hero-title-line2-line2b {
top: -200%; }
.home-hero-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
@media (max-width: 768px) {
.home-hero-inner {
display: block;
position: relative;
height: 100%; } }
.home-hero-inner-content {
display: block;
width: 100%; }
@media (max-width: 768px) {
.home-hero-inner-content {
position: absolute;
bottom: 0;
width: 50vw;
z-index: 2;
-webkit-transform: translate(0, 75%);
transform: translate(0, 75%); } }
.home-hero-inner-content h3 {
color: #ffffff; }
.home-hero-inner-content img {
display: block;
max-width: 335px;
max-height: 175px; }
@media (max-width: 768px) {
.home-hero-inner-content img {
max-width: 165px;
max-height: 85px; } }
@media (max-width: 768px) {
.home-hero-inner-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
.home-content {
background-color: #e5e5e5;
position: relative;
overflow: hidden; }
.home-content-container {
padding-top: 156px; }
@media (max-width: 1024px) {
.home-content-container {
padding-top: 71px; } }
.home-content-circles {
position: absolute;
left: 0;
bottom: 15%;
z-index: 1; }
.home-content-leftgrid, .home-content-rightgrid {
display: grid;
grid-column-gap: 44px;
grid-row-gap: 0;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
position: relative;
z-index: 6;
height: 700px; }
@media (max-width: 1024px) {
.home-content-leftgrid, .home-content-rightgrid {
height: auto; } }
.home-content-leftgrid-col1, .home-content-rightgrid-col1 {
grid-area: a; }
.home-content-leftgrid-col2, .home-content-rightgrid-col2 {
grid-area: b;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
.home-content-leftgrid {
grid-template-areas: "a a a a a a a b b b b b";
padding-bottom: 215px; }
@media (max-width: 1024px) {
.home-content-leftgrid {
padding-bottom: 120px;
grid-template-columns: 1fr;
grid-template-areas: "a" "b"; } }
.home-content-rightgrid {
grid-template-areas: "b b b b b a a a a a a a";
padding-bottom: 180px;
margin-top: 100px; }
@media (max-width: 1024px) {
.home-content-rightgrid {
padding-bottom: 130px;
grid-template-columns: 1fr;
margin-top: 15px;
grid-template-areas: "a" "b"; } }
.home-content-rightgrid--whoweare {
padding-bottom: 76px;
height: auto;
margin-top: 425px; }
@media (max-width: 1024px) {
.home-content-rightgrid--whoweare {
margin-top: 100px; } }
.home-content-rightgrid--whoweare .home-content-rightgrid-col2 {
display: block; }
.home-content-title h2 {
display: inline-block;
padding-bottom: 5px;
border-bottom: 10px solid #662b7f; }
@media (max-width: 1024px) {
.home-content-title h2 {
padding-bottom: 2px;
border-bottom: 5px solid #662b7f; } }
.home-content-subtitle {
margin: 30px 0 36px; }
.home-content-copy {
position: absolute;
right: 0;
width: 40%;
top: 50%; }
@media (max-width: 1024px) {
.home-content-copy {
padding-top: 22px;
margin-bottom: 0;
position: relative;
width: auto;
top: inherit; } }
.home-content-copy-button {
margin-top: 36px; }
@media (max-width: 1024px) {
.home-content-copy-button {
margin-top: 51px; } }
@media (max-width: 640px) {
.home-content-copy-button .button {
width: 100%; } }
.home-content-img-large {
text-align: right;
position: absolute;
left: 9%;
bottom: -18vh;
z-index: 6; }
@media (max-width: 1024px) {
.home-content-img-large {
position: relative;
left: inherit;
bottom: inherit; } }
.home-content-img-large img {
width: calc(100% - 24px);
max-width: 554px;
height: auto; }
@media (max-width: 1024px) {
.home-content-img-large img {
width: calc(100% - 10px); } }
.home-content-img-large-shadow {
position: absolute;
bottom: 24%;
right: 24px;
background: #30aa9e;
width: calc(100% - 10px);
height: 99%;
z-index: -1;
max-width: 531px;
max-height: 382px; }
@media (max-width: 1024px) {
.home-content-img-large-shadow {
display: none; } }
.home-content-img-small {
text-align: right;
position: absolute;
left: 22%;
top: 10vh;
z-index: 7; }
@media (max-width: 1280px) {
.home-content-img-small {
margin-right: 29px; } }
@media (max-width: 1024px) {
.home-content-img-small {
width: 60%;
margin: -65px 58px -58px auto;
position: relative;
left: inherit;
top: inherit;
z-index: 7; } }
@media (max-width: 768px) {
.home-content-img-small {
text-align: right;
margin: -65px 58px -58px auto; } }
@media (max-width: 640px) {
.home-content-img-small {
width: 60%;
margin: -40px 25px -35px auto; } }
.home-content-img-small img {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: 100%;
max-width: 350px;
opacity: 1;
height: auto; }
.home-content-img-full {
position: relative;
bottom: -420px;
z-index: 7; }
@media (max-width: 1024px) {
.home-content-img-full {
bottom: 0; } }
.home-content-img-full img {
display: block;
width: 100%;
height: auto;
position: relative;
z-index: 7; }
.home-content-rightgrid-col1 .home-content-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.home-content-rightgrid-col1 .home-content-title h2 {
text-align: right; }
.home-content-rightgrid-col1 .home-content-img-large {
text-align: right;
top: -14vh;
left: inherit;
right: 0; }
@media (max-width: 1024px) {
.home-content-rightgrid-col1 .home-content-img-large {
margin-top: 19px;
position: relative;
left: inherit;
bottom: inherit;
top: inherit; } }
.home-content-rightgrid-col1 .home-content-img-large img {
margin-right: 24px;
-webkit-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in; }
.home-content-rightgrid-col1 .home-content-img-large-shadow {
position: absolute;
top: 24%;
right: 0;
background: #ffc000;
width: calc(100% - 10px);
height: 98%;
z-index: -1;
max-width: 554px;
max-height: 382px;
-webkit-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in; }
@media (max-width: 1024px) {
.home-content-rightgrid-col1 .home-content-img-large-shadow {
display: none; } }
.home-content-rightgrid-col1 .home-content-img-small {
left: inherit;
right: 11%;
bottom: -95vh;
top: inherit; }
.home-content-rightgrid-col1 .home-content-img-small img {
opacity: 1; }
@media (max-width: 1024px) {
.home-content-rightgrid-col1 .home-content-img-small {
position: relative;
right: inherit;
bottom: inherit;
margin: -60px 82px 0 auto; } }
@media (max-width: 640px) {
.home-content-rightgrid-col1 .home-content-img-small {
margin: -37px 50px 0 auto; } }
.home-content-rightgrid-col2 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.home-content-rightgrid-col2 .home-content-copy {
right: inherit; }
.home-cta {
background-color: #ffc000;
padding: 165px 0 155px 0; }
@media (max-width: 1024px) {
.home-cta {
padding: 54px 0 71px; } }
.home-cta h2 {
color: #ffffff; }
.home-cta-grid {
display: grid;
grid-column-gap: 44px;
grid-row-gap: 0;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
grid-template-areas: "a a a a a a a . b b b ."; }
@media (max-width: 1024px) {
.home-cta-grid {
grid-template-columns: 1fr;
grid-template-areas: "a" "b"; } }
.home-cta-text {
grid-area: a; }
@media (max-width: 1024px) {
.home-cta-text {
width: 80%; } }
.home-cta-button {
grid-area: b;
margin: auto; }
@media (max-width: 1024px) {
.home-cta-button {
margin: 49px 0 0 0; } }
@media (max-width: 640px) {
.home-cta-button .button {
width: 100%; } }
.home-carousel {
position: relative;
text-align: center;
padding-bottom: 84px; }
.home-carousel .button {
position: relative;
margin-top: 84px;
z-index: 7; }
.home-carousel h2 {
padding-top: 94px;
position: relative;
z-index: 6; }
.home-carousel .container.vertical-lines {
border-color: #ebebeb; }
.home-carousel .container.vertical-lines::before {
background-color: #ebebeb; }
.home-carousel .container.vertical-lines::after {
background-color: #ebebeb; }
.home-carousel .container.no-container-lines {
position: absolute;
height: 892px;
width: 100%;
left: 0;
right: 0;
margin: 0 auto; }
@media (max-width: 1024px) {
.home-carousel .container.no-container-lines {
height: 840px;
width: 87%; } }
@media (max-width: 1280px) {
.home-carousel .container.no-container-lines {
max-width: none;
width: 87%; } }
.home-carousel p {
color: #000000; }
@media (max-width: 1024px) {
.home-carousel p {
font-size: 21px; } }
.home-carousel-content {
position: relative;
z-index: 6;
text-align: center;
margin: 0 44px; }
.home-carousel-description-wrapper {
position: relative;
z-index: 6; }
.home-carousel-description-wrapper p {
margin: 20px 0; }
@media (max-width: 1024px) {
.home-carousel-description-wrapper p {
margin: 18px 0 27px 0; } }
.home-carousel img {
text-align: center;
margin: auto;
-webkit-filter: grayscale(100%); filter: grayscale(100%); }
.home-carousel-content-wrapper {
position: relative;
z-index: 6; }
.home-carousel .slick-slide {
opacity: 0.35; }
.home-carousel .slick-active {
opacity: 1; }
.home-carousel .slick-active img {
-webkit-filter: none;
filter: none; }
.home-carousel .slick-dots {
text-align: center;
width: 100%;
margin-bottom: 59px;  }
@media (max-width: 1024px) {
.home-carousel .slick-dots {
margin-bottom: 40px; } }
.home-carousel .slick-dots li {
position: relative;
display: inline-block;
width: 74px;
height: 4px;
background: transparent;
padding: 40px 0;
margin-left: 13px; }
.home-carousel .slick-dots li::before {
background-color: #ebebeb;
position: absolute;
top: 40px;
left: 0;
width: 74px;
height: 4px;
content: ' ';
z-index: 1; }
.home-carousel .slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 74px;
height: 4px;
padding: 0;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
position: relative;
z-index: 2; }
.home-carousel .slick-dots li button::before {
color: transparent;
opacity: 0; }
.home-carousel .slick-dots .animateDot {
background-color: #302056;
height: 4px;
width: 74px;
-webkit-animation-name: growWidth; -webkit-animation-duration: 6s; animation-name: growWidth;
animation-duration: 6s;
-webkit-animation-timing-function: linear; animation-timing-function: linear;
z-index: 2; }
@-webkit-keyframes growWidth {
from {
width: 0; }
to {
width: 100%; } }
@keyframes growWidth {
from {
width: 0; }
to {
width: 100%; } }
.whatwedo-hero-container {
padding: 187px 0 83px; }
@media (max-width: 1024px) {
.whatwedo-hero-container {
padding: 132px 0 56px; } }
.whatwedo-hero-container.vertical-lines {
border-color: #ebebeb; }
.whatwedo-hero-container.vertical-lines::before {
background-color: #ebebeb; }
.whatwedo-hero-container.vertical-lines::after {
background-color: #ebebeb; }
.whatwedo-hero-grid {
display: grid;
grid-column-gap: 44px;
grid-row-gap: 0;
grid-template-rows: auto;
grid-template-areas: "a a a a a a a a a a a a";
margin-bottom: 105px; }
@media (max-width: 1024px) {
.whatwedo-hero-grid {
grid-template-columns: 1fr;
grid-template-areas: "a";
margin-bottom: 43px; } }
.whatwedo-hero-title {
grid-area: a;
text-align: left;
position: relative;
z-index: 6;
width: 87%; }
@media (max-width: 1024px) {
.whatwedo-hero-title {
width: 100%; } }
.whatwedo-hero-wrapper {
position: relative; }
.whatwedo-hero-wrapper-img {
background-position: center center;
background-size: cover;
padding-top: 42.5423728814%;
position: relative;
z-index: 7; }
@media (max-width: 1024px) {
.whatwedo-hero-wrapper-img {
padding-top: 83.59375%; } }
.whatwedo-hero-wrapper-bg {
content: '';
display: block;
width: calc(66.667% + 20px);
padding-top: calc(33.333% + 20px);
background-color: #30aa9e;
position: absolute;
right: -20px;
bottom: -20px;
z-index: 6; }
@media (max-width: 1024px) {
.whatwedo-hero-wrapper-bg {
width: calc(66.667% + 10px);
padding-top: calc(66.667% + 10px);
right: -10px;
bottom: -10px; } }
.whatwedo-benefits-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 42px; }
.whatwedo-benefits-container.vertical-lines {
border-color: #ebebeb; }
.whatwedo-benefits-container.vertical-lines::before {
background-color: #ebebeb; }
.whatwedo-benefits-container.vertical-lines::after {
background-color: #ebebeb; }
.whatwedo-benefits-title {
width: 33.333%;
padding-bottom: 10%;
position: relative;
margin-top: 20%; }
@media (max-width: 1024px) {
.whatwedo-benefits-title {
display: none; } }
.whatwedo-benefits-content {
width: 66.667%;
position: relative;
z-index: 6; }
.whatwedo-benefits-content p:first-child {
font-size: 26px;
line-height: 38px; }
.whatwedo-benefits-content p {
font-size: 18px;
line-height: 32px;
margin-bottom: 32px; }
@media (max-width: 1024px) {
.whatwedo-benefits-content {
width: 100%; } }
.whatwedo-benefits-content-title-mobile {
display: none; }
@media (max-width: 1024px) {
.whatwedo-benefits-content-title-mobile {
display: block;
width: 70%;
margin: 35px 0 40px; } }
.whatwedo-benefits-content-bullets {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media (max-width: 1024px) {
.whatwedo-benefits-content-bullets {
display: block; } }
.whatwedo-benefits-content ul {
width: 50%; }
@media (max-width: 1024px) {
.whatwedo-benefits-content ul {
width: 100%;
margin-top: 0; } }
.whatwedo-benefits-content li {
position: relative;
display: block;
padding: 0 40px 27px 26px;
font-size: 15px;
line-height: 23px;
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
font-style: italic; }
@media (max-width: 1024px) {
.whatwedo-benefits-content li {
padding-right: 0; } }
.whatwedo-benefits-content li::before {
content: '';
display: block;
width: 16px;
height: 2px;
position: absolute;
left: 0;
top: 11px;
background-color: #662b7f; }
.whatwedo-cta {
background-color: #ebebeb; }
.whatwedo-cta-container {
padding: 120px 0 74px; }
@media (max-width: 1024px) {
.whatwedo-cta-container {
padding: 52px 0 44px; } }
.whatwedo-cta-container.vertical-lines {
border-color: #ffffff; }
.whatwedo-cta-container.vertical-lines::before {
background-color: #ffffff; }
.whatwedo-cta-container.vertical-lines::after {
background-color: #ffffff; }
.whatwedo-cta h3 {
margin-bottom: 60px;
max-width: 960px;
position: relative;
z-index: 6; }
@media (max-width: 1024px) {
.whatwedo-cta h3 {
margin-bottom: 26px; } }
.whatwedo-cta-copy {
padding-left: 33.333%;
position: relative;
z-index: 6; }
@media (max-width: 1024px) {
.whatwedo-cta-copy {
padding-left: 0; } }
.whatwedo-cta-copy p {
font-size: 18px;
line-height: 1.78em;
margin-bottom: 32px;
max-width: 560px; }
@media (max-width: 1024px) {
.whatwedo-cta-copy p {
margin-bottom: 12px; } }
.whatwedo-cta-button {
margin-top: 70px; }
@media (max-width: 640px) {
.whatwedo-cta-button .button {
width: 100%; } }
.whatwedo-casestudies {
background-color: #ebebeb;
overflow: hidden; }
@media (max-width: 1024px) {
.whatwedo-casestudies {
background-color: #ebebeb; } }
.whatwedo-casestudies-container {
padding: 164px 0 74px; }
@media (max-width: 1024px) {
.whatwedo-casestudies-container {
padding: 71px 0 19px; } }
.whatwedo-casestudies-linegrid {
position: absolute;
top: 424px;
right: -125px; }
@media (max-width: 1024px) {
.whatwedo-casestudies-linegrid {
display: none; } }
.whatwedo-casestudies-linegrid.active-line img {
position: fixed;
top: 20px;
right: 0;
left: 56%; }
.whatwedo-casestudies-linegrid.last-study img {
position: absolute;
top: 0;
right: 700px; }
.whatwedo-casestudies p {
color: #000000; }
.whatwedo-casestudies h3 {
margin-bottom: 240px;
max-width: 960px;
position: relative;
z-index: 6; }
@media (max-width: 1024px) {
.whatwedo-casestudies h3 {
margin-bottom: 44px; } }
.whatwedo-casestudies h4 {
font-family: "Synthese-Bold", "Helvetica", "Arial", sans-serif;
font-size: 18px;
line-height: 1.778em;
color: #302056;
text-transform: none; }
.whatwedo-casestudies-item {
position: relative;
z-index: 6;
min-height: 870px; }
@media (max-width: 1024px) {
.whatwedo-casestudies-item {
margin-bottom: 83px;
min-height: inherit; } }
.whatwedo-casestudies-item.active-study .whatwedo-casestudies-grid-image img {
position: fixed;
top: 0;
margin-left: 60px;
opacity: 1;
margin-top: 170px; }
.whatwedo-casestudies-item.last-study .whatwedo-casestudies-grid-image img {
position: relative; }
.whatwedo-casestudies-item.first-study .whatwedo-casestudies-grid-image img {
opacity: 1; }
.whatwedo-casestudies-item.scrollImg .whatwedo-casestudies-grid-image img {
opacity: 0; }
.whatwedo-casestudies-grid {
display: grid;
grid-column-gap: 44px;
grid-row-gap: 0;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
grid-template-areas: "a a a a a b b b b b b b"; }
@media (max-width: 1024px) {
.whatwedo-casestudies-grid {
grid-template-columns: 1fr;
grid-template-areas: "b" "a"; } }
.whatwedo-casestudies-grid-content {
grid-area: a;
padding-top: 66px;
height: 1000px; }
@media (max-width: 1024px) {
.whatwedo-casestudies-grid-content {
padding-top: 27px;
height: auto; } }
.whatwedo-casestudies-grid-content h2 {
margin-bottom: 26px; }
@media (max-width: 1024px) {
.whatwedo-casestudies-grid-content h2 {
margin-bottom: 17px; } }
.whatwedo-casestudies-grid-content h4 {
padding-bottom: 20px;
margin-bottom: 20px;
position: relative; }
.whatwedo-casestudies-grid-content h4::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 16px;
height: 3px;
background-color: #302056; }
.whatwedo-casestudies-grid-content p {
font: 18px/1.78em "Synthese-Regular", "Helvetica", "Arial", sans-serif; }
@media (max-width: 1024px) {
.whatwedo-casestudies-grid-content p {
font-size: 16px;
line-height: 1.375em; } }
.whatwedo-casestudies-grid-image {
grid-area: b; }
.whatwedo-casestudies-grid-image img {
display: block;
width: 100%;
max-width: 608px;
height: 100vh;
-o-object-position: 50% 50%;
object-position: 50% 50%;
-o-object-fit: cover;
object-fit: cover;
margin-left: auto;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
opacity: 0; }
@media (max-width: 1024px) {
.whatwedo-casestudies-grid-image img {
opacity: 1;
height: auto;
margin: 0 auto; } }
.whatwedo-casestudies-grid-image:first-child {
opacity: 1; }
.whatwedo-casestudies-cta {
margin: 200px 0 60px;
margin-left: auto;
width: 66.5%; }
@media (max-width: 768px) {
.whatwedo-casestudies-cta {
width: 100%; } }
.whatwedo-casestudies-cta-title {
font-size: 36px;
line-height: 50px;
margin-bottom: 40px !important; }
.joinus-hero-wrapper {
position: relative;
padding-top: 114px; }
@media (max-width: 1024px) {
.joinus-hero-wrapper {
padding-top: 108px; } }
.joinus-hero-wrapper-img {
background-position: center center;
background-size: cover;
padding-top: 40.8474576271%;
position: relative;
z-index: 7; }
@media (max-width: 1024px) {
.joinus-hero-wrapper-img {
padding-top: 83.59375%; } }
.joinus-hero-wrapper-bg {
content: '';
display: block;
width: calc(66.667% + 20px);
padding-top: calc(33.333% + 20px);
background-color: #662b7f;
position: absolute;
left: -20px;
bottom: -20px;
z-index: 6; }
@media (max-width: 1024px) {
.joinus-hero-wrapper-bg {
width: calc(66.667% + 10px);
padding-top: calc(66.667% + 10px);
left: -10px;
bottom: -10px; } }
.joinus-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 165px;
position: relative;
z-index: 6; }
@media (max-width: 1024px) {
.joinus-content {
display: block;
padding-top: 47px; } }
.joinus-content-title {
width: 33.333%; }
@media (max-width: 1024px) {
.joinus-content-title {
width: 100%;
margin-bottom: 28px; } }
.joinus-content-copy {
width: 66.667%; }
@media (max-width: 1024px) {
.joinus-content-copy {
width: 100%; } }
.joinus-content-copy h3 {
margin-bottom: 26px; }
@media (max-width: 1024px) {
.joinus-content-copy h3 {
margin-bottom: 18px; } }
.joinus-content-copy p {
font-size: 18px;
line-height: 1.778em;
margin-bottom: 1.778em; }
@media (max-width: 1024px) {
.joinus-content-copy p {
font-size: 16px;
line-height: 1.375em;
margin-bottom: 1.375em; } }
.joinus-cta {
padding: 45px 0 230px 33.333%;
position: relative;
z-index: 6; }
@media (max-width: 1024px) {
.joinus-cta {
padding: 31px 0 79px 0; } }
.joinus-cta h2 {
margin-bottom: 44px;
margin-top: 100px; }
@media (max-width: 1024px) {
.joinus-cta h2 {
margin-bottom: 29px;
margin-top: 75px; } }
@media (max-width: 640px) {
.joinus-cta .button {
width: 100%; } }
.howwedoit-hero-container {
padding: 202px 0 96px; }
@media (max-width: 1024px) {
.howwedoit-hero-container {
padding: 138px 0 62px; } }
.howwedoit-hero-container.vertical-lines {
border-color: #ebebeb; }
.howwedoit-hero-container.vertical-lines::before {
background-color: #ebebeb; }
.howwedoit-hero-container.vertical-lines::after {
background-color: #ebebeb; }
.howwedoit-hero-title {
text-align: left;
z-index: 6;
position: relative; }
.howwedoit-hero-title h1 {
margin-bottom: 19px; }
.howwedoit-hero-title h5 {
font: 14px/1.43em "Synthese-Bold", "Helvetica", "Arial", sans-serif;
text-transform: uppercase;
color: #662b7f;
letter-spacing: 1.75px;
margin-bottom: 49px; }
.howwedoit-hero-wrapper {
position: relative; }
.howwedoit-hero-wrapper-img {
background-position: center center;
background-size: cover;
padding-top: 42.5423728814%;
position: relative;
z-index: 7; }
@media (max-width: 1024px) {
.howwedoit-hero-wrapper-img {
padding-top: 83.59375%; } }
.howwedoit-hero-wrapper-bg {
content: '';
display: block;
width: calc(66.667% + 20px);
padding-top: calc(33.333% + 20px);
background-color: #662b7f;
position: absolute;
left: -20px;
bottom: -20px;
z-index: 6; }
@media (max-width: 1024px) {
.howwedoit-hero-wrapper-bg {
width: calc(66.667% + 10px);
padding-top: calc(66.667% + 10px);
right: -10px;
bottom: -10px; } }
.howwedoit-intro-container {
padding-bottom: 92px; }
@media (max-width: 1024px) {
.howwedoit-intro-container {
padding-bottom: 60px; } }
.howwedoit-intro-container.vertical-lines {
border-color: #ebebeb; }
.howwedoit-intro-container.vertical-lines::before {
background-color: #ebebeb; }
.howwedoit-intro-container.vertical-lines::after {
background-color: #ebebeb; }
.howwedoit-intro-content {
padding: 0 0 0 33.333%;
position: relative;
z-index: 6; }
@media (max-width: 1024px) {
.howwedoit-intro-content {
padding: 0; } }
.howwedoit-intro-content p:first-child {
font-size: 26px;
line-height: 38px; }
.howwedoit-3columns .container {
padding: 113px 0 130px; }
.howwedoit-3columns-title, .howwedoit-3columns-content {
z-index: 7;
position: relative;
padding: 0 0 0 33.333%; }
@media (max-width: 1024px) {
.howwedoit-3columns-title, .howwedoit-3columns-content {
padding: 0; } }
.howwedoit-3columns-title h3 {
margin-bottom: 1em; }
.howwedoit-3columns-content {
margin-bottom: 80px; }
.howwedoit-3columns-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 7;
position: relative; }
@media (max-width: 1024px) {
.howwedoit-3columns-columns {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.howwedoit-3columns-columns-column {
-webkit-box-flex: 0;
-ms-flex: 0 1 26%;
flex: 0 1 26%; }
.howwedoit-3columns-columns-column:nth-child(even) {
margin: 0 86px; }
@media (max-width: 1024px) {
.howwedoit-3columns-columns-column:nth-child(even) {
margin: 0 0 30px; } }
@media (max-width: 1024px) {
.howwedoit-3columns-columns-column {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-bottom: 30px; } }
.howwedoit-3columns-columns-column-title h3 {
text-transform: uppercase;
font-family: "Druk-Bold", "Helvetica", "Arial", sans-serif;
margin-bottom: 0.5em; }
.howwedoit-3columns-columns-column-content p {
font-size: 18px;
line-height: 32px;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif; }
.howwedoit-implications .container {
padding: 113px 0 130px; }
.howwedoit-implications .container.vertical-lines {
border-color: #ebebeb; }
.howwedoit-implications .container.vertical-lines::before {
background-color: #ebebeb; }
.howwedoit-implications .container.vertical-lines::after {
background-color: #ebebeb; }
.howwedoit-implications-title h3 {
margin-bottom: 1em; }
.howwedoit-implications-title, .howwedoit-implications-content {
z-index: 7;
position: relative;
padding: 0 0 0 33.333%; }
@media (max-width: 1024px) {
.howwedoit-implications-title, .howwedoit-implications-content {
padding: 0; } }
.howwedoit-implications-title-cta, .howwedoit-implications-content-cta {
text-transform: uppercase !important;
font-family: "Druk-Bold", "Helvetica", "Arial", sans-serif !important;
font-size: 74px !important;
line-height: 70px !important;
padding-right: 30%;
margin-top: 90px;
position: relative;
z-index: 7; }
@media (max-width: 1024px) {
.howwedoit-implications-title-cta, .howwedoit-implications-content-cta {
padding-right: 0; } }
.howwedoit-lifecycle {
background-color: #ebebeb; }
.howwedoit-lifecycle .container {
padding: 113px 0 130px; }
.howwedoit-lifecycle-title, .howwedoit-lifecycle-intro, .howwedoit-lifecycle-stages {
padding: 0 0 0 33.333%;
z-index: 7;
position: relative; }
@media (max-width: 1024px) {
.howwedoit-lifecycle-title, .howwedoit-lifecycle-intro, .howwedoit-lifecycle-stages {
padding: 0; } }
.howwedoit-lifecycle-title h3 {
margin-bottom: 1em; }
.howwedoit-lifecycle-intro img {
margin-left: -69px; }
@media (max-width: 1024px) {
.howwedoit-lifecycle-intro img {
margin-left: 0;
width: 100%; } }
.howwedoit-lifecycle-stages {
margin-top: 12px; }
.howwedoit-lifecycle-stages-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.howwedoit-lifecycle-stages-stage-header {
-webkit-box-flex: 0;
-ms-flex: 0 1 20%;
flex: 0 1 20%; }
.howwedoit-lifecycle-stages-stage-header-stage {
font-family: "Synthese-Bold", "Helvetica", "Arial", sans-serif;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1.75px;
display: block; }
.howwedoit-lifecycle-stages-stage-header-subtitle {
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
display: block;
font-size: 16px;
line-height: 32px; }
.howwedoit-lifecycle-stages-stage-content {
-webkit-box-flex: 0;
-ms-flex: 0 1 75%;
flex: 0 1 75%; }
.howwedoit-lifecycle-stages-stage-final-mobile {
display: none; }
@media (max-width: 1024px) {
.howwedoit-lifecycle-stages-stage-final-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.howwedoit-lifecycle-stages-stage-final-mobile img {
width: 100%; } }
.howwedoit-lifecycle-stages-stage-final {
margin-top: 15px; }
@media (max-width: 1024px) {
.howwedoit-lifecycle-stages-stage-final {
display: none; } }
.howwedoit-lifecycle-stages-stage-final-title h3 {
margin-bottom: 1em; }
.howwedoit-lifecycle-stages-stage-final img {
margin-left: -69px; }
@media (max-width: 1024px) {
.howwedoit-lifecycle-stages-stage-final img {
margin-left: 0;
width: 100%; } }
.contact {
border-bottom: 1px solid #662b7f; }
.contact .container.vertical-lines {
border-color: #ebebeb; }
.contact .container.vertical-lines::before {
background-color: #ebebeb; }
.contact .container.vertical-lines::after {
background-color: #ebebeb; }
.contact-container {
padding: 187px 0 83px; }
.contact-grid {
display: grid;
grid-row-gap: 0;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
grid-template-areas: "a a a a b b b b b b b b"; }
@media (max-width: 1024px) {
.contact-grid {
grid-template-columns: 1fr;
grid-template-areas: "a" "b"; } }
.contact-left-col {
grid-area: a; }
.contact-left-col h2 {
color: #302056;
position: relative;
z-index: 7; }
@media (max-width: 1024px) {
.contact-left-col h2 {
margin-bottom: 23px; } }
.contact-right-col {
grid-area: b;
z-index: 6; }
.contact-right-col h3 {
color: #000000;
margin-bottom: 49px; }
.team-grid {
margin: 0 auto;
opacity: 0;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in; }
.team-grid::after {
content: "";
display: table;
clear: both; }
.team-grid-item {
width: 262px;
float: left;
z-index: 7;
margin-bottom: 200px;
height: 240px; }
@media (max-width: 640px) {
.team-grid-item {
width: 150px;
margin-bottom: 50px; } }
@media (max-width: 480px) {
.team-grid-item {
width: 140px; } }
.team-grid-item-span2 {
width: 524px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
@media (max-width: 640px) {
.team-grid-item-span2 {
width: 100%; } }
.team-grid-item-loadmore {
display: none !important; }
@media (max-width: 640px) {
.team-grid-item-loadmore {
display: block !important; } }
.team-grid-item-loadmore p {
font-size: 16px;
line-height: 23px;
text-align: center;
margin: 50px auto;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif; }
.team-grid-member {
display: block; }
.team-grid-member-image {
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
display: block;
margin: 0 auto;
width: 100%;
height: auto;
position: relative; }
.team-grid-member-name {
font-size: 24px;
font-weight: 300;
line-height: 32px;
color: #000000;
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
padding-top: 15px;
border-top: 10px solid #000000; }
@media (max-width: 768px) {
.team-grid-member-name {
font-size: 16px;
font-weight: 300;
border-top: 5px solid #000000;
line-height: 21px; } }
.team-grid-member:hover h3 {
color: #662b7f;
border-color: #662b7f; }
.team-grid-member:hover img {
filter: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;filter id='grayscale'&gt;&lt;feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
-webkit-filter: grayscale(0%); }
.team-grid-cta {
text-align: center;
-ms-flex-item-align: center;
align-self: center; }
.team-grid-cta h2 {
margin-bottom: 38px; }
.team-grid-quote {
-ms-flex-item-align: center;
align-self: center;
text-align: center;
color: #662b7f;
position: relative; }
.team-grid-quote::before {
font-family: "Icons";
content: "";
color: #302056;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
font-size: 50px; }
@media (max-width: 768px) {
.team-grid-quote::before {
font-size: 30px; } }
.team-grid-quote-text {
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
font-size: 36px;
line-height: 50px;
margin-bottom: 10px;
padding-top: 60px; }
@media (max-width: 768px) {
.team-grid-quote-text {
font-size: 16px;
line-height: 21px; } }
.team-grid-quote-by {
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
font-size: 24px; }
@media (max-width: 768px) {
.team-grid-quote-by {
font-size: 16px;
line-height: 21px; } }
.team-grid-circle {
text-align: center;
-ms-flex-item-align: center;
align-self: center;
border-radius: 100%;
color: #ffffff;
text-transform: uppercase;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 333px;
height: 333px;
margin: 0 auto; }
@media (max-width: 768px) {
.team-grid-circle {
height: 237px;
width: 237px; } }
.team-grid-circle-number {
font-family: "Druk-Bold", "Helvetica", "Arial", sans-serif;
font-size: 120px;
font-weight: bold;
line-height: 70px;
text-align: center;
margin-bottom: 40px; }
@media (max-width: 768px) {
.team-grid-circle-number {
font-size: 72px;
margin-bottom: 0; } }
.team-grid-circle-text {
font-size: 16px;
line-height: 29px;
text-align: center; }
.team-grid-circle--green {
background: #30aa9e; }
.team-grid-circle--green-text {
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
letter-spacing: 1.78px; }
.team-grid-circle--yellow {
background: #ffc000; }
.team-grid-circle--yellow-text {
font-family: "Synthese-Bold", "Helvetica", "Arial", sans-serif;
letter-spacing: 2px; }
.bio-container {
padding-top: 215px; }
@media (max-width: 1024px) {
.bio-container {
padding-top: 115px; } }
.bio-container.vertical-lines {
border-color: #ebebeb; }
.bio-container.vertical-lines::before {
background-color: #ebebeb; }
.bio-container.vertical-lines::after {
background-color: #ebebeb; }
.bio-aside img {
display: block;
width: 100%;
max-width: 263px;
height: auto;
margin-bottom: 25px;
border-bottom: 10px solid #662b7f; }
@media (max-width: 1024px) {
.bio-aside img {
border-bottom: 5px solid #662b7f;
margin-bottom: 12px; } }
@media (max-width: 1024px) {
.bio-aside .social-icons, .bio-aside .bio-links {
display: none; } }
.bio-links {
margin-top: 40px; }
@media (max-width: 1024px) {
.bio-links {
margin-top: 70px; } }
.bio-links h6 {
font-family: "Synthese-Bold", "Helvetica", "Arial", sans-serif;
font-size: 14px;
color: #302056;
text-transform: none;
margin-bottom: 2px; }
.bio-links ul li {
position: relative;
font: 14px/1.5em "Synthese-Regular", "Helvetica", "Arial", sans-serif;
margin-bottom: 9px; }
.bio-links ul li::before {
content: "\2014";
color: #662b7f; }
.bio-links ul li a {
color: #000000; }
.bio-main h4 {
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 16px;
line-height: 2em;
margin-bottom: 16px; }
@media (max-width: 1024px) {
.bio-main h4 {
font-size: 14px;
margin-bottom: 6px; } }
.bio-main h2 {
margin-bottom: 25px; }
@media (max-width: 1024px) {
.bio-main h2 {
margin-bottom: 9px; } }
.bio-main .social-icons, .bio-main .bio-links {
display: none; }
@media (max-width: 1024px) {
.bio-main .social-icons, .bio-main .bio-links {
display: block; } }
@media (max-width: 1024px) {
.bio-main-content {
margin-top: 23px; } }
.bio-main-content p {
font-size: 18px;
line-height: 1.778em;
margin-bottom: 1.778em; }
@media (max-width: 1024px) {
.bio-main-content p {
font-size: 16px;
line-height: 1.375em;
margin-bottom: 1.375em; } }
.bio-main-content p:first-child {
font-size: 24px;
line-height: 1.5em;
margin-bottom: 1.5em; }
@media (max-width: 1024px) {
.bio-main-content p:first-child {
font-size: 18px;
line-height: 1.333em;
margin-bottom: 1.333em; } }
@media (max-width: 1024px) {
.bio .page-navigation {
display: inline; } }
@media (max-width: 1024px) {
.bio .page-navigation-container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 96px 0 104px; } }
.bio .page-navigation-toplink::before {
content: ""; }
@media (max-width: 1024px) {
.bio .page-navigation-link--prev {
display: none; } }
@media (max-width: 1024px) {
.bio .page-navigation-link--next {
display: none; } }
.social-icons li {
display: inline-block;
margin-right: 20px; }
.social-icons-icon {
display: block;
width: 35px;
height: 35px;
background-color: #662b7f;
border-radius: 100%;
position: relative; }
.social-icons-icon::after {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #ffffff;
font-size: 16px;
font-family: "Icons"; }
.social-icons-icon--facebook::after {
content: ""; }
.social-icons-icon--linkedin::after {
content: ""; }
.social-icons-icon--twitter::after {
content: ""; }
.social-icons-icon--mail::after {
content: ""; }
.rich-text {
z-index: 7;
position: relative; }
.rich-text h2, .rich-text h3 {
margin-bottom: 1em; }
.rich-text h3 {
color: #000000; }
.rich-text h4 {
margin-bottom: 1.5em; }
.rich-text p {
font-size: 18px;
line-height: 32px;
margin-bottom: 32px; }
@media (max-width: 1024px) {
.rich-text p {
font-size: 16px;
line-height: 22px;
margin-bottom: 22px; } }
.rich-text a {
text-decoration: underline; }
.rich-text ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 48px 0 24px; }
.rich-text ul li {
position: relative;
display: block;
padding: 0 40px 27px 26px;
font-size: 15px;
line-height: 23px;
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
font-style: italic;
width: 50%; }
@media (max-width: 1024px) {
.rich-text ul li {
width: 100%;
margin-top: 0;
padding-right: 0; } }
.rich-text ul li::before {
content: '';
display: block;
width: 16px;
height: 2px;
position: absolute;
left: 0;
top: 11px;
background-color: #662b7f; }
.rich-text ul.defaultBullet {
display: inherit; }
.rich-text ul.defaultBullet > li {
position: relative;
display: block;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
font-style: normal;
line-height: 32px;
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
width: 100%;
padding-right: 0;
padding-bottom: 0; }
.rich-text ul.defaultBullet > li::before {
content: '';
border-radius: 100%;
display: block;
width: 8px;
height: 8px;
position: absolute;
left: 0;
top: 11px;
background-color: #662b7f; }
.rich-text ul.defaultBullet > li ul {
margin: inherit; }
.rich-text ul.defaultBullet > li ul li::before {
content: '';
border: 1px solid #662b7f;
background: none; }
.rich-text ul.defaultBullet > li ul li ul {
margin: inherit; }
.rich-text ul.defaultBullet > li ul li ul li::before {
content: '';
border: none;
top: 16px;
position: absolute;
background: #662b7f;
width: 10px;
height: 1px; }
.rich-text ol {
list-style: none;
counter-reset: count; }
.rich-text ol li {
position: relative;
display: block;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
font-style: normal;
line-height: 32px;
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
width: 100%;
padding-right: 0;
padding-bottom: 5px;
padding-left: 20px;
counter-increment: count; }
.rich-text ol li::before {
position: absolute;
top: 0;
left: 0;
content: counter(count) ". ";
color: #662b7f;
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 300;
letter-spacing: 0;
line-height: 32px;
text-align: right; }
.rich-text ol li ol {
counter-reset: count2; }
.rich-text ol li ol li {
counter-increment: count2; }
.rich-text ol li ol li::before {
content: counter(count2, lower-alpha) ". "; }
.rich-text ol li ol li ol {
counter-reset: count3; }
.rich-text ol li ol li ol li {
padding-left: 35px;
counter-increment: count3; }
.rich-text ol li ol li ol li::before {
content: counter(count2, lower-alpha) ". " counter(count3) ". "; }
.error404 {
text-align: center; }
.who-we-are {
position: relative;
z-index: 6; }
.who-we-are .vertical-lines {
border-left-color: #ebebeb;
border-right-color: #ebebeb; }
.who-we-are .vertical-lines::after, .who-we-are .vertical-lines::before {
background-color: #ebebeb; }
.who-we-are-intro {
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
font-size: 36px;
font-weight: 300;
line-height: 50px;
text-align: left;
padding: 187px 0 83px;
color: #302056;
z-index: 6;
position: relative;
width: 87%; }
@media (max-width: 1024px) {
.who-we-are-intro {
width: 100%; } }
@media (max-width: 768px) {
.who-we-are-intro {
padding: 100px 0; } }
.who-we-are-founders {
margin-top: 40px; }
@media (max-width: 768px) {
.who-we-are-founders {
margin-top: 0; } }
.who-we-are-founders .founder-title {
color: #302056;
font-family: "Synthese-Bold", "Helvetica", "Arial", sans-serif;
font-size: 24px;
margin-bottom: 10px; }
.who-we-are-founders .founder-copy {
color: #302056;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 18px;
line-height: 1.5; }
.who-we-are-founders .founders-wrap {
clear: both;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 100px;
margin-top: 100px; }
@media (max-width: 768px) {
.who-we-are-founders .founders-wrap {
margin-bottom: 50px; } }
.who-we-are-founders .founders-wrap .team-grid-item {
float: none;
margin-right: 3%;
width: 31.33%; }
.who-we-are-founders .founders-wrap .team-grid-item:last-of-type, .who-we-are-founders .founders-wrap .team-grid-item:nth-of-type(3n) {
margin-right: 0; }
@media (max-width: 768px) {
.who-we-are-founders .founders-wrap .team-grid-item {
margin-right: 4%;
width: 48%; }
.who-we-are-founders .founders-wrap .team-grid-item:nth-of-type(3n) {
margin-right: 4%; }
.who-we-are-founders .founders-wrap .team-grid-item:nth-of-type(2n) {
margin-right: 0; } }
.who-we-are-search {
margin: 0 auto 150px;
width: 50%;
position: relative; }
@media (max-width: 1024px) {
.who-we-are-search {
width: 100%; } }
.who-we-are-search::after {
content: "";
font-family: "Icons";
font-size: 20px;
position: absolute;
color: #979797;
right: 0;
bottom: 7px;
z-index: 7; }
.who-we-are-search .search-header {
color: #302056;
font-family: "Synthese-Bold", "Helvetica", "Arial", sans-serif;
font-size: 24px;
position: relative;
z-index: 10; }
.who-we-are-search input {
border-bottom: 2px solid #979797 !important;
margin: 0 auto;
padding-bottom: 14px;
background: none;
color: #979797 !important; }
.who-we-are-search input::-webkit-input-placeholder {
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 32px;
opacity: 1 !important;
color: #979797 !important; }
.who-we-are-search input::-moz-placeholder {
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 32px;
opacity: 1 !important;
color: #979797 !important; }
.who-we-are-search input:-ms-input-placeholder {
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 32px;
opacity: 1 !important;
color: #979797 !important; }
.who-we-are-search input::-ms-input-placeholder {
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 32px;
opacity: 1 !important;
color: #979797 !important; }
.who-we-are-search input::placeholder {
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 32px;
opacity: 1 !important;
color: #979797 !important; }
@media (max-width: 768px) {
.who-we-are-search input::-webkit-input-placeholder {
font-size: 16px;
line-height: 32px; }
.who-we-are-search input::-moz-placeholder {
font-size: 16px;
line-height: 32px; }
.who-we-are-search input:-ms-input-placeholder {
font-size: 16px;
line-height: 32px; }
.who-we-are-search input::-ms-input-placeholder {
font-size: 16px;
line-height: 32px; }
.who-we-are-search input::placeholder {
font-size: 16px;
line-height: 32px; } }
.who-we-are .twitter-typeahead {
width: 100%;
z-index: 6; }
.who-we-are .twitter-typeahead .tt-open {
color: #979797;
width: 100%;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
border-left: 1px solid #979797;
border-right: 1px solid #979797;
border-bottom: 1px solid #979797;
background: #ffffff;
cursor: pointer; }
.who-we-are .twitter-typeahead .tt-open .tt-suggestion {
padding: 10px;
-webkit-transition: color 0.2s ease-in;
transition: color 0.2s ease-in; }
.who-we-are .twitter-typeahead .tt-open .tt-suggestion:hover {
color: #000000; }
.who-we-are .twitter-typeahead .tt-open .tt-suggestion:last-child {
border: none; }
.who-we-are .twitter-typeahead .tt-open .tt-suggestion .tt-highlight {
font-weight: normal;
color: #000000; }
.news-latest {
background: #ebebeb; }
.news-latest-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 65px 0;
position: relative;
z-index: 6; }
@media (max-width: 1024px) {
.news-latest-container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
.news-latest-container-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
@media (max-width: 1024px) {
.news-latest-container-link {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; } }
.news-latest-container-link:hover .news-latest-container-image-img {
-webkit-transform: scale(1);
transform: scale(1); }
.news-latest-container-content {
-webkit-box-flex: 0;
-ms-flex: 0 1 49%;
flex: 0 1 49%; }
@media (max-width: 1024px) {
.news-latest-container-content {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%; } }
.news-latest-container-content-header-eyebrow {
color: #000000;
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
font-size: 18px;
font-weight: 300;
line-height: 32px;
margin-bottom: 15px; }
.news-latest-container-content-header-title {
color: #302056;
font-family: "Druk-Bold", "Helvetica", "Arial", sans-serif;
font-size: 46px;
line-height: 48px;
margin-bottom: 30px;
text-transform: uppercase; }
@media (max-width: 1024px) {
.news-latest-container-content-header-title {
font-size: 37px;
line-height: 34px;
margin-bottom: 22px; } }
.news-latest-container-content-header-subtitle {
color: #662b7f;
font-family: "Synthese-Bold", "Helvetica", "Arial", sans-serif;
font-size: 14px;
letter-spacing: 1.75px;
text-transform: uppercase;
line-height: 32px;
position: relative;
height: 55px;
margin-bottom: 30px; }
@media (max-width: 1024px) {
.news-latest-container-content-header-subtitle {
height: 65px; } }
.news-latest-container-content-header-subtitle::after {
content: '';
background-color: #662b7f;
position: absolute;
bottom: 0;
width: 13px;
height: 2px;
left: 0; }
.news-latest-container-content-excerpt {
margin-top: 20px; }
.news-latest-container-content-excerpt p {
color: #000000;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 18px;
line-height: 32px; }
.news-latest-container-content-excerpt-link {
color: #662b7f;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 13px;
font-weight: 300;
line-height: 18px;
cursor: pointer; }
.news-latest-container-image {
-webkit-box-flex: 0;
-ms-flex: 0 1 39.6%;
flex: 0 1 39.6%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-item-align: center;
align-self: center;
overflow: hidden;
width: 100%;
max-height: 466px;
height: 100%; }
@media (max-width: 1024px) {
.news-latest-container-image {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 36px;
height: 466px;
width: 466px; } }
@media (max-width: 768px) {
.news-latest-container-image {
height: 366px;
width: 366px; } }
@media (max-width: 640px) {
.news-latest-container-image {
height: 261px;
width: 261px; } }
.news-latest-container-image-img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: -webkit-transform 0.2s ease-in;
transition: -webkit-transform 0.2s ease-in;
transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
width: 100%;
background-position: 50%;
background-size: cover;
height: 100%; }
@media (max-width: 1024px) {
.news-latest-container-image-img {
height: 466px;
width: 466px; } }
@media (max-width: 768px) {
.news-latest-container-image-img {
height: 366px;
width: 366px; } }
@media (max-width: 640px) {
.news-latest-container-image-img {
height: 261px;
width: 261px; } }
.news-list .vertical-lines {
border-color: #ebebeb; }
.news-list .vertical-lines::before {
background-color: #ebebeb; }
.news-list .vertical-lines::after {
background-color: #ebebeb; }
.news-list-container {
padding: 137px 0 10px; }
.news-list-container-detail {
margin-bottom: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
opacity: 1;
position: relative;
z-index: 6; }
@media (max-width: 1024px) {
.news-list-container-detail {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; } }
.news-list-container-detail:hover .news-list-container-detail-image-img {
-webkit-transform: scale(1);
transform: scale(1); }
.news-list-container-detail.fader {
opacity: 0; }
.news-list-container-detail-image {
display: block;
height: 261px;
width: 261px;
overflow: hidden; }
@media (max-width: 1024px) {
.news-list-container-detail-image {
margin-bottom: 40px; } }
.news-list-container-detail-image-img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: -webkit-transform 0.2s ease-in;
transition: -webkit-transform 0.2s ease-in;
transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
width: 100%;
background-position: 50%;
background-size: cover;
height: 100%; }
.news-list-container-detail-content {
-webkit-box-flex: 0;
-ms-flex: 0 1 66.7%;
flex: 0 1 66.7%;
padding-right: 120px; }
@media (max-width: 1024px) {
.news-list-container-detail-content {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
padding-right: 0; } }
.news-list-container-detail-content-header-title {
color: #302056;
font-family: "Druk-Bold", "Helvetica", "Arial", sans-serif;
font-size: 46px;
font-weight: 500;
line-height: 48px;
text-transform: uppercase; }
@media (max-width: 1024px) {
.news-list-container-detail-content-header-title {
font-size: 37px;
line-height: 34px;
margin-bottom: 22px; } }
.news-list-container-detail-content-header-subtitle {
color: #662b7f;
font-family: "Synthese-Bold", "Helvetica", "Arial", sans-serif;
font-size: 14px;
letter-spacing: 1.75px;
text-transform: uppercase;
line-height: 32px;
position: relative;
height: 55px;
margin-bottom: 30px; }
@media (max-width: 1024px) {
.news-list-container-detail-content-header-subtitle {
height: 65px; } }
.news-list-container-detail-content-header-subtitle::after {
content: '';
background-color: #662b7f;
position: absolute;
bottom: 0;
width: 13px;
height: 2px;
left: 0; }
@media (max-width: 1024px) {
.news-list-container-detail-content-header-subtitle-estimate {
display: block;
margin-top: -11px; } }
.news-list-container-detail-content-excerpt {
margin-top: 20px; }
.news-list-container-detail-content-excerpt p {
color: #000000;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 18px;
line-height: 32px; }
@media (max-width: 1024px) {
.news-list-container-detail-content-excerpt p {
font-size: 16px;
line-height: 22px;
margin-bottom: 18px; } }
.news-list-container-detail-content-excerpt-link {
color: #662b7f;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 13px;
font-weight: 300;
line-height: 18px; }
.news-title {
margin: 0 auto; }
.news-title .vertical-lines {
border-color: #ebebeb; }
.news-title .vertical-lines::before {
background-color: #ebebeb; }
.news-title .vertical-lines::after {
background-color: #ebebeb; }
.news-title-container {
padding: 100px 0;
position: relative;
z-index: 6; }
@media (max-width: 768px) {
.news-title-container {
padding-bottom: 50px; } }
.news-title-container-eyebrow {
color: #000000;
font-size: 16px;
line-height: 32px;
text-align: left;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif; }
@media (max-width: 768px) {
.news-title-container-eyebrow {
font-size: 14px; } }
.news-title-container-text {
font-size: 36px;
font-weight: 300;
line-height: 50px;
text-align: left;
font-family: "GT-Sectra-Book", "Helvetica", "Arial", sans-serif;
color: #302056;
width: 87%; }
@media (max-width: 768px) {
.news-title-container-text {
width: 100%;
font-size: 21px;
line-height: 26px; } }
.joinus-container.vertical-lines {
border-color: #ebebeb; }
.joinus-container.vertical-lines::before {
background-color: #ebebeb; }
.joinus-container.vertical-lines::after {
background-color: #ebebeb; }
.news-container {
padding-top: 202px;
margin-top: -70px; }
@media (max-width: 1024px) {
.news-container {
padding-top: 100px;
margin-top: 0; } }
.news-container.vertical-lines {
border-color: #ebebeb; }
.news-container.vertical-lines::before {
background-color: #ebebeb; }
.news-container.vertical-lines::after {
background-color: #ebebeb; }
.news-section {
margin-bottom: 47px; }
@media (max-width: 1024px) {
.news-section {
margin-bottom: 22px; } }
.news-section h6 {
color: #302056;
font: 14px/1 "Synthese-Bold", "Helvetica", "Arial", sans-serif;
letter-spacing: 2px;
margin-bottom: 13px; }
@media (max-width: 1024px) {
.news-section h6 {
font-size: 11px;
margin-bottom: 6px; } }
.news-section p {
font: 14px/1.5em "Synthese-Regular", "Helvetica", "Arial", sans-serif;
margin-bottom: 9px; }
@media (max-width: 1024px) {
.news-section p {
font-size: 11px;
margin-bottom: 4px; } }
.news-hero {
margin-bottom: 75px;
position: relative;
z-index: 7; }
@media (max-width: 1024px) {
.news-hero {
margin-bottom: 30px; } }
.news-hero img {
width: 100%; }
.news-aside {
padding-top: 15px; }
@media (max-width: 1024px) {
.news-aside {
padding-top: 0;
padding-bottom: 5px; } }
@media (max-width: 1024px) {
.news-aside .news-section--social, .news-aside .news-section--newsletter {
display: none; } }
.news-main {
padding-bottom: 200px; }
@media (max-width: 1024px) {
.news-main {
padding-bottom: 60px; } }
.news-main h1 {
margin-bottom: 30px; }
.news-main-content {
padding-bottom: 50px; }
@media (max-width: 1024px) {
.news-main-content {
padding-bottom: 85px; } }
.news-main-content img {
height: auto;
display: block;
margin: 0 auto; }
@media (max-width: 1024px) {
.news-main .news-section--social {
margin-bottom: 75px; } }
.news-main .news-section--newsletter {
display: none; }
@media (max-width: 1024px) {
.news-main .news-section--newsletter {
display: block; } }
.news-detail-latest {
display: block;
background: #ebebeb; }
.news-detail-latest .container {
padding: 150px 0; }
@media (max-width: 1024px) {
.news-detail-latest .container {
padding: 75px; } }
.news-detail-latest h2 {
text-align: center;
color: #302056;
margin-bottom: 83px; }
.news-detail-latest-posts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
z-index: 7;
position: relative; }
@media (max-width: 1024px) {
.news-detail-latest-posts {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.news-detail-latest-posts-post {
-webkit-box-flex: 0;
-ms-flex: 0 1 31%;
flex: 0 1 31%;
margin-right: 27px; }
.news-detail-latest-posts-post:nth-child(even) {
margin-left: 1px; }
@media (max-width: 1024px) {
.news-detail-latest-posts-post {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
margin-right: 0;
margin-bottom: 50px; }
.news-detail-latest-posts-post :nth-child(even) {
margin-left: 0; } }
.news-detail-latest-posts-post:last-child {
margin-right: 0; }
.news-detail-latest-posts-post a {
font-size: 24px;
line-height: 32px;
color: #302056; }
.news-detail-latest-posts-post a img {
display: block;
width: 100%;
margin-bottom: 30px; }
.news-detail-latest-viewall {
margin: 50px auto 0;
text-align: center; }
.news-detail-latest-viewall-button {
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 16px;
line-height: 23px;
color: #000000;
cursor: pointer;
position: relative; }
.news-detail-latest-viewall-button::before {
font-family: "Icons";
content: "";
color: #000000;
font-size: 24px;
margin-right: 5px; }
body.login {
background: #302056; }
body.login form {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
color: #ffffff;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif; }
body.login form input[type="text"],
body.login form input[type="password"] {
background-color: transparent !important;
color: #ffffff;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif;
font-size: 16px;
border: none;
border-bottom: 2px solid #ffffff;
height: 36px;
padding-left: 0;
-webkit-appearance: none; }
body.login #wp-submit {
display: block;
font: 13px/59px "Synthese-Regular", "Helvetica", "Arial", sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
white-space: nowrap;
text-align: center;
border: 3px solid #662b7f;
padding: 0 30px;
min-width: 200px;
-webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
text-decoration: none;
cursor: pointer;
color: #ffffff;
border-color: #ffffff;
background: none;
height: auto;
float: none;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none;
margin-top: 50px; }
body.login #wp-submit:hover {
color: #662b7f;
background-color: #ffffff; }
body.login #login h1 a {
background-image: none;
width: 100%;
display: block;
background-size: 100%;
margin: 0 auto;
padding: 0;
margin-bottom: -30px;
position: relative;
text-indent: 0;
font-size: 0;
height: 100px; }
body.login #login h1 a::before {
content: "";
display: block;
text-align: center;
margin-top: 50px;
color: #ffffff;
font-family: "Icons";
font-size: 98px; }
body.login #nav a, body.login #backtoblog a {
color: #ffffff;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif; }
.error404 .vertical-lines {
border-left-color: #ebebeb;
border-right-color: #ebebeb; }
.error404 .vertical-lines::after, .error404 .vertical-lines::before {
background-color: #ebebeb; }
.error404 .content {
z-index: 7;
padding: 185px 0; }
.error404 .content h3 {
margin-top: 10px; }
.error404 .content h3 a {
color: #662b7f;
text-decoration: underline; }
.default-page .container {
padding: 150px 0; }
.default-page .container.vertical-lines {
border-color: #ebebeb; }
.default-page .container.vertical-lines::before {
background-color: #ebebeb; }
.default-page .container.vertical-lines::after {
background-color: #ebebeb; }
.default-page-title {
margin-bottom: 0.5em; }
.default-page-content {
position: relative;
z-index: 7; }
.default-page-content h3 {
margin-bottom: 0.5em;
color: #000000; }
.default-page-content h2 {
font-size: 56px;
line-height: 60px; }
.default-page-content h4 {
margin-bottom: 1.5em; }
.default-page-content p {
font-size: 18px;
line-height: 32px;
margin-bottom: 32px; }
@media (max-width: 1024px) {
.default-page-content p {
font-size: 16px;
line-height: 22px;
margin-bottom: 22px; } }
.default-page-content img {
width: 100%; }
.joinus-position {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding-top: 80px;
padding-bottom: 50px; }
@media (max-width: 1024px) {
.joinus-position {
padding-top: 45px; } }
.joinus-position-title {
width: 66.667%;
position: relative;
z-index: 7; }
@media (max-width: 1024px) {
.joinus-position-title {
width: 100%; } }
.joinus-position-list {
width: 66.667%; }
@media (max-width: 1024px) {
.joinus-position-list {
width: 100%; } }
.joinus-position-list-job {
border-bottom: 1px solid #979797;
padding: 50px 0;
display: block;
position: relative;
z-index: 7; }
.joinus-position-list-job:hover h3 {
color: #662b7f; }
.joinus-position-list-job:last-child {
border-bottom: none; }
@media (max-width: 1024px) {
.joinus-position-list-job {
padding: 30px 0; } }
.joinus-position-list-job h3 {
margin-bottom: 20px;
-webkit-transition: 0.2s ease-in;
transition: 0.2s ease-in; }
.joinus-position-list-job-location {
font-size: 18px;
line-height: 32px;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif; }
.joinus-job-detail-wrapper {
position: relative;
padding-top: 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: 7;
padding-bottom: 75px; }
@media (max-width: 1024px) {
.joinus-job-detail-wrapper {
padding-top: 108px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; } }
.joinus-job-detail-wrapper-apply {
-webkit-box-flex: 0;
-ms-flex: 0 1 35%;
flex: 0 1 35%; }
.joinus-job-detail-wrapper-apply-all {
font-size: 14px;
line-height: 30px;
letter-spacing: 2px;
font-family: "Synthese-Bold", "Helvetica", "Arial", sans-serif;
margin-bottom: 40px;
display: block;
text-transform: uppercase; }
.joinus-job-detail-wrapper-apply-all:hover {
color: #662b7f; }
@media (max-width: 1024px) {
.joinus-job-detail-wrapper-apply {
margin-bottom: 50px; }
.joinus-job-detail-wrapper-apply .button {
width: 100%; } }
.joinus-job-detail-wrapper-details {
-webkit-box-flex: 0;
-ms-flex: 0 1 70%;
flex: 0 1 70%; }
.joinus-job-detail-wrapper-details-location {
margin: 26px 0 40px;
font-size: 18px;
line-height: 32px;
font-family: "Synthese-Regular", "Helvetica", "Arial", sans-serif; }
.joinus-job-detail-wrapper-details-detail {
font-size: 18px;
line-height: 32px; }
.joinus-job-detail-wrapper-details-detail-form {
margin-top: 45px; }
.joinus-job-detail-wrapper-details-detail div > p,
.joinus-job-detail-wrapper-details-detail div > strong {
margin-top: 60px;
display: block;
margin-bottom: 32px; }
.joinus-job-detail-wrapper-details-detail ul li {
margin-left: 35px;
position: relative; }
.joinus-job-detail-wrapper-details-detail ul li::before {
content: '';
background: #000000;
border-radius: 100%;
height: 3px;
width: 3px;
position: absolute;
left: -20px;
top: 15px; }