@charset "UTF-8";
/*
 * Reset styles.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block; }

[hidden], audio:not([controls]) {
  display: none; }

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231; }

body, button, input, select, textarea {
  font-family: sans-serif;
  color: #222; }

::-moz-selection {
  background: #00b4b4;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #00b4b4;
  color: #fff;
  text-shadow: none; }

a {
  color: #00e; }

a:hover {
  color: #06e; }

a:focus {
  outline: dotted thin; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: 700; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: 700; }

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

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

small {
  font-size: 85%; }

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

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

ol, ul {
  list-style: none;
  margin: 0;
  padding: 0; }

dd {
  margin: 0 0 0 40px; }

nav ol, nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

figure, form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label {
  cursor: pointer; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button, input {
  line-height: normal; }

button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box; }

input[type=search] {
  -webkit-appearance: textfield; }

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid, textarea:invalid {
  background-color: #f0dddd; }

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

td {
  vertical-align: top; }

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

.ir br {
  display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:after, .clearfix:before {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

@media print {
  * {
    background: 0 0 !important;
    color: #000 !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: ""; }
  blockquote, pre {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  img, tr {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: .5cm; }
  h2, h3, p {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; } }

* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent; }

/*	Colours */
/*	Headings */
h1.large-headline {
  margin-bottom: 1.875rem;
  font: normal 4.0625rem/120% 'SansaPro Bold';
  color: #232323;
  letter-spacing: normal;
  letter-spacing: initial; }

h1,
h1.small-headline {
  margin-bottom: 1.875rem;
  color: #bbbbbb;
  font-size: 2.1875rem;
  font-weight: normal;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 100%;
  vertical-align: middle; }

h2 {
  margin-bottom: 1.5rem;
  color: #232323;
  font: normal 1.5625rem/1.875rem 'SansaPro Bold';
  letter-spacing: normal;
  letter-spacing: initial;
  text-transform: uppercase; }

h3 {
  margin-bottom: .9375rem;
  font: normal 1rem/1.25rem 'SansaPro Bold';
  color: #00b4b4;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: .875rem;
  text-transform: uppercase; }

h4 {
  font: normal 1.25rem/130% 'OpenSans Light';
  margin-bottom: 1.25rem;
  color: #232323;
  letter-spacing: normal;
  letter-spacing: initial; }

/*	Colours */
.teal {
  color: #00b4b4; }

/*	Text */
p {
  margin: 0 0 1.5625rem 0;
  font: normal .9375rem/166% 'OpenSans Light';
  color: #232323; }

.no-padding {
  margin-bottom: 0 !important;
  margin-bottom: initial !important;
  padding-bottom: 0 !important;
  padding-bottom: initial !important; }

p strong {
  font-family: 'OpenSans Bold'; }

p.title {
  margin: 0 0 1.5625rem 0;
  font: normal .9375rem/166% 'OpenSans Regular';
  color: #232323; }

p.light {
  margin: 0 0 1.5625rem 0;
  font: normal .8125rem/200% 'OpenSans Regular';
  color: #7b7b7b; }

/*p:last-of-type {
	margin-bottom: initial;
}*/
p a:hover {
  color: #00b4b4; }

a,
a:hover {
  color: inherit;
  text-decoration: none;
  text-decoration: initial;
  outline: medium none invert;
  outline: initial; }

address {
  color: #7b7b7b;
  font-size: .875rem;
  font-weight: normal;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 1.5rem; }

textarea {
  font: normal 1rem/120%; }

abbr {
  border: medium none currentColor !important;
  border: initial !important; }

/*	Inline link */
article p a,
p a.inline {
  border-bottom: 1px solid #abe0e0; }

p.title {
  font: normal .9375rem/120% 'OpenSans Regular';
  color: #232323; }

/*	Buttons */
.button,
.button-primary,
article.content form input[type="submit"] {
  display: inline-block;
  margin: 0 .625rem 0 0;
  padding: .75rem .8125rem .8125rem .8125rem;
  font: normal .9375rem/100% 'OpenSans Regular';
  border: 1px solid #fa9632;
  color: #fa9632;
  letter-spacing: normal;
  letter-spacing: initial;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: #fff; }

.button-no-background {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial; }

.button-no-background:hover,
article.content form input[type="submit"]:hover {
  background: #fa9632;
  color: #fff; }

.button:last-of-type,
.button-primary:last-of-type {
  margin: 0;
  margin: initial; }

.button:hover,
.button-primary:hover {
  background-color: #fa9632;
  color: #fff;
  outline: none; }

.button.secondary {
  padding: 0 0.625rem !important;
  background-color: transparent;
  background-color: initial;
  color: #bbbbbb;
  border-color: #bbbbbb;
  font: normal 0.8125rem/1.725rem "OpenSans Regular" !important;
  height: 1.875rem !important; }

.button.secondary.orange {
  border-color: #fa9632;
  color: #fa9632; }

.button.secondary.orange:hover {
  background-color: #fa9632;
  color: #fff; }

.button.secondary:hover {
  background-color: #bbbbbb;
  color: #fff; }

.button.secondary.twitter {
  padding-left: 2rem;
  background: url(../assets/images/icons/twitter.svg) 0.625rem 0.46rem/1rem 0.8125rem no-repeat;
  color: #55acee;
  border-color: #55acee; }

.button.secondary.twitter:hover {
  color: #fff;
  background-image: url(../assets/images/icons/twitter-white.svg);
  background-color: #55acee; }

.button:disabled,
.button:disabled:hover {
  background-color: #201f3e;
  color: #cacac7; }

.button.white {
  background-color: #fff;
  color: #000; }

.button.white:hover {
  background-color: #000;
  color: #fff; }

.button.teal {
  color: #00b4b4;
  border-color: #00b4b4; }

.button.teal:hover {
  background-color: #00b4b4;
  color: #fff; }

a.arrow {
  margin: 0;
  margin: initial;
  padding: 0 0 0 .875rem;
  background: url(../assets/images/icons/icon-chevron-large.svg) top 0.22rem left/0.5rem 0.875rem no-repeat;
  color: #fa9632;
  font: normal .9375rem/166% 'OpenSans Regular';
  border-bottom: none; }

a.arrow:hover {
  color: #fa9632;
  border-bottom: 1px solid #fa9632; }

/*	Inputs */
input {
  outline: none !important; }

input.input-text {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: none;
  border: 1px solid #232323;
  color: #7b7b7b;
  font: normal .9375rem/100% 'OpenSans Regular';
  height: 2.8125rem;
  letter-spacing: normal;
  letter-spacing: initial;
  outline: none;
  padding: .9375rem; }

textarea {
  width: 100%; }

/*	Other */
.site-wrap h2 {
  color: #00b4b4; }

/**
 *	Media Queries
 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  h2 {
    line-height: 120%;
    font-size: 1.25rem;
    margin-bottom: .9375rem; }
  p {
    margin-bottom: .9375rem;
    font-size: .9375rem; }
  article ul,
  article ol {
    margin-bottom: .9375rem; } }

/**
 *	_app.css – Define main application styles and wrappers
 *
 */
html {
  font-size: 16px;
  overflow-x: hidden;
  width: 100vw; }

body {
  position: relative;
  overflow-x: hidden;
  min-height: 100vh;
  font-family: 'OpenSans Regular', helvetica, sans-serif; }

/**
 *	Wraps
 */
.page-wrap {
  margin: 0 auto;
  width: 90rem; }

.site-wrap {
  position: relative;
  float: left;
  margin: 0 2.5rem;
  padding: 3.125rem 2.5rem;
  width: calc(100% - 5rem);
  background: #f9f9f9; }

.site-wrap-white {
  position: relative;
  float: left;
  margin: 0 2.5rem;
  padding: 0 2.5rem;
  width: calc(100% - 5rem);
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial; }

.site-wrap .element,
.site-wrap-white .element {
  position: absolute;
  top: -.5625rem;
  left: -1.25rem;
  width: 6.25rem;
  height: 1.25rem;
  background: #00b4b4; }

.site-wrap + .site-wrap-white {
  padding-top: 3.125rem; }


.site-wrap-white + .site-wrap {
  margin-top: 3.125rem; }

.site-wrap + .site-footer {
  margin-top: 2.5rem; }

body.archive .site-wrap {
  margin-bottom: 2.5rem; }

/**
 *	Responsive classes
 */
.tablet-only {
  display: none; }

.mobile-only {
  display: none; }

/**
 *	Media Queries
 */
@media only screen and (max-width: 1440px) {
  html {
    font-size: 14px; } }

@media only screen and (max-width: 1260px) {
  html {
    font-size: 12px; } }

@media only screen and (max-width: 1080px) and (min-width: 1023px) {
  html {
    font-size: 16px; }
  .page-wrap {
    width: 64rem; }
  .site-wrap {
    margin: 0;
    margin: initial;
    padding: 3.125rem 2.5rem;
    width: 64rem; }
  .site-wrap-white {
    margin: 0;
    margin: initial;
    padding: 0 2.5rem;
    width: 64rem; }
  body.archive .site-wrap {
    margin-bottom: 0;
    margin-bottom: initial; }
  .site-wrap-white + .site-wrap {
    margin-top: 0;
    margin-top: initial; }
  /**
	 *	Responsive classes
	 */
  .desktop-mobile-only {
    display: none; }
  .tablet-only {
    display: block; }
  .site-wrap .element,
  .site-wrap-white .element {
    left: 0; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  html {
    font-size: 16px; }
  .page-wrap {
    width: 100vw; }
  .element {
    display: none; }
  .site-wrap,
  .site-wrap-white {
    margin: 0;
    margin: initial;
    padding: 1.25rem;
    width: 100%; }
  body.archive .site-wrap {
    margin-bottom: 0;
    margin-bottom: initial; }
  .site-wrap-white + .site-wrap {
    margin-top: 0;
    margin-top: initial; }
  /**
	 *	Responsive classes
	 */
  .desktop-only {
    display: none; }
  .tablet-only {
    display: none; }
  .mobile-only {
    display: block; } }

/*
 *	Fonts
 */
@font-face {
  font-family: 'OpenSans Bold';
  src: url("../assets/fonts/OpenSans-Bold.woff") format("woff"); }

@font-face {
  font-family: 'OpenSans Light';
  src: url("../assets/fonts/OpenSans-Light.woff") format("woff"); }

@font-face {
  font-family: 'OpenSans Regular';
  src: url("../assets/fonts/OpenSans-Regular.woff") format("woff"); }

@font-face {
  font-family: 'OpenSans Semibold';
  src: url("../assets/fonts/OpenSans-Semibold.woff") format("woff"); }

@font-face {
  font-family: 'SansaPro Bold';
  src: url("../assets/fonts/SansaPro-Bold.woff") format("woff"); }

/**
 *	Animations
 */
@keyframes openToRight {
  from {
    -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }
  to {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }

@keyframes openToBottom {
  from {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); }
  to {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } }

@keyframes scaleIn {
  from {
    transform: scale(0.975); }
  to {
    transform: scale(1); } }

/*
 *	Layout
 */
/*
 *	Archives
 */
header.overview {
  position: relative;
  float: left;
  margin: 0 2.5rem 0 2.5rem;
  width: calc(100% - 5rem);
  height: 25rem; }

header.overview img {
  position: relative;
  width: 100%;
  height: 100%;
  font-family: "object-fit:cover";
  object-fit: cover; }

header.overview .pattern {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  left: 0;
  width: 27.5rem;
  height: 25rem;
  background: rgba(255, 255, 255, 0.75) url(../assets/images/pattern.svg) top left repeat;
  z-index: 1;
  -ms-flex-align: center;
      align-items: center; }

header.overview .pattern h1 {
  margin: 0 0 0 2.5rem;
  color: #201f3e;
  font: normal 2.1875rem/100% 'SansaPro Bold';
  text-transform: uppercase; }

header.overview .pattern .button {
  margin: 1rem 0 0 2.5rem; }

/*	Newsletter */
header.overview .newsletter {
  position: absolute;
  bottom: -3rem;
  right: 2.5rem;
  padding: 1.875rem;
  width: 25rem;
  height: 10rem;
  background: #e7f7f7;
  z-index: 2; }

header.overview .newsletter h3 {
  margin-bottom: .625rem; }

header.overview .newsletter p {
  margin-bottom: .9375rem; }

header.overview .newsletter input[type="email"] {
  float: left;
  padding: 0 .625rem;
  width: calc(100% - 2.5rem);
  height: 2.5rem;
  font: normal .9375rem/2.5rem 'OpenSans Regular';
  color: #bbbbbb;
  -webkit-appearance: initial;
     -moz-appearance: initial;
          appearance: initial;
  border: medium none currentColor;
  border: initial;
  outline: medium none invert;
  outline: initial;
  background: #fff; }

header.overview .newsletter input[type="submit"] {
  float: right;
  width: 2.5rem;
  height: 2.5rem;
  color: transparent;
  background: #fff url(../assets/images/icons/icon-arrow-grey.svg) center/0.8125rem 0.8125rem no-repeat;
  border: medium none currentColor;
  border: initial; }

header.overview .newsletter input[type="submit"]:hover {
  background: #00b4b4 url(../assets/images/icons/icon-arrow-white.svg) center/0.8125rem 0.8125rem no-repeat; }

/*	Overview */
section.overview-content {
  float: left;
  padding: 0 5rem 1.25rem 5rem; }
  section.overview-content .row {
    float: left;
    width: 100%;
    margin: 0 0 1.25rem 0; }
  section.overview-content .column {
    float: left;
    margin: 0 2.5rem 0 0;
    width: calc((100% - 5rem) / 3); }
    section.overview-content .column:last-of-type {
      margin-right: 0;
      margin-right: initial; }
    section.overview-content .column ol, section.overview-content .column ul {
      margin: 0 0 1.25rem 0;
      width: 100%;
      list-style: none; }
      section.overview-content .column ol *:last-child, section.overview-content .column ul *:last-child {
        margin-bottom: 0;
        margin-bottom: initial; }
    section.overview-content .column ul li {
      position: relative;
      margin: 0;
      padding: 0 0 0 1.25rem;
      color: #7b7b7b;
      font-size: 1rem;
      font-weight: normal;
      letter-spacing: normal;
      letter-spacing: initial;
      line-height: 150%;
      font: normal .9375rem/166% 'OpenSans Light';
      color: #232323; }
      section.overview-content .column ul li:before {
        content: '';
        position: relative;
        float: left;
        margin: .6rem .625rem 0 0;
        width: .3125rem;
        height: .3125rem;
        background: #00b4b4; }
      section.overview-content .column ul li a {
        color: #00b4b4; }
        section.overview-content .column ul li a:hover {
          color: #232323; }
    section.overview-content .column ol {
      padding: 0 0 0 1rem;
      list-style: decimal; }
      section.overview-content .column ol li {
        padding: 0 0 0 .3125rem;
        font: normal .9375rem/166% 'OpenSans Light';
        color: #232323;
        letter-spacing: normal;
        letter-spacing: initial; }
        section.overview-content .column ol li a {
          color: #00b4b4; }
          section.overview-content .column ol li a:hover {
            color: #232323; }

.site-wrap.with-sidebar > .content {
  float: right;
  width: calc(100% - 20.625rem); }

.site-wrap.with-sidebar > .content .simple-card:nth-of-type(3n+3) {
  margin-right: 0;
  margin-right: initial; }

.site-wrap.with-sidebar > .content.loaded .simple-card,
.site-wrap.with-sidebar > .content.loaded .people-card,
.site-wrap.with-sidebar > .content.loaded .job-row {
  animation: scaleIn .125s forwards; }

.site-wrap.with-sidebar > .content .wrap h3 {
  float: left;
  margin: 0 0 1.3125rem 0;
  width: 100%; }

.site-wrap.with-sidebar > .content .wrap {
  float: left;
  width: 100%; }

.site-wrap.with-sidebar > .content > .wrap > p {
  float: left;
  margin: 0 0 2.5rem 0;
  width: 100%; }

.handheld-popout-toggle {
  display: none; }

/*	Page Specific Style Adjustments */
.post-type-archive-solutions .site-wrap {
  padding-bottom: 0;
  padding-bottom: initial; }

.post-type-archive-solutions .block-wrap {
  margin-bottom: 0;
  margin-bottom: initial; }

/**
 *	Media Queries
 */
@media only screen and (max-width: 1080px) and (min-width: 1023px) {
  /*	Header */
  header.overview {
    margin: 0;
    margin: initial;
    width: 100%;
    height: auto; }
  header.overview img {
    position: relative;
    width: 100%;
    height: auto;
    font-family: "object-fit:serif";
    font-family: "object-fit:initial";
    object-fit: initial; }
  header.overview .newsletter {
    width: 20.875rem; }
  header.overview .pattern {
    width: 26.125rem;
    height: 100%; }
  section.overview-content {
    padding: 0 2.5rem; }
  /*	Filters */
  .site-wrap.with-sidebar {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .site-wrap.with-sidebar > .content {
    float: left;
    margin: .625rem 0 0 0;
    width: 100%; }
  .site-wrap.with-sidebar .sidebar .wrap {
    float: left;
    margin: 0 0.9375rem 1.25rem 0 !important;
    width: auto !important;
    width: initial !important;
    height: .9375rem; }
  .site-wrap.with-sidebar .sidebar .wrap h3 {
    margin: 0;
    margin: initial;
    padding: 0 1rem 0 0;
    font: normal .9375rem/100% 'OpenSans Light';
    color: #232323;
    background: #f9f9f9 url(../assets/images/icons/icon-triangle-dark.svg) center right no-repeat;
    text-transform: none;
    cursor: pointer; }
  .site-wrap.with-sidebar .sidebar .wrap.open h3 {
    color: #00b4b4; }
  .site-wrap.with-sidebar .sidebar .wrap .popup-wrap {
    position: absolute;
    top: 2rem;
    left: 0;
    padding: .625rem;
    width: 100%;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    transition: opacity .1s; }
  .site-wrap.with-sidebar .sidebar .wrap .popup-wrap label {
    display: none; }
  .site-wrap.with-sidebar .sidebar .wrap.open .popup-wrap {
    pointer-events: initial;
    opacity: 1; }
  .site-wrap.with-sidebar .sidebar .wrap.open .popup-wrap label {
    display: block;
    float: left;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  /*	Wraps */
  .post-type-archive-solutions .block-wrap {
    padding-bottom: 2.5rem; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  header.overview {
    margin: 0;
    margin: initial;
    width: 100%;
    height: 15.625rem; }
  header.overview .pattern {
    width: 100%;
    height: 5rem; }
  header.overview .pattern .center {
    width: 100%; }
  header.overview .pattern .button {
    display: none; }
  header.overview .pattern h1 {
    margin: 0;
    margin: initial;
    font-size: 1.25rem;
    text-align: center;
    width: 100%; }
  header.overview .newsletter {
    display: none; }
  section.overview-content {
    padding: 0 1.25rem; }
  section.overview-content .row:first-of-type {
    margin-bottom: .625rem;
    padding-top: 1.25rem; }
  section.overview-content .column {
    margin: 0 0 1.875rem 0;
    width: 100%; }
  section.overview-content .column:last-of-type {
    margin-bottom: 0;
    margin-bottom: initial; }
  section.overview-content .row:nth-of-type(2) {
    max-height: 10.9375rem;
    overflow: hidden; }
  section.overview-content .row:nth-of-type(2).open {
    max-height: none;
    max-height: initial; }
  section.overview-content .row:nth-of-type(2).open + .handheld-popout-toggle {
    display: none; }
  .handheld-popout-toggle {
    display: block;
    position: relative;
    float: left;
    margin: 0 0 1.875rem 0;
    padding: 0 0 0 1.5625rem;
    width: 100%;
    color: #fa9632;
    background: url(../assets/images/icons/icon-plus-orange.svg) top left/0.9375rem auto no-repeat; }
  .handheld-popout-toggle:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 2.25rem;
    width: 100vw;
    height: 4.375rem;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); }
  .site-wrap.with-sidebar > .content {
    float: left;
    width: 100%; }
  .site-wrap.with-sidebar .sidebar .wrap {
    float: left;
    margin: 0 0.9375rem 1.25rem 0 !important;
    width: auto !important;
    width: initial !important;
    height: .9375rem; }
  .site-wrap.with-sidebar .sidebar .wrap h3 {
    margin: 0;
    margin: initial;
    padding: 0 1rem 0 0;
    font: normal .9375rem/100% 'OpenSans Light';
    color: #232323;
    background: #f9f9f9 url(../assets/images/icons/icon-triangle-dark.svg) center right no-repeat;
    text-transform: none; }
  .site-wrap.with-sidebar .sidebar .wrap.open h3 {
    color: #00b4b4; }
  .site-wrap.with-sidebar .sidebar .wrap .popup-wrap {
    position: absolute;
    top: 2rem;
    left: 0;
    padding: .625rem;
    width: calc(100vw - 2.5rem);
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    transition: opacity .1s; }
  .site-wrap.with-sidebar .sidebar .wrap .popup-wrap label {
    display: none; }
  .site-wrap.with-sidebar .sidebar .wrap.open .popup-wrap {
    pointer-events: initial;
    opacity: 1; }
  .site-wrap.with-sidebar .sidebar .wrap.open .popup-wrap label {
    display: block;
    float: left;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .site-wrap.with-sidebar .sidebar .wrap.open .popup-wrap:before {
    content: '';
    position: absolute;
    display: block;
    top: -.625rem;
    right: 2.35rem;
    width: 1.125rem;
    height: .625rem;
    background: url(../assets/images/popout-tab.svg) top left no-repeat;
    z-index: 2; }
  .site-wrap.with-sidebar .sidebar .wrap:nth-of-type(1).open .popup-wrap:before {
    left: .625rem; }
  .site-wrap.with-sidebar .sidebar .wrap:nth-of-type(2).open .popup-wrap:before {
    left: calc(50% - .5625rem); }
  .site-wrap.with-sidebar .sidebar .wrap:nth-of-type(3).open .popup-wrap:before {
    right: .625rem; } }

/*
 *	Breadcrumbs
 */
.breadcrumbs {
  float: left;
  margin: 1.5625rem 0 2.5rem 0;
  width: 100%; }

.breadcrumbs .crumb:first-of-type {
  padding: 0;
  padding: initial;
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial; }

.breadcrumbs .crumb {
  float: left;
  margin: 0 .625rem 0 0;
  padding: 0 0 0 .9375rem;
  font: normal .8125rem/100% 'OpenSans Regular';
  color: #7b7b7b;
  background: url(../assets/images/icons/chevron-right-light.svg) top 0.0625rem left no-repeat; }

.breadcrumbs .crumb:hover {
  text-decoration: underline; }

.breadcrumbs .crumb.current {
  color: #232323;
  background-image: url(../assets/images/icons/chevron-right-dark.svg); }

/**
 *	Media Queries
 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  .breadcrumbs {
    display: none; } }

/*
 *	Cards
 */
.card {
  position: relative;
  float: left;
  margin: 0 2.5rem 2.5rem 0;
  padding: 0;
  padding: initial;
  width: 25rem;
  height: 23rem;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  /*	Thumbnail */
  /*	Text */
  /**
	 *	Card Specific Styles
	 */
  /*	Insights */
  /*	Alternating Adjustments */ }
  .card .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    margin: initial;
    padding: 0;
    padding: initial;
    width: 22.5rem;
    height: 14.375rem;
    z-index: 1;
    overflow: hidden; }
    .card .thumbnail img {
      position: relative;
      width: 100%;
      height: 100%;
      font-family: "object-fit:cover";
      object-fit: cover; }
    .card .thumbnail .link {
      display: none; }
    .card .thumbnail .author {
      position: absolute;
      top: .625rem;
      left: .625rem;
      bottom: auto;
      bottom: initial;
      right: auto;
      right: initial;
      width: calc(100% - 1.25rem);
      z-index: 2;
      color: #fff; }
      .card .thumbnail .author a {
        color: #fff; }
      .card .thumbnail .author .avatar {
        float: left;
        margin: 0 .625rem 0 0;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 100%;
        border: .125rem solid #fff; }
      .card .thumbnail .author .name {
        margin: .3125rem 0 0 0;
        font: normal .8125rem/120% 'OpenSans Semibold';
        color: #fff;
        width: calc(100% - 3.125rem); }
      .card .thumbnail .author .date {
        margin: 0;
        margin: initial;
        font: normal .8125rem/120% 'OpenSans Regular';
        color: #fff;
        width: calc(100% - 3.125rem); }
    .card .thumbnail .join {
      position: absolute;
      top: 0;
      left: 0;
      bottom: auto;
      bottom: initial;
      right: auto;
      right: initial;
      background: #63519d;
      color: #fff;
      border: medium none currentColor;
      border: initial;
      transition: background .1s;
      margin: 0;
      margin: initial; }
      .card .thumbnail .join:hover {
        background: #44357e; }
  .card .text {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1.45rem 1.875rem 0 1.875rem;
    width: 22.5rem;
    height: 11.125rem;
    background: #fff;
    z-index: 1; }
    .card .text .date {
      float: left;
      margin: 0 .9375rem .9375rem 0;
      width: 2.1875rem;
      height: 3rem;
      text-align: center; }
      .card .text .date .day {
        float: left;
        width: 100%;
        height: 1.875rem;
        background: #7b7b7b;
        color: #fff;
        font: normal 1.25rem/2rem 'SansaPro Bold'; }
      .card .text .date .month {
        float: left;
        width: 100%;
        height: 1.125rem;
        background: #bbbbbb;
        color: #fff;
        font: normal .6875rem/1.19rem 'SansaPro Bold';
        text-transform: uppercase; }
    .card .text .title {
      font: normal .9375rem/166% 'OpenSans Regular';
      color: #232323;
      pointer-events: none; }
    .card .text a:hover > .title {
      color: #63519d; }
    .card .text .description {
      font: normal .9375rem/166% 'OpenSans Light';
      color: #232323;
      max-height: 3rem;
      overflow: hidden;
      pointer-events: none; }
    .card .text .role {
      margin: 0 0 .3125rem 0;
      font: normal .9375rem/166% 'OpenSans Light';
      color: #232323;
      max-height: 3rem;
      overflow: hidden;
      pointer-events: none; }
    .card .text .organisation {
      margin: 0 0 .3125rem 0;
      font: normal .9375rem/166% 'OpenSans Light';
      color: #7b7b7b;
      max-height: 3rem;
      overflow: hidden;
      pointer-events: none; }
    .card .text .location {
      margin-bottom: .625rem;
      font: normal .9375rem/166% 'OpenSans Light';
      color: #232323;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      pointer-events: none; }
    .card .text .tags {
      margin: .3125rem 0 0 0;
      font: normal .6875rem/166% 'OpenSans Light';
      color: #bbbbbb;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }
      .card .text .tags a:hover {
        color: #00b4b4; }
    .card .text .link {
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 0 0 0 .9375rem;
      height: 2.5rem;
      font: normal .9375rem/2.4rem 'OpenSans Regular';
      color: #63519d;
      transition: background .1s; }
      .card .text .link .icon {
        float: right;
        margin: 0 0 0 .9375rem;
        width: 2.5rem;
        height: 2.5rem;
        background: #63519d url(../assets/images/icons/icon-arrow-white.svg) center/0.875rem auto no-repeat; }
      .card .text .link:hover {
        background: #63519d;
        color: #fff; }
  .card.insights .thumbnail:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 30%, transparent 35%);
    z-index: 1;
    mix-blend-mode: darken;
    pointer-events: none; }
  .card.insights .insight-label {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: .75rem .8125rem .8125rem .8125rem;
    color: #fff;
    font: normal .9375rem/100% 'OpenSans Regular';
    z-index: 2; }
    .card.insights .insight-label.teal {
      background-color: #00b4b4; }
    .card.insights .insight-label.orange {
      background-color: #fa9632; }
    .card.insights .insight-label.purple {
      background-color: #63519d; }
  .card.insights:nth-of-type(2n+2) .thumbnail:after {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 30%, transparent 35%); }
  .card.insights:nth-of-type(2n+2) .insight-label {
    top: 0;
    left: 0;
    bottom: auto;
    bottom: initial;
    right: auto;
    right: initial; }
  .card:nth-of-type(2n+2) .thumbnail {
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    bottom: 0;
    right: 0; }
    .card:nth-of-type(2n+2) .thumbnail .author {
      top: auto;
      top: initial;
      left: .625rem;
      bottom: .625rem;
      right: auto;
      right: initial; }
      .card:nth-of-type(2n+2) .thumbnail .author .avatar {
        float: left;
        margin: 0 .625rem 0 0;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 100%;
        border: .125rem solid #fff; }
      .card:nth-of-type(2n+2) .thumbnail .author .name {
        margin: .3125rem 0 0 0;
        font: normal .8125rem/120% 'OpenSans Semibold';
        color: #fff;
        width: calc(100% - 3.125rem); }
      .card:nth-of-type(2n+2) .thumbnail .author .date {
        margin: 0;
        margin: initial;
        font: normal .8125rem/120% 'OpenSans Regular';
        color: #fff;
        width: calc(100% - 3.125rem); }
    .card:nth-of-type(2n+2) .thumbnail .join {
      top: auto;
      top: initial;
      left: auto;
      left: initial;
      bottom: 0;
      right: 0; }
  .card:nth-of-type(2n+2) .text {
    top: 0;
    left: 0;
    bottom: auto;
    bottom: initial;
    right: auto;
    right: initial; }

/*	Wrap specific */
.block-2 .card:nth-of-type(2) {
  margin-right: 0;
  margin-right: initial; }

.block-2.invert .card:nth-of-type(1) .thumbnail,
.block-2.invert .card:nth-of-type(2) .text {
  top: auto;
  top: initial;
  left: auto;
  left: initial;
  bottom: 0;
  right: 0; }

.block-2.invert .card:nth-of-type(1) .text,
.block-2.invert .card:nth-of-type(2) .thumbnail {
  top: 0;
  left: 0;
  bottom: auto;
  bottom: initial;
  right: auto;
  right: initial; }

.block-2.invert .card .thumbnail .join {
  top: auto;
  top: initial;
  left: 0;
  bottom: 0;
  right: auto;
  right: initial; }

.block-2.invert .card.events:nth-of-type(2n+2) .thumbnail .join {
  top: 0;
  right: 0;
  bottom: auto;
  bottom: initial;
  left: auto;
  left: initial; }

/*	Three */
.block-3 {
  float: left;
  width: 100%; }

.block-3 .card:nth-of-type(3n+3) {
  margin-right: 0;
  margin-right: initial; }

.block-3 .card:nth-of-type(3n+1) .thumbnail,
.block-3 .card:nth-of-type(3n+3) .thumbnail,
.block-3 .card:nth-of-type(3n+2) .text {
  top: auto;
  top: initial;
  left: auto;
  left: initial;
  bottom: 0;
  right: 0; }

.block-3 .card:nth-of-type(3n+1) .text,
.block-3 .card:nth-of-type(3n+3) .text,
.block-3 .card:nth-of-type(3n+2) .thumbnail {
  top: 0;
  left: 0;
  bottom: auto;
  bottom: initial;
  right: auto;
  right: initial; }

.block-3 .card.insights .thumbnail:after {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 30%, transparent 35%); }

.block-3 .card:nth-of-type(3n+2).insights .thumbnail:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 30%, transparent 35%); }

.block-3 .card .thumbnail .author {
  top: auto;
  top: initial;
  left: .625rem;
  bottom: .625rem;
  right: auto;
  right: initial; }

.block-3 .card:nth-of-type(2n+2) .thumbnail .author {
  top: .625rem;
  left: .625rem;
  bottom: auto;
  bottom: initial;
  right: auto;
  right: initial; }

/*	Block-3 Insights */
.block-3 .card:nth-of-type(3n+1) .insight-label, .block-3 .card:nth-of-type(3n+3) .insight-label {
  top: auto;
  top: initial;
  left: auto;
  left: initial;
  bottom: 0;
  right: 0; }

.block-3 .card:nth-of-type(3n+2) .insight-label {
  top: 0;
  right: 0;
  left: auto;
  left: initial;
  bottom: auto;
  bottom: initial; }

/*	White page wrap */
.site-wrap-white .card .text {
  background-color: #f9f9f9; }

/**
 *	Media Queries
 */
@media only screen and (max-width: 1080px) and (min-width: 1023px) {
  .card {
    margin: 0 0 1.1875rem 0;
    width: 18.875rem;
    height: auto;
    height: initial; }
    .card .thumbnail {
      position: relative;
      top: auto;
      top: initial;
      left: auto;
      left: initial;
      bottom: auto;
      bottom: initial;
      right: auto;
      right: initial;
      float: left;
      width: 100%;
      height: 12rem; }
    .card .text {
      position: relative;
      top: auto;
      top: initial;
      left: auto;
      left: initial;
      bottom: auto;
      bottom: initial;
      right: auto;
      right: initial;
      float: left;
      padding: .9375rem;
      width: 100%;
      height: 7.625rem; }
      .card .text .link {
        display: none; }
      .card .text .title {
        margin: 0;
        margin: initial;
        padding: 0;
        padding: initial;
        font-size: .8125rem;
        line-height: 1.25rem; }
      .card .text .description {
        font-size: .8125rem;
        line-height: 1.25rem; }
      .card .text .location,
      .card .text .role,
      .card .text .organisation {
        font-size: .8125rem;
        line-height: 166%; }
      .card .text .organisation {
        margin-bottom: 0;
        margin-bottom: initial;
        height: 1.625rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .card .text .tags {
        margin-top: 0;
        margin-top: initial; }
    .card .thumbnail .join {
      display: none; }
    .card .thumbnail a.link {
      display: block; }
      .card .thumbnail a.link .icon {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 2.5rem;
        height: 2.5rem;
        background: #63519d url(../assets/images/icons/icon-arrow-white.svg) center/0.875rem auto no-repeat;
        z-index: 2; }
        .card .thumbnail a.link .icon:hover {
          background-color: #4e407b; }
  .block-2 .card:first-of-type {
    margin-right: 1.1875rem; }
  .block-3 .card:nth-of-type(3n+1),
  .block-3 .card:nth-of-type(3n+2) {
    margin-right: 1.1875rem; }
  /*	Card Specific */
  .block-3 .card:nth-of-type(2n+2) .thumbnail .author {
    top: auto;
    top: initial;
    left: .625rem;
    bottom: .625rem;
    right: auto;
    right: initial; }
  .block-3 .card:nth-of-type(3n+2).insights .thumbnail:after {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 30%, transparent 35%); }
  .block-3 .card.insights .insight-label {
    top: 0;
    left: 0;
    bottom: auto;
    bottom: initial;
    right: auto;
    right: initial;
    padding: .75rem;
    font: normal .75rem/100% 'OpenSans Regular'; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  .card,
  .block-2 .card:nth-of-type(2) {
    margin: 0 0 1.25rem 0;
    width: 100%;
    height: auto;
    height: initial; }
  .card .thumbnail {
    position: relative;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    bottom: auto;
    bottom: initial;
    right: auto;
    right: initial;
    float: left;
    width: 100%;
    height: 10.9375rem; }
  .card .text {
    position: relative;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    bottom: auto;
    bottom: initial;
    right: auto;
    right: initial;
    float: left;
    padding: .9375rem;
    width: 100%;
    height: auto;
    height: initial; }
  .card .text .link {
    display: none; }
  .card .thumbnail a.link {
    display: block; }
  .card .thumbnail a.link .icon {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    background: #63519d url(../assets/images/icons/icon-arrow-white.svg) center/0.875rem auto no-repeat;
    z-index: 2; }
  .card .thumbnail .link .icon:hover {
    background-color: #4e407b; }
  .card .thumbnail .join {
    display: none; }
  /*	Card Specific */
  .block-3 .card:nth-of-type(2n+2) .thumbnail .author {
    top: auto;
    top: initial;
    left: .625rem;
    bottom: .625rem;
    right: auto;
    right: initial; }
  .block-3 .card:nth-of-type(3n+2).insights .thumbnail:after {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 30%, transparent 35%); }
  .card.insights .insight-label {
    top: 0;
    left: 0;
    bottom: auto;
    bottom: initial;
    right: auto;
    right: initial; }
  .card.insights:nth-of-type(2n+2) .insight-label {
    top: 0;
    left: 0;
    bottom: auto;
    bottom: initial;
    right: auto;
    right: initial; }
  .block-3 .card:nth-of-type(3n+1) .insight-label,
  .block-3 .card:nth-of-type(3n+3) .insight-label {
    top: 0;
    left: 0;
    bottom: auto;
    bottom: initial;
    right: auto;
    right: initial; } }

/**
 *	Contact Footer
 */
.big-contact-form {
  float: left;
  width: 100%;
  text-align: center; }

body.single-countries .site-footer {
  margin-top: 2.5rem; }

.big-contact-form .center {
  display: block;
  margin: 0 auto;
  width: 30rem;
  text-align: center; }

.big-contact-form .center h2 {
  float: left;
  margin: 0 0 1.875rem 0;
  width: 100%;
  text-align: center; }

.big-contact-form .center .avatar {
  float: none;
  float: initial;
  margin: 0 0 1.25rem 0;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 100%;
  font-family: "object-fit:cover";
  object-fit: cover; }

.big-contact-form .center .name {
  font: normal .9375rem/166% 'OpenSans Regular';
  color: #232323; }

.big-contact-form .center a *:hover,
.big-contact-form .center a:hover {
  color: #63519d; }

.big-contact-form .center .meta {
  margin: 0 0 1.25rem 0;
  font: normal .8125rem/166% 'OpenSans Light';
  color: #232323; }

.big-contact-form .center form {
  float: left;
  width: 100%; }

.big-contact-form .center form input {
  -webkit-appearance: initial;
     -moz-appearance: initial;
          appearance: initial;
  border-radius: 0;
  border-radius: initial; }

.big-contact-form .center form input[type="email"] {
  float: left;
  margin: 0 0 1.25rem 0;
  padding: 0 .625rem;
  width: calc(50% - .625rem);
  height: 2.1875rem;
  font: normal .8125rem/2.1875rem 'OpenSans Regular';
  color: #232323;
  border: medium none currentColor;
  border: initial; }

.big-contact-form .center form input[type="text"] {
  float: right;
  margin: 0 0 1.25rem 0;
  padding: 0 .625rem;
  width: calc(50% - .625rem);
  height: 2.1875rem;
  font: normal .8125rem/2.1875rem 'OpenSans Regular';
  color: #232323;
  border: medium none currentColor;
  border: initial; }

.big-contact-form .center form textarea {
  float: left;
  margin: 0 0 1.25rem 0;
  padding: .625rem;
  width: 100%;
  font: normal .8125rem/166% 'OpenSans Regular';
  color: #232323;
  border: medium none currentColor;
  border: initial;
  -webkit-appearance: initial;
     -moz-appearance: initial;
          appearance: initial;
  border-radius: 0;
  border-radius: initial;
  outline: medium none invert;
  outline: initial; }

/**
 *	Media Queries
 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  .big-contact-form .center {
    margin: 1.25rem 0;
    width: 100%; }
  .big-contact-form .center form input[type="email"],
  .big-contact-form .center form input[type="text"] {
    margin: 0 0 .625rem 0;
    padding: 0 .625rem;
    width: 100%; } }

/*
 *	Content Blocks
 */
article.content {
  margin: 0 auto;
  width: 52.5rem; }

article.content img {
  width: 100%; }

article.content > *:last-child {
  margin-bottom: 5rem !important; }

/*	Adjusted Titles */
article.content h1 {
  margin-bottom: 1.875rem;
  font: normal 2.1875rem/120% 'SansaPro Bold';
  color: #232323;
  letter-spacing: normal;
  letter-spacing: initial;
  text-transform: uppercase; }

/*	Title */
article.content > .title-block {
  float: left;
  margin: 0 0 1.875rem 0;
  padding: 0 2.5rem;
  width: 100%; }

article.content > .title-block > * {
  margin-bottom: 0;
  margin-bottom: initial; }

/*	Text */
article.content > .text-block {
  float: left;
  margin: 0 0 1.875rem 0;
  padding: 0 2.5rem;
  width: 100%; }

article.content > .text-block .social-icon {
  float: left;
  margin: 0 1.25rem 0 0;
  height: 1rem;
  overflow: hidden; }

article.content > .text-block .social-icon img {
  float: left;
  margin: 0;
  margin: initial;
  height: 1rem;
  overflow: hidden; }

article.content > .text-block .right {
  float: right;
  margin-left: 1rem;
  text-align: right; }

article.content > .text-block > h1 {
  color: #00b4b4;
  margin-bottom: 2.5rem; }

article.content > .text-block > h2,
article.content > .text-block > h3,
article.content > .text-block > h4,
article.content > .text-block > h5,
article.content > .text-block > h6 {
  margin-bottom: 1rem; }

article.content > .text-block > h3 {
  color: #00b4b4;
  line-height: 120%; }

article.content > .text-block h1 a,
article.content > .text-block h2 a,
article.content > .text-block h3 a,
article.content > .text-block h4 a,
article.content > .text-block h5 a,
article.content > .text-block h6 a {
  border-bottom: 1px solid #abe0e0; }

article.content > .text-block h1 a:hover,
article.content > .text-block h3 a:hover {
  color: #009999;
  border-color: #009999; }

article.content > .text-block h2 a:hover,
article.content > .text-block h4 a:hover {
  color: #00b4b4; }

article.content > .text-block img.left {
  float: left;
  margin-left: -2.5rem;
  margin-right: 1.875rem;
  margin-bottom: 1.875rem;
  width: 25rem; }

article.content > .text-block img.right {
  float: right;
  margin-left: 1.875rem;
  margin-right: -2.5rem;
  margin-bottom: 1.875rem;
  width: 25rem; }

article.content > .text-block > ol,
article.content > .text-block > ul {
  margin: 0 0 1.25rem 0;
  list-style: none; }

article.content > .text-block > ul li {
  position: relative;
  margin: 0 0 .625rem 0;
  padding: 0 0 0 1.25rem;
  color: #7b7b7b;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 150%; }

article.content > .text-block > ol {
  padding: 0 0 0 1rem;
  list-style: decimal; }

article.content > .text-block > ol li {
  padding: 0 0 0 .3125rem;
  font: normal .9375rem/166% 'OpenSans Light';
  color: #232323;
  letter-spacing: normal;
  letter-spacing: initial; }

article.content > .text-block > *:last-child {
  margin-bottom: 0;
  margin-bottom: initial; }

article.content > .text-block > ul,
article.content > .text-block > ol {
  margin: 0 0 1.875rem 0;
  width: 100%; }

article.content > .text-block > ul > li {
  position: relative;
  margin: 0;
  font: normal .9375rem/166% 'OpenSans Light';
  color: #232323; }

article.content > .text-block > ul > li:before {
  content: '';
  position: relative;
  float: left;
  margin: .6rem .625rem 0 0;
  width: .3125rem;
  height: .3125rem;
  background: #00b4b4; }

/*	Table */
article.content > .text-block table {
  float: left;
  width: 100%;
  text-align: left;
  font: normal .9375rem/166% 'OpenSans Light';
  color: #232323; }

article.content > .text-block table tbody tr {
  border-bottom: 1px solid #f2f2f2; }

article.content > .text-block table tbody tr:last-of-type {
  border-bottom: 0;
  border-bottom: initial; }

article.content > .text-block table tbody th {
  padding: .625rem 0;
  width: 12.5rem;
  font: normal .9375rem/166% 'OpenSans Regular'; }

article.content > .text-block table tbody td {
  padding: .625rem 0; }

article.content > .text-block table tbody td a:hover {
  color: #00b4b4; }

article.content > .text-block .insight-label {
  float: left;
  margin: 0 0 1.25rem 0;
  padding: .4375rem .625rem;
  color: #fff;
  font: normal .9375rem/100% 'OpenSans Regular'; }
  article.content > .text-block .insight-label.teal {
    background-color: #00b4b4; }
  article.content > .text-block .insight-label.orange {
    background-color: #fa9632; }
  article.content > .text-block .insight-label.purple {
    background-color: #63519d; }

article.content > .text-block .insight-label + .clear {
  clear: both; }

/*	Image Block */
article.content > .image-block {
  position: relative;
  float: left;
  margin: 0 0 1.875rem 0;
  width: 100%;
  height: 28.125rem;
  overflow: hidden; }

article.content > .image-block a {
  float: left;
  width: 100%; }

article.content > .image-block img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: "object-fit:cover";
  object-fit: cover;
  z-index: 1; }

article.content > .image-block .gradient {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 6.25rem;
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
  z-index: 2; }

article.content > .image-block .caption {
  position: absolute;
  left: .9375rem;
  bottom: .9375rem;
  z-index: 3;
  color: #fff;
  font: normal .8125rem/120% 'OpenSans Semibold'; }

/*	Video Block */
article.content > .video-block {
  position: relative;
  float: left;
  margin: 0 0 1.875rem 0;
  padding-top: calc(100% / (16 / 9));
  width: 100%;
  height: 0; }

article.content > .video-block iframe {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

/*	Small Blocks Block */
article.content > .small_blocks-block {
  float: left;
  padding: 0 2.5rem;
  width: 100%; }
  article.content > .small_blocks-block .block {
    position: relative;
    float: left;
    margin: 0 2.5rem 2.5rem 0;
    width: calc(50% - 1.25rem);
    min-height: 10rem;
    background: #f9f9f9; }
    article.content > .small_blocks-block .block:nth-of-type(2n+1) {
      clear: both;
      float: left; }
    article.content > .small_blocks-block .block:nth-of-type(2n+2) {
      margin-right: 0;
      margin-right: initial; }
    article.content > .small_blocks-block .block .content {
      float: left;
      width: 100%;
      min-height: 7.5rem;
      padding: 1.5625rem 1.875rem; }
    article.content > .small_blocks-block .block .title {
      font: normal .9375rem/166% 'OpenSans Regular';
      color: #232323; }
    article.content > .small_blocks-block .block a:hover > .title {
      color: #63519d; }
    article.content > .small_blocks-block .block .text {
      font: normal .9375rem/166% 'OpenSans Light';
      color: #232323; }
    article.content > .small_blocks-block .block .link {
      float: right;
      padding: 0 0 0 .9375rem;
      height: 2.5rem;
      font: normal .9375rem/2.4rem 'OpenSans Regular';
      color: #63519d;
      transition: background .1s; }
      article.content > .small_blocks-block .block .link:hover {
        background: #63519d;
        color: #fff; }
      article.content > .small_blocks-block .block .link .icon {
        float: right;
        margin: 0 0 0 .9375rem;
        width: 2.5rem;
        height: 2.5rem;
        background: #63519d url(../assets/images/icons/icon-arrow-white.svg) center/0.875rem auto no-repeat; }

/*	Forms */
article.content form p {
  float: left;
  width: 100%;
  margin-bottom: .625rem;
  color: #7b7b7b;
  font-size: 1rem;
  font-weight: normal; }

article.content input[type="text"],
article.content input[type="email"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: none;
  border: 1px solid #f2f2f2;
  color: #232323;
  font-size: 1rem;
  font-weight: normal;
  height: 2.8125rem;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 1.1875rem;
  outline: none;
  padding: .9375rem;
  font-family: 'OpenSans Regular', helvetica, sans-serif;
  width: 100%;
  margin-bottom: .625rem; }

article.content textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: none;
  border: 1px solid #f2f2f2;
  color: #232323;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 1.1875rem;
  outline: none;
  padding: .9375rem;
  font-family: 'OpenSans Regular', helvetica, sans-serif; }

article.content form p > span > input,
article.content form p > span > textarea {
  float: left;
  margin-top: .625rem; }

article.content form .ajax-loader {
  display: none; }

article.content div.wpcf7-response-output {
  float: left;
  margin: 0;
  padding: 1rem;
  width: 100%;
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: .875rem;
  color: #7b7b7b; }

/**
 *	Media Queries
 */
@media only screen and (max-width: 1080px) and (min-width: 1023px) {
  article.content {
    width: 44rem; }
  article.content > .small_blocks-block .block {
    margin: 0 1.25rem 1.25rem 0;
    width: calc(50% - .625rem); } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  article.content {
    margin: 0;
    margin: initial;
    width: 100%; }
  article.content h1 {
    font: normal 1.5625rem/120% 'SansaPro Bold'; }
  article.content > .title-block,
  article.content > .text-block {
    padding: 0;
    padding: initial; }
  article.content > .text-block .right {
    float: left;
    margin: 0 0 .625rem 0;
    width: 100%; }
  article.content > .text-block,
  article.content > .video-block {
    margin-bottom: 1.25rem; }
  article.content > .text-block img.left {
    margin-left: -1.25rem;
    margin-bottom: 1.25rem;
    width: 100vw; }
  article.content > .text-block img.right {
    float: left;
    margin-left: -1.25rem;
    margin-bottom: 1.25rem;
    width: 100vw; }
  article.content > .image-block {
    float: left;
    margin-left: -1.25rem;
    margin-bottom: 1.25rem;
    width: 100vw;
    height: 60vw; }
  article.content > *:last-child {
    margin-bottom: 0 !important;
    margin-bottom: initial !important; }
  article.content > .small_blocks-block {
    float: left;
    padding: 0;
    padding: initial;
    width: 100%; }
  article.content > .small_blocks-block .block {
    float: left;
    margin-bottom: 1.25rem;
    width: 100%;
    height: auto;
    height: initial; }
  article.content > .small_blocks-block .block .content {
    padding: 1.25rem; }
  /*	Table */
  article.content > .text-block table tbody tr:first-of-type th {
    padding-top: 0;
    padding-top: initial; }
  article.content > .text-block table tbody th {
    float: left;
    width: 100%;
    padding: .625rem 0 0 0; }
  article.content > .text-block table tbody td {
    float: left;
    width: 100%;
    padding: 0 0 .625rem 0; } }

/*
 *	Embed Cards
 */
.embed-card .card {
  position: relative;
  float: left;
  padding: 0;
  padding: initial;
  width: 25rem;
  height: 23rem;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.embed-card.left .card {
  float: left;
  margin: 0 1.875rem 1.25rem -2.5rem; }

.embed-card.right .card {
  float: right;
  margin: 0 -2.5rem 1.25rem 1.875rem; }

.embed-card .card .text {
  background: #f9f9f9; }

/**
 *	Media Queries
 */
@media only screen and (max-width: 1080px) and (min-width: 1023px) {
  .embed-card .card {
    width: 18.875rem;
    height: auto;
    height: initial; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  .embed-card .card,
  .embed-card.left .card,
  .embed-card.right .card {
    float: left;
    margin: 0 0 1.25rem 0;
    width: 100%;
    height: auto;
    height: initial; } }

/*
 *	Homepage
 */
body.home .introduction {
  position: relative;
  float: left;
  width: 100%;
  height: 37.5rem;
  background: url(../assets/images/map.png) top right 2.5rem/cover no-repeat; }

body.home .introduction .tagline {
  display: none;
  /*position: absolute;
  top: 1.25rem;
  left: 6.25rem;
  color: #00b4b4;
  font: normal .9375rem/1.25rem 'OpenSans Regular';*/ }

body.home .introduction .badge {
  position: absolute;
  top: 6.125rem;
  left: 33.3125rem;
  width: 6.25rem;
  height: 5.375rem;
  z-index: 1;
  background: url(../assets/images/badge.svg) top left/contain no-repeat; }

body.home .introduction .wrap {
  position: relative;
  float: left;
  margin: 12.5rem 0 0 0;
  padding: 0 6.25rem;
  z-index: 2; }

body.home .introduction .wrap .cta {
  float: left; }

body.home .introduction .wrap .cta h1 {
  margin-bottom: -.1875rem;
  color: #201f3e;
  font: normal 2.1875rem/100% 'SansaPro Bold';
  letter-spacing: normal;
  letter-spacing: initial;
  text-transform: uppercase;
  width: 34.375rem; }

body.home .introduction .wrap .cta p {
  margin-bottom: 7px; }

body.home .introduction .newsletter {
  position: absolute;
  bottom: -4.1875rem;
  right: 5rem;
  padding: 1.875rem;
  width: 25rem;
  height: 10rem;
  background: #e7f7f7;
  z-index: 1; }

body.home .introduction .newsletter h3 {
  margin-bottom: .625rem; }

body.home .introduction .newsletter p {
  margin-bottom: .9375rem; }

body.home .introduction .newsletter input[type="email"] {
  float: left;
  padding: 0 .625rem;
  width: calc(100% - 2.5rem);
  height: 2.5rem;
  font: normal .9375rem/2.5rem 'OpenSans Regular';
  color: #bbbbbb;
  -webkit-appearance: initial;
     -moz-appearance: initial;
          appearance: initial;
  border: medium none currentColor;
  border: initial;
  outline: medium none invert;
  outline: initial;
  background: #fff; }

body.home .introduction .newsletter input[type="submit"] {
  float: right;
  width: 2.5rem;
  height: 2.5rem;
  color: transparent;
  background: #fff url(../assets/images/icons/icon-arrow-grey.svg) center/0.8125rem 0.8125rem no-repeat;
  border: medium none currentColor;
  border: initial; }

body.home .introduction .newsletter input[type="submit"]:hover {
  background: #00b4b4 url(../assets/images/icons/icon-arrow-white.svg) center/0.8125rem 0.8125rem no-repeat; }

.block-1 {
  float: left;
  margin: 0 2.5rem 2.5rem 0;
  width: 25rem;
  height: 26.875rem; }

.block-2 {
  width: 52.5rem; }

.block-3 {
  width: 100%; }

.block-2 + .block-1 {
  margin: 0 0 2.5rem 2.5rem; }

.block-wrap {
  float: left;
  margin-bottom: .9375rem; }

.block-wrap header {
  float: left;
  width: 100%; }

.block-wrap h2 {
  float: left;
  margin-right: .9375rem; }

.block-wrap .button.secondary {
  float: left;
  margin-top: -.09375rem; }

.twitter-feed {
  float: right;
  margin: 0;
  margin: initial;
  width: 25rem;
  height: 26.875rem; }

.twitter-feed header {
  float: left;
  width: 100%; }

.twitter-feed header h2 {
  float: left;
  margin-right: .9375rem; }

.twitter-feed header .button.secondary {
  float: left;
  margin-top: -.09375rem; }

.twitter-wrapper {
  float: left;
  width: 100%;
  height: 23rem;
  background: #fff;
  overflow: hidden; }

/*	Block Styles */
.block-1 ol,
.block-1 ul {
  float: left;
  margin: 0 0 1.25rem 0;
  width: 100%; }

.block-1 ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0 0 0 1.25rem;
  color: #7b7b7b;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 150%;
  font: normal .9375rem/166% 'OpenSans Light';
  color: #232323; }

.block-1 ol {
  padding: 0 0 0 1rem;
  list-style: decimal; }

.block-1 ol li {
  padding: 0 0 0 .3125rem;
  color: #7b7b7b;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 1.5rem; }

.block-1 ul li:before {
  content: '';
  position: relative;
  float: left;
  margin: .6rem .625rem .3125rem 0;
  width: .3125rem;
  height: .3125rem;
  background: #00b4b4; }

/*
 *	Testimonials
 */
.testimonials {
  position: relative;
  float: left;
  margin: 0 2.5rem;
  padding: 5.3125rem 2.5rem;
  width: calc(100% - 5rem); }

.testimonials .element {
  position: absolute;
  top: -.5625rem;
  left: -1.25rem;
  width: 6.25rem;
  height: 1.25rem;
  background: #00b4b4; }

.testimonials .testimonial {
  float: left;
  margin: 0 2.5rem 0 0;
  width: 25rem; }

.testimonials .testimonial .left {
  float: left;
  margin: 0 1.25rem 0 0;
  width: 5rem; }

.testimonials .testimonial .right {
  float: right;
  width: 18.75rem; }

.testimonials .testimonial .avatar {
  float: left;
  margin: 0 0 1.25rem 0;
  width: 5rem;
  height: 5rem;
  border-radius: 100%; }

.testimonials .testimonial .brand {
  float: left;
  width: 5rem; }

.testimonials .testimonial:last-of-type {
  margin-right: 0;
  margin-right: initial; }

.testimonials .testimonial .subtitle {
  margin: 0 0 1.5625rem 0;
  color: #00b4b4;
  line-height: 150%; }

.testimonials .testimonial .name .title {
  margin: 0 0 .3125rem 0; }

.testimonials .testimonial:nth-of-type(3n+3) {
  margin-right: 0;
  margin-right: initial; }

/**
 *	Media Queries
 */
@media only screen and (max-width: 1080px) and (min-width: 1023px) {
  body.home .introduction {
    background: url(../assets/images/map.png) top right -9rem/cover no-repeat; }
  body.home .introduction .tagline {
    top: 1.25rem;
    left: 5rem; }
  body.home .introduction .wrap {
    padding: 0 0 0 5rem; }
  body.home .introduction .wrap .cta h1 {
    font-size: 2rem;
    width: 40rem; }
  body.home .introduction .newsletter {
    bottom: -3.9375rem;
    right: 2.5rem; }
  .block-1 {
    height: auto;
    height: initial;
    width: 17.5rem;
    margin-right: 2.4375rem; }
  .block-1 p:first-of-type {
    display: block;
    margin-bottom: .9375rem; }
  .block-1 h3,
  .block-1 ul,
  .block-1 p {
    display: none; }
  .block-2 {
    width: 39rem; }
  .twitter-wrapper {
    height: 19.625rem;
    overflow: hidden; }
  .twitter-feed {
    width: 18.875rem;
    height: 22.375rem; }
  .testimonials {
    margin: 0;
    margin: initial;
    padding: 4.0625rem 2.5rem 1.25rem 2.5rem;
    width: 100%; }
  .testimonials .element {
    left: -2.5rem; }
  .testimonials .testimonial {
    float: left;
    margin: 0;
    margin: initial;
    width: 27.625rem; }
  .testimonials .testimonial .right {
    width: 21.375rem; }
  .testimonials > .testimonial:nth-of-type(2) {
    float: right; }
  .testimonials > .testimonial:nth-of-type(3) {
    display: none; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  body.home .introduction .tagline {
    position: absolute;
    top: 1.875rem;
    left: auto;
    left: initial;
    width: 100%;
    text-align: center; }
  body.home .introduction {
    height: initial;
    height: 26.25rem;
    background-position: top right 55%; }
  /*body.home .introduction .badge {
		top: 2.5rem;
		left: 15rem;
		width: 3.75rem;
		height: 3.25rem;
	}*/
  body.home .introduction .wrap {
    margin: 8.6rem 0 -1.25rem 0;
    padding: 0;
    padding: initial;
    min-height: 0;
    min-height: initial;
    width: 100%; }
  body.home .introduction .wrap .cta {
    width: 100%;
    text-align: center; }
  body.home .introduction .wrap .cta h1 {
    width: 100%;
    font-size: 1.25rem; }
  body.home .introduction .wrap .cta p {
    margin: 0 auto;
    width: 12.5rem;
    font-size: .8125rem;
    line-height: 150%; }
  body.home .introduction .wrap .cta .button:first-of-type {
    margin-right: .3125rem; }
  body.home .introduction .wrap .cta .button {
    margin-right: 0;
    margin-right: initial;
    padding: .5625rem .625rem .625rem .625rem; }
  body.home .introduction .newsletter {
    position: relative;
    bottom: auto;
    bottom: initial;
    right: auto;
    right: initial;
    float: left;
    margin: 7.5rem 1.25rem 0 1.25rem;
    padding: 1.25rem .9375rem;
    width: calc(100% - 2.5rem);
    height: auto;
    height: initial; }
  body.home .block-1 {
    margin-top: 9.375rem; }
  /*	Blocks */
  .block-1,
  .block-2,
  .block-3,
  .block-2 + .block-1 {
    float: left;
    margin: 0 0 1.25rem 0;
    padding: 0;
    padding: initial;
    width: 100%;
    height: auto;
    height: initial; }
  .block-wrap:last-of-type {
    margin-bottom: 0;
    margin-bottom: initial; }
  .block-wrap h2 {
    margin-bottom: .9375rem; }
  .block-wrap .button.secondary {
    margin-top: -.2rem; }
  /*	Other */
  .twitter-feed {
    display: none; }
  .testimonials {
    float: left;
    margin: 0;
    margin: initial;
    padding: 2.5rem 1.25rem 0 1.25rem;
    width: 100%; }
  .testimonials .testimonial {
    position: relative;
    margin: 0 0 1.875rem 0;
    width: 100%; }
    .testimonials .testimonial .left {
      position: relative;
      height: 100%;
      width: 100%; }
      .testimonials .testimonial .left .brand {
        display: none; }
    .testimonials .testimonial .right {
      width: 100%; }
      .testimonials .testimonial .right .subtitle {
        margin-bottom: .625rem; } }

/*
 *	Pagination
 */
.woocommerce-pagination {
  float: left;
  margin: 2rem 0 5rem 0;
  width: 100%;
  height: 1.875rem;
  text-align: center; }

.woocommerce-pagination ul.page-numbers {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  height: 1.875rem;
  overflow: hidden;
  vertical-align: top; }

.woocommerce-pagination li a.next,
.woocommerce-pagination li a.prev {
  color: transparent; }

.woocommerce-pagination li a.next {
  margin-left: 2.5rem;
  background: url(../assets/images/icons/icon-arrow-right.svg) center/1rem auto no-repeat !important; }

.woocommerce-pagination li a.prev {
  margin-right: 2.5rem;
  background: url(../assets/images/icons/icon-arrow-left.svg) center/1rem auto no-repeat !important; }

.woocommerce-pagination li {
  float: left; }

.woocommerce-pagination li .page-numbers {
  float: left;
  display: block;
  padding: 0;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  color: #bbbbbb;
  line-height: 1.875rem;
  border-radius: .125rem;
  cursor: pointer;
  font-family: 'Akkurat Regular', helvetica, sans-serif;
  font-size: .875rem;
  font-weight: normal;
  letter-spacing: normal;
  letter-spacing: initial; }

.woocommerce-pagination li .page-numbers:hover,
.woocommerce-pagination li .page-numbers.current {
  background: #00b4b4; }

.woocommerce-pagination li .page-numbers.current:hover {
  background: #201f3e; }

/**
 *	Share Footer
 */
.share-footer {
  float: left;
  width: 100%; }

.share-footer .center {
  display: block;
  margin: 0 auto;
  width: 45rem; }

.share-footer .center .left {
  float: left;
  padding: 2.5rem 5rem 2.5rem 0;
  width: 50%;
  border-right: 1px solid #f2f2f2; }

.share-footer .center .left .newsletter input[type="email"] {
  float: left;
  padding: 0 .625rem;
  width: calc(100% - 2.5rem);
  height: 2.5rem;
  font: normal .9375rem/2.5rem 'OpenSans Regular';
  color: #bbbbbb;
  -webkit-appearance: initial;
     -moz-appearance: initial;
          appearance: initial;
  border: medium none currentColor;
  border: initial;
  outline: medium none invert;
  outline: initial;
  background: #f9f9f9; }

.share-footer .center .left .newsletter input[type="submit"] {
  float: right;
  width: 2.5rem;
  height: 2.5rem;
  color: transparent;
  background: #f9f9f9 url(../assets/images/icons/icon-arrow-grey.svg) center/0.8125rem 0.8125rem no-repeat;
  border: medium none currentColor;
  border: initial; }

.share-footer .center .left .newsletter input[type="submit"]:hover {
  background: #00b4b4 url(../assets/images/icons/icon-arrow-white.svg) center/0.8125rem 0.8125rem no-repeat; }

.share-footer .center .right {
  float: right;
  padding: 2.5rem 0 2.5rem 5rem;
  width: 50%; }

.share-footer .center p {
  font: normal .8125rem/166% 'OpenSans Light';
  color: #7b7b7b;
  margin-bottom: .9375rem; }

.share-footer .center .right .socials {
  float: left;
  margin: .25rem 0 0 0;
  width: 100%; }

.share-footer .center .right .socials .social {
  float: left; }

.share-footer .center .right .socials .social a {
  float: left;
  margin: 0 .625rem 0 0;
  width: 2.1875rem;
  height: 2.1875rem;
  background: center / contain no-repeat; }

.share-footer .center .right .socials .social:nth-of-type(1) a {
  background-image: url(../assets/images/social/social-facebook-hexacon.svg); }

.share-footer .center .right .socials .social:nth-of-type(2) a {
  background-image: url(../assets/images/social/social-twitter-hexacon.svg); }

.share-footer .center .right .socials .social:nth-of-type(3) a {
  background-image: url(../assets/images/social/social-linkedin-hexacon.svg); }

.share-footer .center .right .socials .social:nth-of-type(1):hover a {
  background-image: url(../assets/images/social/social-facebook-hexacon-hover.svg); }

.share-footer .center .right .socials .social:nth-of-type(2):hover a {
  background-image: url(../assets/images/social/social-twitter-hexacon-hover.svg); }

.share-footer .center .right .socials .social:nth-of-type(3):hover a {
  background-image: url(../assets/images/social/social-linkedin-hexacon-hover.svg); }

/**
 *	Media Queries
 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  .share-footer {
    padding: 1.875rem 1.25rem; }
  .share-footer .center {
    width: 100%; }
  .share-footer .center .left {
    float: left;
    margin-bottom: 1.25rem;
    padding: 0;
    padding: initial;
    width: 100%;
    border-right: 0;
    border-right: initial; }
  .share-footer .center .right {
    float: left;
    padding: 0;
    padding: initial;
    width: 100%; } }

/**
 *	Sidebar
 */
.site-wrap.with-sidebar .sidebar {
  position: relative;
  float: left;
  width: 20.625rem; }

.site-wrap.with-sidebar .sidebar .wrap {
  float: left;
  margin-bottom: 2.5rem;
  width: 100%; }

.site-wrap.with-sidebar .sidebar form input[type="radio"] {
  display: none; }

.site-wrap.with-sidebar .sidebar form input[type="radio"] + label {
  float: left;
  width: 100%;
  font: normal .9375rem/1.875rem 'OpenSans Light';
  color: #232323;
  cursor: pointer; }

.site-wrap.with-sidebar .sidebar form input[type="radio"]:checked + label {
  padding: 0 0 0 .75rem;
  background: url(../assets/images/icons/chevron-right-orange.svg) center left/auto 0.75rem no-repeat;
  font-family: 'OpenSans Regular';
  color: #fa9632; }

/**
 *	Media Queries
 */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  .site-wrap.with-sidebar .sidebar {
    width: 100%; } }

/**
 *	Simple Cards
 */
.simple-card {
  position: relative;
  float: left;
  margin: 0 2.5rem 2.5rem 0;
  width: 18.125rem;
  height: 18.75rem;
  background: #fff;
  overflow: hidden; }

.simple-card .thumbnail {
  position: relative;
  float: left;
  width: 100%;
  height: 11.25rem; }

.simple-card .thumbnail:after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.05) 30%, transparent 35%);
  z-index: 1;
  pointer-events: none; }

.simple-card.events .thumbnail:after {
  display: none; }

.simple-card .thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-family: "object-fit:cover";
  object-fit: cover;
  z-index: 1; }

.simple-card .thumbnail > .date {
  position: absolute;
  bottom: .625rem;
  left: 1.25rem;
  color: #fff;
  font: normal .8125rem/166% 'OpenSans Semibold';
  z-index: 2; }

.simple-card .thumbnail .icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  background: #63519d url(../assets/images/icons/icon-arrow-white.svg) center/0.875rem auto no-repeat;
  z-index: 2; }

.simple-card .thumbnail .icon:hover {
  background-color: #4e407b; }

.simple-card .thumbnail .author {
  position: absolute;
  bottom: .75rem;
  left: .625rem;
  width: calc(100% - 1.25rem);
  z-index: 2;
  color: #fff; }

.simple-card .thumbnail .author .avatar {
  float: left;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  border: .125rem solid #fff; }

.simple-card .thumbnail .author .name {
  position: relative;
  float: right;
  margin: .3125rem 0 0 0;
  width: calc(100% - 3.125rem);
  font: normal .8125rem/130% 'OpenSans Semibold';
  color: #fff; }

.simple-card .thumbnail .author .date {
  position: relative;
  float: right;
  margin: 0;
  margin: initial;
  width: calc(100% - 3.125rem);
  font: normal .8125rem/120% 'OpenSans Regular';
  color: #fff; }

.simple-card .text {
  float: left;
  width: 100%;
  padding: .9375rem 1.25rem 1.25rem 1.25rem; }

.simple-card .text .date {
  float: left;
  margin: 0 .9375rem .9375rem 0;
  width: 2.1875rem;
  height: 3rem;
  text-align: center; }

.simple-card .text .date .day {
  float: left;
  width: 100%;
  height: 1.875rem;
  background: #7b7b7b;
  color: #fff;
  font: normal 1.25rem/2rem 'SansaPro Bold'; }

.simple-card .text .date .month {
  float: left;
  width: 100%;
  height: 1.125rem;
  background: #bbbbbb;
  color: #fff;
  font: normal .6875rem/1.19rem 'SansaPro Bold';
  text-transform: uppercase; }

.simple-card .text .title {
  margin-bottom: .3125rem;
  font: normal .8125rem/166% 'OpenSans Semibold';
  color: #232323;
  vertical-align: top; }

.simple-card .text .title:hover {
  color: #00b4b4; }

.simple-card .text .location {
  margin-bottom: .3125rem;
  font: normal .8125rem/166% 'OpenSans Light';
  color: #232323;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  pointer-events: none; }

.simple-card .text .description {
  margin-bottom: .3125rem;
  font: normal .8125rem/166% 'OpenSans Light';
  color: #232323;
  pointer-events: none; }

.simple-card .text .tags {
  font: normal .6875rem/166% 'OpenSans Regular';
  color: #bbbbbb;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.simple-card .text .tags a:hover {
  color: #00b4b4; }

.simple-card .insight-label {
  position: absolute;
  top: 0;
  left: 0;
  padding: .75rem;
  color: #fff;
  font: normal .75rem/100% 'OpenSans Regular';
  z-index: 2; }
  .simple-card .insight-label.teal {
    background-color: #00b4b4; }
  .simple-card .insight-label.orange {
    background-color: #fa9632; }
  .simple-card .insight-label.purple {
    background-color: #63519d; }

/**
 *	People card
 */
.simple-card.people {
  position: relative;
  float: left;
  margin: 0 2.5rem 2.5rem 0;
  width: 18.125rem;
  height: 18.75rem;
  background: #fff;
  overflow: hidden; }

.content .simple-card.people:nth-of-type(3n+3) {
  margin-right: 0;
  margin-right: initial; }

.simple-card.people .avatar {
  display: -ms-flexbox;
  display: flex;
  margin: 2.5rem auto .9375rem auto;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 100%;
  font-family: "object-fit:cover";
  object-fit: cover; }

.simple-card.people .text {
  float: left;
  width: 100%;
  text-align: center; }

.simple-card.people .text .name {
  font: normal .9375rem/160% 'OpenSans Regular'; }

.simple-card.people .text .role,
.simple-card.people .text .country {
  font: normal .8125rem/160% 'OpenSans Light'; }

.simple-card.people .text .socials {
  margin: .9375rem 0 0 0; }

.simple-card.people .text .socials img {
  margin: 0 1.25rem 0 0;
  height: 1rem; }

.simple-card.people .text .socials a:last-child img {
  margin: 0;
  margin: initial; }

/**
 *	Job row
 */
.job-row {
  position: relative;
  float: left;
  margin: 0 0 1.25rem 0;
  padding: 1.5625rem 1.875rem;
  width: 100%;
  height: 6.25rem;
  background: #fff; }

.job-row .column {
  float: left;
  padding: 0 .625rem 0 0;
  width: 25%;
  height: 3.125rem;
  overflow: hidden; }

.job-row .column .title {
  float: left;
  width: 100%;
  font: normal .9375rem/160% 'OpenSans Regular';
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.job-row .column .workplace {
  float: left;
  width: 100%;
  font: normal .8125rem/160% 'OpenSans Light';
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.job-row .column .date,
.job-row .column .location,
.job-row .column .hours {
  font: normal .8125rem/3.125rem 'OpenSans Light'; }

.job-row .icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  background: #63519d url(../assets/images/icons/icon-arrow-white.svg) center/0.875rem auto no-repeat;
  z-index: 2; }

.job-row .icon:hover {
  background-color: #4e407b; }

/**
 *	Media Queries
 */
@media only screen and (max-width: 1080px) and (min-width: 1023px) {
  .simple-card,
  .simple-card.people {
    margin: 0 1.1875rem 1.1875rem 0;
    width: 18.875rem; }
  .simple-card:nth-of-type(3n+3) {
    margin-right: 0;
    margin-right: initial; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  .simple-card {
    position: relative;
    float: left;
    margin: 0 0 1.25rem 0;
    width: 100%;
    height: 18.75rem; }
  .simple-card.people {
    margin: 0 0 1.25rem 0;
    width: 100%; }
  /*	Jobs */
  .job-row .column {
    width: 100%; }
  .job-row .column .date,
  .job-row .column .location,
  .job-row .column .hours {
    display: none; } }

/**
 *	Singleton
 */
body.author {
  width: 100% !important; }

.author {
  float: left;
  width: 10rem; }

.author .avatar {
  float: left;
  margin: 0 0 .9375rem 0;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 100%;
  overflow: hidden; }

.author .name {
  float: left;
  width: 100%;
  font: normal .9375rem/166% 'OpenSans Regular';
  color: #232323; }

.author:hover .name {
  color: #00b4b4; }

.author .date {
  float: left;
  width: 100%;
  margin: 0 0 1.25rem 0;
  font: normal .8125rem/166% 'OpenSans Light';
  color: #232323; }

.author .socials {
  float: left;
  width: 100%; }

.author .socials a {
  float: left;
  margin: 0 1.25rem 0 0; }

.author .socials a:last-of-type {
  margin-right: 0;
  margin-right: initial; }

.author .socials img {
  width: 1rem;
  height: 1rem;
  font-family: "object-fit:contain";
  object-fit: contain; }

.ical-button {
  margin: 0 0 0.625rem 0 !important; }

/*	Person */
aside.person {
  float: left;
  width: 9.375rem;
  text-align: center; }

aside.person .avatar {
  float: left;
  margin: 0 0 .9375rem 0;
  width: 9.375rem;
  height: 9.375rem;
  border-radius: 100%;
  overflow: hidden;
  font-family: "object-fit:cover";
  object-fit: cover; }

aside.person .socials {
  float: left;
  width: 100%;
  text-align: center; }

aside.person .socials a {
  margin: 0 1.25rem 0 0; }

aside.person .socials a:last-of-type {
  margin-right: 0;
  margin-right: initial; }

aside.person .socials img {
  width: 1rem;
  height: 1rem;
  font-family: "object-fit:contain";
  object-fit: contain; }

/**
 *	Media Queries
 */
@media only screen and (max-width: 1080px) and (min-width: 1023px) {
  .author {
    width: 6.25rem; }
  .author .name {
    line-height: 120%;
    margin-bottom: .3125rem; }
  aside.person {
    width: 6.25rem; }
  aside.person .avatar {
    width: 6.25rem;
    height: 6.25rem; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  aside.author {
    display: none; }
  aside.person {
    float: left;
    margin: 0 0 1.25rem 0;
    width: 100%;
    text-align: center; }
  aside.person .avatar {
    float: none;
    float: initial;
    width: 6.25rem;
    height: 6.25rem; }
  .ical-button {
    float: left !important; } }

/**
 *	styles/_single-country.scss
 *
 *	Single Country Page Styles
 */
body.single-countries .site-wrap:first-of-type {
  margin-bottom: 2.5rem;
  padding-right: 0;
  padding-bottom: 1.25rem; }
  body.single-countries .site-wrap:first-of-type .card {
    margin-top: 4.0625rem; }
  body.single-countries .site-wrap:first-of-type .wrap {
    float: left; }
    body.single-countries .site-wrap:first-of-type .wrap header {
      display: block;
      margin: 0;
      width: 25rem;
      height: 4.0625rem;
      overflow: hidden; }
      body.single-countries .site-wrap:first-of-type .wrap header h2 {
        float: left;
        margin-top: .09375rem;
        margin-right: .9375rem; }
      body.single-countries .site-wrap:first-of-type .wrap header .button.secondary {
        float: left;
        margin: 0; }
    body.single-countries .site-wrap:first-of-type .wrap .card {
      margin-top: 0; }

/**
 *	Media Queries
 */
@media only screen and (max-width: 1080px) and (min-width: 1023px) {
  body.single-countries .site-wrap:first-of-type .card {
    margin-bottom: 2rem; }
  body.single-countries .site-wrap:first-of-type .wrap {
    margin-bottom: 2rem; }
    body.single-countries .site-wrap:first-of-type .wrap header {
      width: auto; }
    body.single-countries .site-wrap:first-of-type .wrap .card {
      margin-bottom: 0; }
  body.single-countries .site-wrap:first-of-type .card:nth-of-type(3n+1),
  body.single-countries .site-wrap:first-of-type .card:nth-of-type(3n+2) {
    margin-right: 1.1875rem; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  body.single-countries .site-wrap:first-of-type {
    margin: 0;
    padding: 1.25rem; }
    body.single-countries .site-wrap:first-of-type .card {
      margin: 0 0 1.25rem 0;
      padding: 0; }
    body.single-countries .site-wrap:first-of-type .wrap {
      margin: 0;
      width: 100%; }
      body.single-countries .site-wrap:first-of-type .wrap header {
        height: 3.125rem; }
      body.single-countries .site-wrap:first-of-type .wrap .card {
        margin: 0; }
    body.single-countries .site-wrap:first-of-type .card:nth-of-type(3n+1),
    body.single-countries .site-wrap:first-of-type .card:nth-of-type(3n+2) {
      margin: 0 0 1.25rem 0; } }

/*
 *	Site-footer
 */
.site-footer {
  position: relative;
  float: left;
  width: 100%;
  min-height: 25rem;
  background: #f9f9f9; }

.site-footer .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 6.25rem;
  width: calc((100vw - 90rem)/2  + 6.25rem);
  height: 100%;
  background: #d2d2d2; }

.site-footer .logo {
  position: relative;
  float: left;
  margin: 2.5rem 0 0 2.5rem;
  width: 7.375rem;
  height: 1.875rem;
  z-index: 1; }

.site-footer .logo img {
  width: 7.375rem;
  height: 1.875rem; }

.site-footer .about {
  float: left;
  margin: 6.25rem 0 0 -1.25rem;
  font: normal .8125rem/166% 'OpenSans Light';
  color: #232323; }

.site-footer .about .socials {
  float: left;
  margin: 1.5625rem 0 1.25rem 0;
  width: 100%; }

.site-footer .about .socials a {
  float: left;
  margin: 0 1.25rem 0 0; }

.site-footer .about .socials a img * {
  transition: .2s all; }

.site-footer .about .socials a:hover img * {
  fill: #00b4b4; }

.site-footer .wrap {
  float: right;
  margin: 3.5rem 5rem 3.75rem 0;
  width: 60rem; }

.site-footer .wrap .row {
  float: left;
  margin: 0 0 .625rem 0;
  width: 100%; }

.site-footer .wrap .row .column {
  float: left;
  margin: 0 2.5rem 0 0;
  width: 18.125rem; }

.site-footer .wrap .row .column:last-of-type {
  margin-right: 0;
  margin-right: initial; }

.site-footer .wrap .row .column nav {
  float: left;
  margin: 0 0 2.5rem 0;
  width: 100%; }

.site-footer .wrap .row .column ul li a {
  float: left;
  width: 100%;
  font: normal .9375rem/200% 'OpenSans Light';
  color: #232323; }

.site-footer .wrap .row .column ul li a:hover {
  color: #00b4b4; }

.site-footer .wrap .row .column .posts li {
  float: left;
  margin: 0 0 .9375rem 0;
  width: 100%; }

.site-footer .wrap .row .column .posts li .title {
  margin: 0 0 .15625rem 0; }

.site-footer .wrap .row .column .posts li:hover .title {
  color: #00b4b4; }

.site-footer h3 {
  margin: 0 0 1rem 0;
  font: normal 1rem/100% 'SansaPro Bold';
  color: #00b4b4; }

.site-footer .wrap .row .column header {
  float: left;
  margin: 0 0 1rem 0;
  width: 100%; }

.site-footer .wrap .row .column header h3 {
  float: left;
  margin: 0;
  margin: initial; }

.site-footer .wrap .row .column header .button {
  float: left;
  margin: -.45rem 0 0 .9375rem;
  border: medium none currentColor;
  border: initial; }

.site-footer .wrap .row .column header .button:hover {
  background-color: transparent;
  background-color: initial;
  color: #00b4b4; }

.lewishumphreys {
  position: absolute;
  bottom: .625rem;
  right: .625rem;
  width: 1.875rem;
  height: 1.875rem;
  background: url(../assets/images/lewis+humphreys.svg) top left/contain no-repeat;
  z-index: 1;
  overflow: hidden;
  color: transparent !important; }

/**
 *	Media Queries
 */
@media only screen and (max-width: 1080px) and (min-width: 1023px) {
  .site-footer {
    margin-top: 2.5rem; }
  .site-footer .wrap {
    float: left;
    margin: 0;
    margin: initial;
    padding: 3.75rem 2.5rem 0 2.5rem;
    width: 100%; }
  .site-footer .wrap .row .column {
    margin-right: calc((100vw - ((18.125rem * 3) + 5rem)) / 2); }
  .site-footer .wrap .row .column:last-of-type {
    float: right; }
  .site-footer .wrap .row:last-of-type,
  .site-footer .wrap .row .column .posts a:last-of-type li,
  .site-footer .wrap .row .column .posts a:last-of-type li p:last-of-type {
    margin-bottom: 0;
    margin-bottom: initial; }
  .site-footer .logo {
    float: left;
    margin: 3.75rem 0 1.25rem 2.5rem; }
  .site-footer .about {
    clear: both;
    float: left;
    margin: 0 0 3.75rem 2.5rem; }
  .site-footer .about .socials {
    margin: 0;
    margin: initial;
    margin-bottom: 1.25rem; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  .site-wrap + .site-footer {
    margin-top: 0;
    margin-top: initial;
    padding-top: 0;
    padding-top: initial; }
  .site-footer {
    padding: 2.5rem 1.25rem;
    min-height: 0;
    min-height: initial; }
  .site-footer .logo {
    margin: 0;
    margin: initial; }
  .site-footer .about {
    clear: both;
    margin: 2.1875rem 0 2.5rem 0; }
  .site-footer .bar,
  .site-footer .wrap .row:last-of-type {
    display: none; }
  .site-footer .wrap {
    float: left;
    margin: 0;
    margin: initial;
    width: 100%; }
  .site-footer .wrap .row .column {
    float: left;
    width: 100%; }
  .site-footer .wrap .row .column nav {
    margin: 0 0 2.5rem 0; } }

/*
 *	Site Header
 */
.site-header .right .handheld-nav-toggle {
  display: none; }

.site-header {
  position: relative;
  float: left;
  width: 100%;
  height: 5rem;
  border-bottom: 1px solid #f2f2f2; }

.site-header .page-wrap {
  padding: 0 2.5rem; }

.site-header .logo {
  float: left;
  margin: 1.3125rem 1.875rem 0 0;
  outline: none; }

.site-header .logo img {
  width: 7.375rem;
  height: 1.875rem; }

/*	Primary Navigation */
.site-header .primary-nav {
  position: relative; }

.site-header .primary-nav ul {
  float: left;
  height: 5rem; }

.site-header .primary-nav ul li {
  float: left;
  margin: 0 1.875rem 0 0; }

.site-header .primary-nav ul li a {
  float: left;
  height: 5rem;
  font-size: .9375rem;
  line-height: 5rem;
  color: #232323;
  outline: none; }

.site-header .primary-nav ul li:hover a {
  color: #00b4b4; }

.site-header .primary-nav ul li:last-of-type a {
  margin-right: 0;
  margin-right: initial; }

.site-header .right {
  float: right;
  height: 5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.site-header .right .toggle {
  position: relative;
  float: left;
  overflow: visible;
  cursor: pointer; }

.site-header .right .toggle .toggle-button {
  display: -ms-flexbox;
  display: flex;
  float: left;
  margin: 0 1.25rem 0 0;
  padding: 0 .9375rem 0 0;
  height: 5rem;
  -ms-flex-align: center;
      align-items: center;
  background: url(../assets/images/icons/icon-triangle.svg) top 2.375rem right no-repeat;
  cursor: pointer;
  font-size: .9375rem;
  color: #232323; }

.site-header .right .toggle .toggle-button img {
  float: left;
  margin: 0 .625rem 0 0; }

.site-header .right .toggle .toggle-button:hover {
  color: #00b4b4; }

.site-header .right .toggle .toggle-button:hover img * {
  fill: #009999; }

.site-header .right .toggle .popout {
  position: absolute;
  top: 4.0625rem;
  right: 0;
  padding: .625rem;
  width: 12.5rem;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  z-index: 3;
  pointer-events: none;
  opacity: 0;
  transition: opacity .1s; }

.site-header .right .toggle.active .popout {
  pointer-events: visible;
  opacity: 1; }

.site-header .right .toggle .popout:before {
  content: '';
  position: absolute;
  display: block;
  top: -.625rem;
  right: 2.35rem;
  width: 1.125rem;
  height: .625rem;
  background: url(../assets/images/popout-tab.svg) top left no-repeat;
  z-index: 2; }

.site-header .right .toggle .popout a {
  float: left;
  padding: .5625rem .625rem .625rem .625rem;
  width: 100%;
  font: normal .9375rem/166% 'OpenSans Light';
  color: #232323; }

.site-header .right .toggle .popout a:hover {
  background: rgba(230, 247, 247, 0.5); }

.site-header .right .login {
  display: -ms-flexbox;
  display: flex;
  float: left;
  padding: 0 .9375rem 0 0;
  height: 5rem;
  font-size: .9375rem;
  color: #232323;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  outline: none; }

.site-header .right .login:hover {
  color: #00b4b4; }

.site-header .right .login img {
  float: left;
  margin: 0 .625rem 0 0; }

.site-header .right .login:hover img * {
  fill: #009999; }

.site-header .right .search {
  display: -ms-flexbox;
  display: flex;
  height: 5rem;
  -ms-flex-align: center;
      align-items: center; }

.site-header .right .search #searchform {
  float: left;
  margin-top: 1px;
  height: 2.1875rem;
  background: #f9f9f9;
  overflow: hidden; }

.site-header .right .search #searchform input[type="text"] {
  position: relative;
  float: left;
  padding: 0 0 0 2rem;
  height: 100%;
  -webkit-appearance: initial;
     -moz-appearance: initial;
          appearance: initial;
  outline: medium none invert;
  outline: initial;
  border: medium none currentColor;
  border: initial;
  background: #f9f9f9 url(../assets/images/icons/icon-search.svg) center left 0.625rem/0.9375rem 0.9375rem no-repeat;
  font: normal .8125rem/166% 'OpenSans Regular';
  color: #bbbbbb; }

.site-header .right .search #searchform input[type="submit"] {
  display: none; }

.site-header .right .search #searchform select {
  position: relative;
  float: left;
  padding: 0 1.5625rem 0 0;
  height: 100%;
  -webkit-appearance: initial;
     -moz-appearance: initial;
          appearance: initial;
  outline: medium none invert;
  outline: initial;
  border: medium none currentColor;
  border: initial;
  background: #f9f9f9 url(../assets/images/icons/icon-triangle-dark.svg) center right 0.625rem no-repeat;
  font: normal .8125rem/170% 'OpenSans Regular';
  color: #232323; }

/**
 *	Media Queries
 */
@media only screen and (max-width: 1080px) and (min-width: 1023px) {
  .site-header {
    position: fixed;
    top: 0;
    left: 0;
    height: 5rem;
    padding: 0;
    padding: initial;
    z-index: 8;
    background: #fff; }
  .bumper {
    float: left;
    width: 100%;
    height: 5rem; }
  .site-header .page-wrap {
    padding: 0 2.5rem 0 1.25rem; }
  .site-header .primary-nav {
    display: none; }
  .site-header .right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .site-header .right .toggle {
    margin-right: 1.875rem; }
  .site-header .right .toggle .toggle-button {
    position: relative;
    margin: 0;
    margin: initial;
    padding: 0;
    padding: initial;
    height: 1.125rem;
    width: 1.125rem;
    color: transparent;
    overflow: hidden; }
  .site-header .right .toggle .toggle-button:hover,
  .site-header .right .login:hover {
    color: transparent; }
  .site-header .right .toggle .toggle-button img,
  .site-header .right .login img {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    margin: initial;
    padding: 0;
    padding: initial;
    width: 1.125rem;
    height: auto; }
  .site-header .right .toggle .popout {
    top: 2rem;
    right: -2.25rem; }
  .site-header .right .login {
    position: relative;
    margin-right: 1.875rem;
    height: 1rem;
    width: .9375rem;
    color: transparent; }
  .site-header .right .search {
    display: none; }
  .site-header .right .search.active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4.9375rem; }
  .site-header .right .search #searchform {
    position: relative;
    width: 100%;
    height: 4.9375rem;
    background-color: #fff; }
  .site-header .right .search #searchform input[type="text"] {
    padding-left: 4.0625rem;
    padding-right: 1.25rem;
    width: calc(100% - 10.5rem);
    background-position: center left 2.5rem;
    background-color: #fff; }
  .site-header .right .search #searchform select {
    background-color: #fff; }
  .site-header .right .search #searchform .close {
    float: right;
    width: 4.9375rem;
    height: 4.9375rem;
    background: url(../assets/images/icons/icon-close-grey.svg) center/0.75rem 0.75rem no-repeat; }
  .site-header .right .handheld-search-toggle {
    float: left;
    margin: 0 1.5625rem 0 0;
    padding: 0;
    padding: initial;
    height: 1.125rem;
    width: 1.125rem;
    background: url(../assets/images/icons/icon-search.svg) center/1.125rem auto no-repeat; }
  .site-header .right .handheld-nav-toggle {
    display: block;
    float: left;
    margin: 0;
    width: 74px;
    height: 20px;
    background: url(../assets/images/icons/icon-nav.svg) center right/1.25rem auto no-repeat;
    text-align: left;
    font: normal .9375rem/120% 'OpenSans Light';
    color: #7b7b7b; }
  /*	Specific Icons Sizes */
  .site-header .right .toggle .toggle-button img {
    width: 1.125rem;
    height: 1.125rem;
    stroke-width: .5px;
    stroke: #fff; }
  .site-header .right .login img {
    height: 1rem;
    width: .9375rem;
    font-family: "object-fit:contain";
    object-fit: contain; }
  .site-header .right .handheld-search-toggle {
    width: .9375rem;
    height: .9375rem;
    background-size: contain; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  .site-header {
    position: fixed;
    top: 0;
    left: 0;
    height: 3.125rem;
    padding: 0;
    padding: initial;
    z-index: 998;
    background: #fff; }
  .bumper {
    float: left;
    width: 100%;
    height: 3.125rem; }
  .site-header .page-wrap {
    padding: 0;
    padding: initial; }
  .site-header .logo {
    margin: .8125rem 0 0 .9375rem; }
  .site-header .logo img {
    width: 5.25rem;
    height: 1.3125rem; }
  .site-header .primary-nav {
    display: none; }
  .site-header .right {
    display: -ms-flexbox;
    display: flex;
    height: 3.125rem;
    -ms-flex-align: center;
        align-items: center; }
  .site-header .right .toggle {
    margin-right: 1.5625rem; }
  .site-header .right .toggle .toggle-button {
    position: relative;
    margin: 0;
    margin: initial;
    padding: 0;
    padding: initial;
    height: 1.125rem;
    width: 1.125rem;
    color: transparent;
    overflow: hidden; }
  .site-header .right .toggle .toggle-button:hover,
  .site-header .right .login:hover {
    color: transparent; }
  .site-header .right .toggle .toggle-button img,
  .site-header .right .login img {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    margin: initial;
    padding: 0;
    padding: initial;
    width: 1.125rem;
    height: auto; }
  .site-header .right .toggle .popout {
    top: 2rem;
    right: -2.25rem; }
  .site-header .right .login {
    position: relative;
    margin-right: 1.5625rem;
    height: 1rem;
    width: 1rem;
    color: transparent; }
  .site-header .right .search {
    display: none; }
  .site-header .right .search.active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3.125rem; }
  .site-header .right .search #searchform {
    position: relative;
    width: 100%;
    height: 3.125rem;
    background-color: #fff; }
  .site-header .right .search #searchform input[type="text"] {
    padding-right: 1.25rem;
    width: calc(100vw - 8.75rem); }
  .site-header .right .search #searchform input[type="text"],
  .site-header .right .search #searchform select {
    background-color: #fff; }
  .site-header .right .search #searchform .close {
    float: right;
    width: 3.125rem;
    height: 3.125rem;
    background: url(../assets/images/icons/icon-close-grey.svg) center/0.75rem 0.75rem no-repeat; }
  .site-header .right .handheld-search-toggle {
    float: left;
    margin: 0 1.5625rem 0 0;
    padding: 0;
    padding: initial;
    height: 1.125rem;
    width: 1.125rem;
    background: url(../assets/images/icons/icon-search.svg) center/1.125rem auto no-repeat; }
  .site-header .right .handheld-nav-toggle {
    display: block;
    float: left;
    margin: 0 .9375rem 0 0;
    width: 1.25rem;
    height: .875rem;
    background: url(../assets/images/icons/icon-nav.svg) center/1.25rem auto no-repeat;
    color: transparent; }
  /*	Specific Icons Sizes */
  .site-header .right .toggle .toggle-button {
    width: 1rem;
    height: 1rem; }
  .site-header .right .toggle .toggle-button img {
    width: 1rem;
    height: 1rem;
    font-family: "object-fit:contain";
    object-fit: contain;
    stroke-width: .3px;
    stroke: #fff; }
  .site-header .right .login img {
    width: 1rem;
    height: 1rem;
    font-family: "object-fit:contain";
    object-fit: contain; }
  .site-header .right .handheld-search-toggle {
    width: .9375rem;
    height: .9375rem;
    background-size: contain; } }

/**
 *	Handheld styles
 */
/**
 *	Handheld Nav
 */
.handheld-nav {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  padding: 2.5rem 2.5rem 2.5rem 1.875rem;
  width: calc(100vw - 3.125rem);
  height: 100vh;
  background: #fff;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transition: -webkit-clip-path .125s;
  transition: clip-path .125s;
  transition: clip-path .125s, -webkit-clip-path .125s;
  -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  will-change: clip-path;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.handheld-nav ul li a {
  float: left;
  margin: 0 0 1.25rem 0;
  padding: 0 0 1rem 0;
  width: 100%;
  font: normal .875rem/120% 'SansaPro Bold';
  text-transform: uppercase;
  border-bottom: 1px solid #f2f2f2; }

.handheld-nav .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 3.125rem;
  height: 3.125rem;
  background: url(../assets/images/icons/icon-close.svg) center/1rem 1rem no-repeat;
  z-index: 1; }

.handheld-nav + .blackout {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: none;
  opacity: 0;
  transition: opacity .125s; }

.handheld-nav,
.blackout {
  display: none; }

/**
 *	Media Queries
 */
@media only screen and (max-width: 1080px) and (min-width: 1023px) {
  .handheld-nav {
    display: block;
    padding-top: 4.25rem;
    width: 16.875rem; }
  .handheld-nav .close {
    width: 5rem;
    height: 5rem; }
  body.handheld-nav-active .handheld-nav {
    opacity: 1;
    pointer-events: initial;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
  body.handheld-nav-active .handheld-nav + .blackout {
    opacity: 1;
    pointer-events: initial; } }

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 800px), only screen and (max-width: 1023px) {
  .handheld-nav {
    display: block; }
  body.handheld-nav-active .handheld-nav {
    opacity: 1;
    pointer-events: initial;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
  body.handheld-nav-active .handheld-nav + .blackout {
    opacity: 1;
    pointer-events: initial; } }

/**
 *	Compatibility Styles
 */
/**
 *	_internet-explorer.scss - Compatibility Styles for Internet Explorer
 */
html.browser-internet-explorer .site-footer .wrap {
  margin: 3.5rem 0 3.75rem 0; }

html.browser-internet-explorer select::-ms-expand {
  display: none; }

/*# sourceMappingURL=application.css.map */