@charset "UTF-8";
/*
    Theme Name:     CODIAC: Zūm
    Created on:     March 1, 2022
    Author:         Sophie Melanson and Jean-Marc Drapeau
    Author URI:     http://codiac.co
    Version:        The version number is kept in style.version.php to enable dynamic output    
    Description:    The CODIAC: Zūm theme offers flexible layouts, dynamic functionality, and engaging styles.

*/
/************************************************************
    DON'T WRITE CSS HERE - This File is auto-generated
*************************************************************
*/
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/********** Breakpoints **********/
/*30em*/
/*50em*/
/*1600px 64em*/
/********** Modal **********/
/********** Grid **********/
/********** Off-Canvas **********/
.left {
  float: left;
}

.right {
  float: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

@media (min-width: 768px) {
  .md-text-left {
    text-align: left;
  }

  .md-text-center {
    text-align: center;
  }

  .md-text-right {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .lg-text-left {
    text-align: left;
  }

  .lg-text-center {
    text-align: center;
  }

  .lg-text-right {
    text-align: right;
  }
}
.no-bullets {
  list-style: none;
  margin: 0;
  padding: 0;
}

.clearfix:after, .row:after {
  content: "";
  display: table;
  clear: both;
}

.show-sm {
  display: none;
}
@media (min-width: 320px) {
  .show-sm {
    display: block;
  }
}

.show-md {
  display: none;
}
@media (min-width: 768px) {
  .show-md {
    display: block;
  }
}

.show-lg {
  display: none;
}
@media (min-width: 1200px) {
  .show-lg {
    display: block;
  }
}

@media (min-width: 320px) {
  .hide-sm {
    display: none;
  }
}

@media (min-width: 768px) {
  .hide-md {
    display: none;
  }
}

@media (min-width: 1200px) {
  .hide-lg {
    display: none;
  }
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  width: 100%;
  height: 100%;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@media (min-width: 320px) {
  .sm-1 {
    width: 8.3333333%;
  }

  .sm-1-half {
    width: 12.49999995%;
  }

  .sm-offset-1 {
    margin-left: 8.3333333%;
  }

  .sm-offset-1-half {
    margin-left: 12.49999995%;
  }

  .sm-2 {
    width: 16.6666666%;
  }

  .sm-2-half {
    width: 20.83333325%;
  }

  .sm-offset-2 {
    margin-left: 16.6666666%;
  }

  .sm-offset-2-half {
    margin-left: 20.83333325%;
  }

  .sm-3 {
    width: 24.9999999%;
  }

  .sm-3-half {
    width: 29.16666655%;
  }

  .sm-offset-3 {
    margin-left: 24.9999999%;
  }

  .sm-offset-3-half {
    margin-left: 29.16666655%;
  }

  .sm-4 {
    width: 33.3333332%;
  }

  .sm-4-half {
    width: 37.49999985%;
  }

  .sm-offset-4 {
    margin-left: 33.3333332%;
  }

  .sm-offset-4-half {
    margin-left: 37.49999985%;
  }

  .sm-5 {
    width: 41.6666665%;
  }

  .sm-5-half {
    width: 45.83333315%;
  }

  .sm-offset-5 {
    margin-left: 41.6666665%;
  }

  .sm-offset-5-half {
    margin-left: 45.83333315%;
  }

  .sm-6 {
    width: 49.9999998%;
  }

  .sm-6-half {
    width: 54.16666645%;
  }

  .sm-offset-6 {
    margin-left: 49.9999998%;
  }

  .sm-offset-6-half {
    margin-left: 54.16666645%;
  }

  .sm-7 {
    width: 58.3333331%;
  }

  .sm-7-half {
    width: 62.49999975%;
  }

  .sm-offset-7 {
    margin-left: 58.3333331%;
  }

  .sm-offset-7-half {
    margin-left: 62.49999975%;
  }

  .sm-8 {
    width: 66.6666664%;
  }

  .sm-8-half {
    width: 70.83333305%;
  }

  .sm-offset-8 {
    margin-left: 66.6666664%;
  }

  .sm-offset-8-half {
    margin-left: 70.83333305%;
  }

  .sm-9 {
    width: 74.9999997%;
  }

  .sm-9-half {
    width: 79.16666635%;
  }

  .sm-offset-9 {
    margin-left: 74.9999997%;
  }

  .sm-offset-9-half {
    margin-left: 79.16666635%;
  }

  .sm-10 {
    width: 83.333333%;
  }

  .sm-10-half {
    width: 87.49999965%;
  }

  .sm-offset-10 {
    margin-left: 83.333333%;
  }

  .sm-offset-10-half {
    margin-left: 87.49999965%;
  }

  .sm-11 {
    width: 91.6666663%;
  }

  .sm-11-half {
    width: 95.83333295%;
  }

  .sm-offset-11 {
    margin-left: 91.6666663%;
  }

  .sm-offset-11-half {
    margin-left: 95.83333295%;
  }

  .sm-12 {
    width: 99.9999996%;
  }

  .sm-12-half {
    width: 104.16666625%;
  }

  .sm-offset-12 {
    margin-left: 99.9999996%;
  }

  .sm-offset-12-half {
    margin-left: 104.16666625%;
  }

  .sm-half {
    width: 4.16666665%;
  }

  .sm-offset-half {
    width: 4.16666665%;
  }
}
@media (min-width: 768px) {
  .md-1 {
    width: 8.3333333%;
  }

  .md-1-half {
    width: 12.49999995%;
  }

  .md-offset-1 {
    margin-left: 8.3333333%;
  }

  .md-offset-1-half {
    margin-left: 12.49999995%;
  }

  .md-2 {
    width: 16.6666666%;
  }

  .md-2-half {
    width: 20.83333325%;
  }

  .md-offset-2 {
    margin-left: 16.6666666%;
  }

  .md-offset-2-half {
    margin-left: 20.83333325%;
  }

  .md-3 {
    width: 24.9999999%;
  }

  .md-3-half {
    width: 29.16666655%;
  }

  .md-offset-3 {
    margin-left: 24.9999999%;
  }

  .md-offset-3-half {
    margin-left: 29.16666655%;
  }

  .md-4 {
    width: 33.3333332%;
  }

  .md-4-half {
    width: 37.49999985%;
  }

  .md-offset-4 {
    margin-left: 33.3333332%;
  }

  .md-offset-4-half {
    margin-left: 37.49999985%;
  }

  .md-5 {
    width: 41.6666665%;
  }

  .md-5-half {
    width: 45.83333315%;
  }

  .md-offset-5 {
    margin-left: 41.6666665%;
  }

  .md-offset-5-half {
    margin-left: 45.83333315%;
  }

  .md-6 {
    width: 49.9999998%;
  }

  .md-6-half {
    width: 54.16666645%;
  }

  .md-offset-6 {
    margin-left: 49.9999998%;
  }

  .md-offset-6-half {
    margin-left: 54.16666645%;
  }

  .md-7 {
    width: 58.3333331%;
  }

  .md-7-half {
    width: 62.49999975%;
  }

  .md-offset-7 {
    margin-left: 58.3333331%;
  }

  .md-offset-7-half {
    margin-left: 62.49999975%;
  }

  .md-8 {
    width: 66.6666664%;
  }

  .md-8-half {
    width: 70.83333305%;
  }

  .md-offset-8 {
    margin-left: 66.6666664%;
  }

  .md-offset-8-half {
    margin-left: 70.83333305%;
  }

  .md-9 {
    width: 74.9999997%;
  }

  .md-9-half {
    width: 79.16666635%;
  }

  .md-offset-9 {
    margin-left: 74.9999997%;
  }

  .md-offset-9-half {
    margin-left: 79.16666635%;
  }

  .md-10 {
    width: 83.333333%;
  }

  .md-10-half {
    width: 87.49999965%;
  }

  .md-offset-10 {
    margin-left: 83.333333%;
  }

  .md-offset-10-half {
    margin-left: 87.49999965%;
  }

  .md-11 {
    width: 91.6666663%;
  }

  .md-11-half {
    width: 95.83333295%;
  }

  .md-offset-11 {
    margin-left: 91.6666663%;
  }

  .md-offset-11-half {
    margin-left: 95.83333295%;
  }

  .md-12 {
    width: 99.9999996%;
  }

  .md-12-half {
    width: 104.16666625%;
  }

  .md-offset-12 {
    margin-left: 99.9999996%;
  }

  .md-offset-12-half {
    margin-left: 104.16666625%;
  }

  .md-half {
    width: 4.16666665%;
  }

  .md-offset-0 {
    margin: 0;
  }

  .md-offset-half {
    margin-left: 4.16666665%;
  }
}
@media (min-width: 1200px) {
  .lg-1 {
    width: 8.3333333%;
  }

  .lg-1-half {
    width: 12.49999995%;
  }

  .lg-offset-1 {
    margin-left: 8.3333333%;
  }

  .lg-offset-1-half {
    margin-left: 12.49999995%;
  }

  .lg-2 {
    width: 16.6666666%;
  }

  .lg-2-half {
    width: 20.83333325%;
  }

  .lg-offset-2 {
    margin-left: 16.6666666%;
  }

  .lg-offset-2-half {
    margin-left: 20.83333325%;
  }

  .lg-3 {
    width: 24.9999999%;
  }

  .lg-3-half {
    width: 29.16666655%;
  }

  .lg-offset-3 {
    margin-left: 24.9999999%;
  }

  .lg-offset-3-half {
    margin-left: 29.16666655%;
  }

  .lg-4 {
    width: 33.3333332%;
  }

  .lg-4-half {
    width: 37.49999985%;
  }

  .lg-offset-4 {
    margin-left: 33.3333332%;
  }

  .lg-offset-4-half {
    margin-left: 37.49999985%;
  }

  .lg-5 {
    width: 41.6666665%;
  }

  .lg-5-half {
    width: 45.83333315%;
  }

  .lg-offset-5 {
    margin-left: 41.6666665%;
  }

  .lg-offset-5-half {
    margin-left: 45.83333315%;
  }

  .lg-6 {
    width: 49.9999998%;
  }

  .lg-6-half {
    width: 54.16666645%;
  }

  .lg-offset-6 {
    margin-left: 49.9999998%;
  }

  .lg-offset-6-half {
    margin-left: 54.16666645%;
  }

  .lg-7 {
    width: 58.3333331%;
  }

  .lg-7-half {
    width: 62.49999975%;
  }

  .lg-offset-7 {
    margin-left: 58.3333331%;
  }

  .lg-offset-7-half {
    margin-left: 62.49999975%;
  }

  .lg-8 {
    width: 66.6666664%;
  }

  .lg-8-half {
    width: 70.83333305%;
  }

  .lg-offset-8 {
    margin-left: 66.6666664%;
  }

  .lg-offset-8-half {
    margin-left: 70.83333305%;
  }

  .lg-9 {
    width: 74.9999997%;
  }

  .lg-9-half {
    width: 79.16666635%;
  }

  .lg-offset-9 {
    margin-left: 74.9999997%;
  }

  .lg-offset-9-half {
    margin-left: 79.16666635%;
  }

  .lg-10 {
    width: 83.333333%;
  }

  .lg-10-half {
    width: 87.49999965%;
  }

  .lg-offset-10 {
    margin-left: 83.333333%;
  }

  .lg-offset-10-half {
    margin-left: 87.49999965%;
  }

  .lg-11 {
    width: 91.6666663%;
  }

  .lg-11-half {
    width: 95.83333295%;
  }

  .lg-offset-11 {
    margin-left: 91.6666663%;
  }

  .lg-offset-11-half {
    margin-left: 95.83333295%;
  }

  .lg-12 {
    width: 99.9999996%;
  }

  .lg-12-half {
    width: 104.16666625%;
  }

  .lg-offset-12 {
    margin-left: 99.9999996%;
  }

  .lg-offset-12-half {
    margin-left: 104.16666625%;
  }

  .lg-half {
    width: 4.16666665%;
  }

  .lg-offset-0 {
    margin-left: 0;
  }

  .lg-offset-half {
    margin-left: 4.16666665%;
  }
}
.has-gutter {
  float: left;
  padding: 0 10px;
}

.row .row .has-gutter {
  padding: 0;
}

.ie8 .lg-1 {
  width: 8.3333333%;
}
.ie8 .lg-1-half {
  width: 12.49999995%;
}
.ie8 .lg-offset-1 {
  margin-left: 8.3333333%;
}
.ie8 .lg-offset-1-half {
  margin-left: 12.49999995%;
}
.ie8 .lg-2 {
  width: 16.6666666%;
}
.ie8 .lg-2-half {
  width: 20.83333325%;
}
.ie8 .lg-offset-2 {
  margin-left: 16.6666666%;
}
.ie8 .lg-offset-2-half {
  margin-left: 20.83333325%;
}
.ie8 .lg-3 {
  width: 24.9999999%;
}
.ie8 .lg-3-half {
  width: 29.16666655%;
}
.ie8 .lg-offset-3 {
  margin-left: 24.9999999%;
}
.ie8 .lg-offset-3-half {
  margin-left: 29.16666655%;
}
.ie8 .lg-4 {
  width: 33.3333332%;
}
.ie8 .lg-4-half {
  width: 37.49999985%;
}
.ie8 .lg-offset-4 {
  margin-left: 33.3333332%;
}
.ie8 .lg-offset-4-half {
  margin-left: 37.49999985%;
}
.ie8 .lg-5 {
  width: 41.6666665%;
}
.ie8 .lg-5-half {
  width: 45.83333315%;
}
.ie8 .lg-offset-5 {
  margin-left: 41.6666665%;
}
.ie8 .lg-offset-5-half {
  margin-left: 45.83333315%;
}
.ie8 .lg-6 {
  width: 49.9999998%;
}
.ie8 .lg-6-half {
  width: 54.16666645%;
}
.ie8 .lg-offset-6 {
  margin-left: 49.9999998%;
}
.ie8 .lg-offset-6-half {
  margin-left: 54.16666645%;
}
.ie8 .lg-7 {
  width: 58.3333331%;
}
.ie8 .lg-7-half {
  width: 62.49999975%;
}
.ie8 .lg-offset-7 {
  margin-left: 58.3333331%;
}
.ie8 .lg-offset-7-half {
  margin-left: 62.49999975%;
}
.ie8 .lg-8 {
  width: 66.6666664%;
}
.ie8 .lg-8-half {
  width: 70.83333305%;
}
.ie8 .lg-offset-8 {
  margin-left: 66.6666664%;
}
.ie8 .lg-offset-8-half {
  margin-left: 70.83333305%;
}
.ie8 .lg-9 {
  width: 74.9999997%;
}
.ie8 .lg-9-half {
  width: 79.16666635%;
}
.ie8 .lg-offset-9 {
  margin-left: 74.9999997%;
}
.ie8 .lg-offset-9-half {
  margin-left: 79.16666635%;
}
.ie8 .lg-10 {
  width: 83.333333%;
}
.ie8 .lg-10-half {
  width: 87.49999965%;
}
.ie8 .lg-offset-10 {
  margin-left: 83.333333%;
}
.ie8 .lg-offset-10-half {
  margin-left: 87.49999965%;
}
.ie8 .lg-11 {
  width: 91.6666663%;
}
.ie8 .lg-11-half {
  width: 95.83333295%;
}
.ie8 .lg-offset-11 {
  margin-left: 91.6666663%;
}
.ie8 .lg-offset-11-half {
  margin-left: 95.83333295%;
}
.ie8 .lg-12 {
  width: 99.9999996%;
}
.ie8 .lg-12-half {
  width: 104.16666625%;
}
.ie8 .lg-offset-12 {
  margin-left: 99.9999996%;
}
.ie8 .lg-offset-12-half {
  margin-left: 104.16666625%;
}
.ie8 .lg-half {
  width: 4.16666665%;
}
.ie8 .lg-offset-0 {
  margin-left: 0;
}
.ie8 .lg-offset-half {
  margin-left: 4.16666665%;
}

/* Web Font declarations:*/
/*tiempos (serif) font family */
@font-face {
  font-family: "tiempos";
  src: url("/fonts/tiempos-headline-light.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "tiempos";
  src: url("/fonts/tiempos-headline-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "tiempos";
  src: url("/fonts/tiempos-headline-medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "tiempos";
  src: url("/fonts/tiempos-headline-bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
}
/* TWKLausanne (sans-serif) font famil */
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-100.woff2") format("woff2");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-250.woff2") format("woff2");
  font-style: normal;
  font-weight: 250;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-250Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 250;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-300.woff2") format("woff2");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-300Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-400.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-400Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-450.woff2") format("woff2");
  font-style: normal;
  font-weight: 450;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-450Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 450;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-500.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-500Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-550.woff2") format("woff2");
  font-style: normal;
  font-weight: 550;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-600.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-700.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-700Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-950.woff2") format("woff2");
  font-style: normal;
  font-weight: 950;
}
@font-face {
  font-family: "TWKLausanne";
  src: url("/fonts/TWKLausanne-950Italic.woff2") format("woff2");
  font-style: italic;
  font-weight: 950;
}
/* Variables */
/* COLORS */
/* ZUM green section background option and button color rgb(129, 191, 84); */
/* Zum green button hover color */
/* Electric Yellow e.g. section background option */
/* e.g. text color, e.g. Stat numbers */
/* e.g. section background option and global text color */
/* e.g. text color, e.g. blurb in section headers, mission statement in footer  */
/* e.g. footer copyright, privacy links */
/* e.g. section background option */
/* e.g. text color, e.g. footer menu links, hover for CTA round buttons */
/* e.g. section background option */
/* e.g. section background option */
/* e.g. text over dark background, section background option */
/* e.g. form error messages*/
/*font families*/
/* default body font, color, text sizes and line-heights */
/* mobile size for body is only for certain elements e.g. Message bar text top */
/* mobile line height for body is only for certain elements e.g. Message bar text top */
/*mb = mobile size*/
/* e.g. mission statement, signup newsletter */
/* headlines text sizes and line-heights */
/* e.g. quote modules when no image*/
/* e.g. quote modules with image*/
/* Statistics */
/* Call to action links and buttons */
/* e.g. resources grid */
/* e.g. people zum art grid */
/* e.g. request demo */
/* main top and footer navigation */
/*TBD: maximum content width container */
/* top/bottom text margins */
/* left/right page gutters*/
/* Hero Tall Height desktop, tablet and mobile */
/* All Custom CSS  */
html {
  overflow-y: scroll;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  background: none repeat scroll 0% 0% #FFFFFF;
  padding: 0px;
  margin: 0px;
  color: #202C3C;
  font-family: "TWKLausanne", Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 350;
  font-style: normal;
  cursor: auto;
  text-align: left;
}

.row {
  width: 100%;
  position: relative;
}

a, a:visited, a:active, a:link {
  color: inherit;
  text-decoration: none;
}

a:hover, *:hover {
  transition: 0.2s;
}

p {
  margin: 30px 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

sub, sup {
  font-size: 67%;
}

sub {
  bottom: -0.18em;
}

h1, h2, h3, h4, h5, h6,
.hed1, .hed2, .hed3, .hed4, .hed5, .hed6,
.cta, .cta_sm, .cta_md, .cta_lg, .cta_button,
.body, .body_sm, .body_lg, .body_xlg {
  font-family: "TWKLausanne", Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding: 0;
  margin: 20px 0;
}
@media (min-width: 768px) {
  h1, h2, h3, h4, h5, h6,
.hed1, .hed2, .hed3, .hed4, .hed5, .hed6,
.cta, .cta_sm, .cta_md, .cta_lg, .cta_button,
.body, .body_sm, .body_lg, .body_xlg {
    margin: 30px 0;
  }
}

.body, .body_sm, .body_lg, .body_xlg {
  font-weight: 300;
}

h1, .hed1 {
  font-size: 43px;
  line-height: 52px;
  font-weight: 450;
  letter-spacing: -0.5px;
}
@media (min-width: 1200px) {
  h1, .hed1 {
    font-size: 74px;
    line-height: 85px;
  }
}

h2, .hed2 {
  font-size: 43px;
  line-height: 52px;
  font-weight: 450;
  letter-spacing: -0.5px;
}
@media (min-width: 1200px) {
  h2, .hed2 {
    font-size: 68px;
    line-height: 81px;
  }
}

.quote_content .hed2 {
  font-size: 26px;
  line-height: 31px;
  font-weight: 450;
}
@media (min-width: 1200px) {
  .quote_content .hed2 {
    font-size: 68px;
    line-height: 81px;
  }
}

h3, .hed3, blockquote {
  font-size: 26px;
  line-height: 31px;
  font-weight: 450;
  letter-spacing: -0.5px;
}
@media (min-width: 1200px) {
  h3, .hed3, blockquote {
    font-size: 42px;
    line-height: 50px;
  }
}

blockquote {
  background-color: #80BE53;
  margin: 30px 0;
  padding: 30px;
}
blockquote * {
  color: #202C3C !important;
}
@media (min-width: 768px) {
  blockquote {
    margin: 50px 0;
    padding: 70px;
  }
}

h4, .hed4 {
  font-size: 26px;
  line-height: 31px;
  font-weight: 450;
  letter-spacing: -0.5px;
}
@media (min-width: 1200px) {
  h4, .hed4 {
    font-size: 32px;
    line-height: 35px;
  }
}

h5, .hed5 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 450;
  letter-spacing: -0.5px;
}
@media (min-width: 1200px) {
  h5, .hed5 {
    font-size: 24px;
    line-height: 34px;
  }
}

h6, .hed6 {
  font-family: "tiempos", "Times New Roman", Times, serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 1px;
  font-weight: 300;
}

.hed6_sm {
  font-size: 16px;
  line-height: 24px;
}

.stats_hed {
  color: #0096FF;
  font-weight: 550;
  margin: 10px 0 16px 0 !important;
  font-size: 54px;
  line-height: 46px;
}
@media (min-width: 1200px) {
  .stats_hed {
    font-size: 68px;
    line-height: 46px;
  }
}

.stats_desc {
  font-size: 16px;
  line-height: 24px;
  color: #47617B;
  margin: 30px 0;
  margin-top: 0;
  font-weight: 400;
}

.body {
  font-size: 18px;
  line-height: 27px;
}

.body_sm {
  font-size: 16px;
  line-height: 24px;
}

.body_lg {
  font-size: 18px;
  line-height: 24px;
  font-weight: 250;
}
@media (min-width: 1200px) {
  .body_lg {
    font-size: 24px;
    line-height: 34px;
  }
}

.body_xlg {
  font-size: 32px;
  line-height: 38px;
}
@media (min-width: 1200px) {
  .body_xlg {
    font-size: 48px;
    line-height: 53px;
  }
}

/* cta and cta buttons */
.cta {
  position: relative;
  display: inline-block;
  width: auto;
  padding-right: 25px;
  font-weight: 500;
  margin-top: 0;
}

.cta:after {
  content: "";
  background: url("/assets/icons/arrow-dark.svg") no-repeat center center;
  background-size: 14px 14px;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 0;
  margin-top: 6px;
  padding: 0;
}

.cta:hover {
  opacity: 0.9;
}
.cta:hover::after {
  opacity: 0.9;
}

.cta_sm {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.cta_md {
  font-weight: 500;
  font-size: 20px;
  line-height: 22px;
}
@media (min-width: 1200px) {
  .cta_md {
    font-size: 24px;
    line-height: 27px;
  }
}

.cta_round {
  position: relative;
  display: inline-block;
  width: auto;
  text-align: left;
  padding-right: 50px;
}
@media (min-width: 1200px) {
  .cta_round {
    padding-right: 70px;
  }
}

.cta_round:after {
  content: "";
  background: url("/assets/icons/arrow-dark.svg") no-repeat center center;
  background-size: 18px 18px;
  background-color: white;
  padding: 20px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  bottom: 10%;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .cta_round:after {
    padding: 25px;
    bottom: 25%;
  }
}

.cta_round:hover::after {
  content: "";
  background: url("/assets/icons/arrow-dark.svg") no-repeat center center;
  background-size: 18px 18px;
  background-color: #E8E9E9;
  background-color: rgb(233, 233, 233);
}

.cta_lg_wrapper .module_space {
  padding-top: 30px;
  padding-bottom: 10px;
}
@media (min-width: 1200px) {
  .cta_lg_wrapper .module_space {
    padding-bottom: 30px;
  }
}
.cta_lg_wrapper .cta_lg_content {
  margin-top: 24px;
  gap: 20px;
  align-items: center;
}
@media (min-width: 1200px) {
  .cta_lg_wrapper .cta_lg_content {
    margin-top: 84px;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}
.cta_lg_wrapper .cta_lg_content .cta_lg {
  min-width: 100%;
}
@media (min-width: 1200px) {
  .cta_lg_wrapper .cta_lg_content .cta_lg {
    min-width: 600px;
  }
}
.cta_lg_wrapper .cta_lg_content .cta_app_btn {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .cta_lg_wrapper .cta_lg_content .cta_app_btn {
    margin-bottom: 0px;
  }
}

.cta_lg {
  position: relative;
  display: inline-block;
  width: auto;
  font-size: 43px;
  line-height: 47px;
  letter-spacing: -0.5px;
}
@media (min-width: 1200px) {
  .cta_lg {
    font-size: 103px;
    line-height: 114px;
  }
}

.cta_lg:after {
  top: 50%;
}

.cta_button, .cta_button:link, .loadmorebtn {
  border-radius: 50px;
  background: #80BE53;
  min-width: 196px;
  height: 40px;
  padding: 7px 20px;
  color: #202C3C !important;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: normal;
  text-align: center;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.cta_button span, .cta_button:link span, .loadmorebtn span {
  color: #202C3C !important;
}

.cta_button:hover {
  background: #65A23F;
}

.cta_button.green {
  background: #80BE53;
}

.cta_button.green:hover {
  background: #65A23F;
}

.cta_button.white, .bgzumgreen .cta_button {
  background: #FFFFFF;
}

.cta_button.white:hover, .bgzumgreen .cta_button:hover {
  background-color: #E8E9E9;
  background-color: rgb(233, 233, 233);
}

.loadmorebtn {
  background: none;
  border: solid 1px #202C3C;
  margin: auto;
  margin-bottom: 30px;
}

.loadmorebtn:hover {
  background-color: #E8E9E9;
}

button {
  border: none;
  border-radius: 50px;
  background-color: #80BE53;
  color: #202C3C;
}

button img {
  margin: 0 auto;
}

button:hover {
  background-color: #65A23F;
}

button.bgzumgreen:hover {
  background-color: #65A23F;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 0;
  display: block;
  image-rendering: -webkit-optimize-contrast;
}

.img-responsive {
  width: 100%;
  height: auto;
}

.wrapper {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.gutters {
  padding: 0 10px;
}

.nogutter_l {
  padding-left: 0 !important;
}

.nogutter_r {
  padding-right: 0 !important;
}

.nogutters {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.page-wrapper {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.page-gutters {
  padding-right: 10px;
  padding-left: 10px;
}
@media (min-width: 1200px) {
  .page-gutters {
    padding-right: 72px;
    padding-left: 72px;
  }
}

.page-wrapper_leftcol #main-content .page-gutters {
  padding-right: 0px;
  padding-left: 0px;
}

.section_wrapper {
  padding-top: 0.01em;
}

.section_space {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 1200px) {
  .section_space {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.module_space {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 1200px) {
  .module_space {
    padding-top: 46px;
    padding-bottom: 38px;
  }
}

.max-content-width {
  max-width: 100%;
}
@media (min-width: 768px) {
  .max-content-width {
    max-width: 1024px;
  }
}

/*text color options */
.txtzumgreen {
  color: #80BE53;
}

.txtyellow {
  color: #EAE23F;
}

.txtsky {
  color: #0096FF;
}

.txtdark {
  color: #202C3C;
}

.txtdenimblue {
  color: #47617B;
}

.txtcharcoal {
  color: #737C85;
}

.txtwhite {
  color: #FFFFFF;
}

/*background color options*/
.bgzumgreen {
  background-color: #80BE53;
}

.bgyellow {
  background-color: #EAE23F;
}

.bgcloud {
  background-color: #E1E9E6;
}

.bglightgray {
  background-color: #F0F4F2;
}

.bgmist {
  background-color: #F9FFFD;
}

.bgmist .module_headline p, .bgmist .module_headline li,
.bgcloud .module_content_headline p,
.bgcloud .module_content_headline li,
.bgmist .acc-content p,
.bgmist .acc-content li,
.bgcloud .acc-content p,
.bgcloud .acc-content li,
.bglightgray .acc-content p,
.bglightgray .acc-content li {
  color: #47617B;
}
.bgmist .module_headline .hed3 span,
.bgcloud .module_content_headline .hed3 span,
.bgmist .acc-content .hed3 span,
.bgcloud .acc-content .hed3 span,
.bglightgray .acc-content .hed3 span {
  color: #47617B;
}

.bgmist .acc-pannel *,
.bgcloud .acc-pannel *,
.bglightgray .acc-pannel * {
  color: #47617B;
}

.hed3 span {
  color: #47617B;
}

.bgmist .quote_info_text p {
  color: #47617B;
}

.bgwhite {
  background-color: #FFFFFF;
}

.bgdarkoxford {
  background-color: #202C3C;
}
.bgdarkoxford * {
  color: #FFFFFF;
}

.bgdenimblue {
  background-color: #47617B;
}
.bgdenimblue * {
  color: #FFFFFF;
}

.bgcharcoal {
  background-color: #737C85;
}
.bgcharcoal * {
  color: #FFFFFF;
}

.bgpatterns {
  background-image: url("/assets/bg-patterns1.png");
  background-repeat: repeat;
  background-position: top center;
  height: 100%;
  width: 98.2%;
  position: absolute;
  z-index: -1;
  bottom: 0;
  min-height: 200px;
}

.bgdiagonal {
  /*-moz-transform: skew(-35deg, 0deg);
  -webkit-transform: skew(-35deg, 0deg);
  -o-transform: skew(-35deg, 0deg);
  -ms-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg);
  background: linear-gradient(213.28deg, #E1E9E6 17.11%, #FFFFFF 108.83%);
  background-attachment: fixed;
  mix-blend-mode: multiply;
  opacity: 0.9;
  right: -100px;
  width: 530px; 
  */
  background-image: url("/assets/bg-diagonal1.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: bottom right;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: -1;
  bottom: 0;
  min-height: 600px;
}
.bgfixed {
  position: fixed;
}
@media (min-width: 768px) {
  .bgfixed {
    width: 700px;
    right: -100px;
  }
}
@media (min-width: 1200px) {
  .bgfixed {
    width: 900px;
    right: 0px;
  }
}

.flex_c {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.flex_w {
  display: flex;
  flex-wrap: wrap;
}

.flex_jc {
  justify-content: center;
}

.backsplash {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  z-index: 19;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(180deg, #202C3C 11.69%, rgba(32, 44, 60, 0) 86.39%);
  mix-blend-mode: multiply;
}

.backsplash_active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 200ms ease-in-out 0s;
}

/* site header / main menu */
.site-header {
  position: absolute;
  top: 0;
  z-index: 20;
  width: 100%;
  height: 66px;
}
@media (min-width: 1200px) {
  .site-header {
    height: 101px;
  }
}

.message_bar_activated .site-header {
  top: 50px;
}

.message_bar-wrap {
  background: #80BE53;
  padding: 0px;
  width: 100%;
  height: 50px;
  position: relative;
  z-index: 20;
}

.message_bar-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 14px;
  line-height: 17px;
}
.message_bar-text p {
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .message_bar-text {
    font-size: 18px;
    line-height: 27px;
  }
}

.message_bar-text a {
  font-weight: 950;
}

.message_bar-text a:hover {
  color: inherit;
}

.site-header_navbar {
  position: relative;
  color: #FFFFFF;
  width: 100%;
  height: 65px;
  /*mobile and tablet*/
}
@media (min-width: 1200px) {
  .site-header_navbar {
    height: 100px;
  }
}

.site-header_navbar_scroll {
  background: #202C3C;
  background: rgba(32, 44, 60, 0.8);
  position: absolute;
  top: 0;
}

.message_bar_activated .site-header_navbar_scroll {
  top: 0px;
}

.site-header-navbar_bg {
  background: #202C3C;
  background: rgba(32, 44, 60, 0.8);
}

.navbar_wrap {
  position: relative;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
.navbar_wrap .logo {
  z-index: 22;
  height: 65px;
  /*mobile and tablet*/
}
.navbar_wrap .logo img {
  width: auto;
  height: 32px;
}
@media (min-width: 1200px) {
  .navbar_wrap .logo {
    height: 100px;
  }
  .navbar_wrap .logo img {
    width: 100px;
    height: 46px;
  }
}
.navbar_wrap .main_menu {
  position: absolute;
  top: 0;
  right: 0;
  justify-content: center;
  width: 100%;
  height: 65px;
  /*mobile and tablet*/
}
@media (min-width: 1200px) {
  .navbar_wrap .main_menu {
    height: 100px;
  }
}
.navbar_wrap .navigation {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  margin-right: 50px;
}
@media (min-width: 1200px) {
  .navbar_wrap .navigation {
    height: 100px;
    align-items: center;
  }
}
.navbar_wrap .navigation li {
  position: relative;
}
.navbar_wrap .nav_item span {
  cursor: pointer;
}
.navbar_wrap .navigation a, .navbar_wrap .nav_item span {
  text-decoration: none;
  display: block;
  padding: 3em 36px 3em 0;
  color: white;
}
.navbar_wrap .navigation a:hover, .navbar_wrap .nav_item span:hover {
  opacity: 0.8;
}
@media (min-width: 1200px) {
  .navbar_wrap .menuitem_toplevel_active:after {
    content: "";
    background: white;
    background: rgba(255, 255, 255, 0.5);
    height: 1px;
    position: absolute;
    width: calc(100% - 36px);
    bottom: 40px;
    left: 0;
  }
}
.navbar_wrap .navigation a.on {
  color: #80BE53 !important;
}
.navbar_wrap .navigation_mobile {
  display: none;
}
.navbar_wrap .nav_dropdown {
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 100px;
  color: #FFFFFF;
  text-align: left;
  width: 210px;
  font-size: 16px;
  list-style: 16px;
  overflow: hidden;
}
.navbar_wrap .nav_dropdown ul {
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0 0 40px 0;
  display: block;
  border-top: 2px solid #80BE53;
}
.navbar_wrap .nav_dropdown li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
.navbar_wrap .nav_dropdown li a {
  padding: 10px 0 10px 0;
}
.navbar_wrap .nav_dropdown li a:after {
  content: "";
  background: url("/assets/icons/arrow-white.svg") no-repeat center center;
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  margin-top: 4px;
  opacity: 0.5;
}
.navbar_wrap .nav_dropdown li .a:hover {
  color: #E8E9E9;
}
.navbar_wrap .nav_dropdown_bg {
  position: absolute;
  width: 100%;
  width: 200vw;
  min-height: 190px;
  height: 100%;
  left: -100vw;
  right: 0px;
  top: 0px;
  z-index: -1;
  background: #202C3C;
  background: rgba(32, 44, 60, 0.8);
  overflow: hidden;
}
.navbar_wrap .nav_dropdown_active {
  visibility: visible;
}
.navbar_wrap .contact-search {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  height: 100px;
  text-align: right;
}
.navbar_wrap .contact-search .cta_button {
  margin-top: 0;
  margin-bottom: 0;
}
.navbar_wrap .contact-search .cta_button {
  background: rgba(255, 255, 255, 0.3);
}
.navbar_wrap .contact-search .cta_button span {
  color: #FFFFFF !important;
}
.navbar_wrap .contact-search .cta_button:hover {
  background: rgba(255, 255, 255, 0.35);
}
.navbar_wrap .contact-search .searchicon:hover {
  opacity: 0.8;
}
.navbar_wrap .contact-search div {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  padding: 0 0 0 24px;
}

.nav_dropdown_bg {
  visibility: hidden;
  position: relative;
  width: 100%;
  width: 100vw;
  height: 190px;
  left: 0vw;
  right: 0px;
  top: 0px;
  z-index: -1;
  background: #202C3C;
  background: rgba(32, 44, 60, 0.8);
  overflow: hidden;
}

.site-header-navbar_bg .nav_dropdown_bg {
  visibility: visible;
}

@media all and (max-width: 1200px) {
  .main_menu {
    display: none;
  }

  .navbar_wrap {
    font-weight: 300;
  }
  .navbar_wrap .navigation_mobile {
    display: flex;
    justify-content: right;
    list-style: none;
    margin: 0;
    width: 94%;
    z-index: 22;
  }
  .navbar_wrap .navigation_mobile .menuicon {
    background: none;
    border-radius: 0;
    min-width: 60px;
    height: 48px;
    text-align: right;
    padding-right: 0;
  }
  .navbar_wrap .navigation_mobile .menuicon:before {
    content: "";
    display: inline-block;
    background: url(/assets/icons/hamburger.svg) no-repeat center right;
    width: 26px;
    height: 19px;
    vertical-align: middle;
    transition: 0.2s;
  }
  .navbar_wrap .navigation_mobile .menuicon-close:before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 19px;
    vertical-align: middle;
    background: url(/assets/icons/close-white.svg) no-repeat center right;
  }

  .menu-open .navbar_wrap .navigation_mobile .menuicon:before {
    content: "";
    display: inline-block;
    width: 26px;
    height: 19px;
    vertical-align: middle;
    background: url(/assets/icons/close-white.svg) no-repeat center right;
  }

  .menu-open body {
    overflow: hidden !important;
    height: 100% !important;
  }
  .menu-open .site-header {
    background-color: #202C3C;
    height: 100vh;
    position: fixed;
  }
  .menu-open .site-header_navbar {
    background: #202C3C;
  }
  .menu-open .navbar_wrap {
    border-bottom: none;
  }
  .menu-open .navbar_wrap .main_menu {
    display: block;
    position: absolute;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    flex-direction: unset;
    top: 65px;
    left: -20px;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  .menu-open .navbar_wrap .contact-search {
    position: relative;
    text-align: left;
    background: none;
    width: 100%;
    height: auto;
    padding-bottom: 50px;
  }
  .menu-open .navbar_wrap .contact-search a {
    border-top: solid 1px #D7DCDF;
    background: none !important;
    background-color: none;
    border-radius: 0;
    padding: 0;
    text-align: left;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    color: #C3CBCF !important;
    width: 100%;
    padding: 10px 36px 10px 0;
  }
  .menu-open .navbar_wrap .contact-search a:after {
    content: "";
    background: url("/assets/icons/arrow-light.svg") no-repeat center center;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 20px;
    margin-top: 8px;
    opacity: 0.5;
  }
  .menu-open .navbar_wrap .contact-search a span {
    color: #C3CBCF !important;
  }
  .menu-open .navbar_wrap .contact-search div {
    display: block;
    flex-flow: initial;
    justify-content: left;
    padding: 0 20px 0 20px;
    width: 100%;
    background: none;
  }
  .menu-open .navbar_wrap .navigation {
    position: relative;
    display: block;
    flex-flow: initial;
    justify-content: left;
    margin-top: 50px;
    margin-left: -20px;
    margin-right: 20px;
    color: #C3CBCF;
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
  }
  .menu-open .navbar_wrap .navigation .nav_item {
    border-top: solid 1px #D7DCDF;
  }
  .menu-open .navbar_wrap .navigation .menuitem_toplevel {
    color: #C3CBCF;
    padding: 10px 36px 10px 0;
  }
  .menu-open .navbar_wrap .navigation .menuitem_toplevel:after {
    content: "";
    background: url("/assets/icons/button-open-light.svg") no-repeat center center;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    margin-top: 8px;
    opacity: 0.5;
  }
  .menu-open .navbar_wrap .navigation .menuitem_toplevel.on:after {
    content: "";
    background: url("/assets/icons/button-close-x-light.svg") no-repeat center center;
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
  }
  .menu-open .navbar_wrap .a:hover {
    color: #E8E9E9;
  }
  .menu-open .navbar_wrap .nav_dropdown_active {
    position: relative;
    top: 0;
  }
  .menu-open .navbar_wrap .nav_dropdown {
    width: 100%;
    padding-right: 20px;
    font-size: 15px;
    line-height: 22px;
    padding: 0 20px;
  }
  .menu-open .navbar_wrap .nav_dropdown ul {
    padding-bottom: 20px;
    border-top: none;
  }
  .menu-open .navbar_wrap .nav_dropdown li a {
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .menu-open .navbar_wrap .nav_dropdown li {
    border: none;
  }
  .menu-open .navbar_wrap .nav_dropdown li a:after {
    background: none;
  }
}
.site-header_navbar_scroll .navbar_wrap,
.site-header-navbar_bg .navbar_wrap {
  border: none;
}

/* Page content / module styles */
/* Hero Fullscreen */
#top-of-page {
  position: relative;
  z-index: 2;
  min-height: 600px;
  overflow: hidden;
}
@media (min-width: 768px) {
  #top-of-page {
    min-height: 550px;
  }
}
@media screen and (max-height: 480px) {
  #top-of-page {
    min-height: 400px;
  }
}

.top-of-page_fullscreen {
  height: 100%;
  height: 100vh;
  height: calc(100vh - 50px);
  /* set heigth to below if they want the Trust bar needs to be visible above browser chrome */
  max-height: 600px;
}
@media (min-width: 768px) {
  .top-of-page_fullscreen {
    max-height: 600px;
  }
}
@media (min-width: 1200px) {
  .top-of-page_fullscreen {
    max-height: inherit;
  }
}
@media screen and (max-height: 480px) {
  .top-of-page_fullscreen {
    max-height: 400px;
  }
}

.top-of-page_fullwidth_tall {
  height: 100%;
  height: 100vh;
  height: calc(100vh - 50px);
  max-height: 600px;
}
@media (min-width: 768px) {
  .top-of-page_fullwidth_tall {
    max-height: 600px;
  }
}
@media (min-width: 1200px) {
  .top-of-page_fullwidth_tall {
    max-height: 850px;
  }
}
@media screen and (max-height: 480px) {
  .top-of-page_fullwidth_tall {
    max-height: 500px;
  }
}

#top-of-page.top-of-page_noimage {
  min-height: 200px;
  height: auto;
}
@media (min-width: 1200px) {
  #top-of-page.top-of-page_noimage {
    min-height: 380px;
  }
}

.hero-background-contain {
  position: relative;
  height: 100vh;
  z-index: -1;
}

.top-of-page_fullwidth_tall .hero-background-contain {
  max-height: 600px;
}
@media (min-width: 768px) {
  .top-of-page_fullwidth_tall .hero-background-contain {
    max-height: 600px;
  }
}
@media (min-width: 1200px) {
  .top-of-page_fullwidth_tall .hero-background-contain {
    max-height: 850px;
  }
}

.hero-background .video iframe {
  width: 100vw;
  height: 56.25vw;
  /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh;
  /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hero-background {
  width: 100%;
  height: 100%;
  background-position: center center;
  /* right top */
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: -1;
  bottom: 0;
  display: block;
}

.hero-background-contain .hero-background {
  background-position: center center;
}

.hero_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.hero-overlay_dark .hero-background {
  mix-blend-mode: multiply;
}
.hero-overlay_dark .hero-background-overlay1 {
  background: #202C3C;
  mix-blend-mode: multiply;
  opacity: 0.3;
}
.hero-overlay_dark .hero-background-overlay2 {
  background: linear-gradient(110.26deg, #202C3C -11.83%, rgba(32, 44, 60, 0) 92.24%);
  mix-blend-mode: multiply;
  opacity: 0.4;
}

.hero-overlay_light .hero-background {
  mix-blend-mode: multiply;
}
.hero-overlay_light .hero-background-overlay1 {
  background: none;
  mix-blend-mode: normal;
  opacity: 0;
}
.hero-overlay_light .hero-background-overlay2 {
  background: linear-gradient(187.64deg, #202C3C -2.66%, rgba(32, 44, 60, 0) 49.54%);
  mix-blend-mode: multiply;
  opacity: 0.2;
}

.hero-text-wrapper {
  width: 100%;
  position: absolute;
  top: 150px;
}
@media (min-width: 768px) {
  .hero-text-wrapper {
    top: calc(50% + 50px);
    transform: translateY(-55%);
  }
}
@media screen and (max-height: 480px) {
  .hero-text-wrapper {
    top: 100px;
    transform: none;
  }
}

.hero-text {
  position: relative;
  color: #FFFFFF;
  width: 100%;
  /* removes line-breaks for mobile only to give more room for text */
}
.hero-text p {
  color: #E1E9E6;
  max-width: 650px;
}
.hero-text br {
  content: "";
}
.hero-text br:after {
  content: " ";
}
@media (min-width: 1200px) {
  .hero-text br {
    display: block;
  }
}

.top-of-page_noimage .hero-text-wrapper {
  top: 0;
  margin-top: 70px;
  margin-bottom: 10px;
  transform: none;
  position: relative;
}
@media (min-width: 1200px) {
  .top-of-page_noimage .hero-text-wrapper {
    margin-top: 120px;
  }
}
@media screen and (max-height: 480px) {
  .top-of-page_noimage .hero-text-wrapper {
    top: 0px;
  }
}
.top-of-page_noimage .hero-text {
  max-width: 100%;
  max-height: 300px;
}
.top-of-page_noimage .hero-text .hed1 {
  color: #EAE23F;
  font-size: 43px;
  line-height: 52px;
}
@media (min-width: 768px) {
  .top-of-page_noimage .hero-text {
    max-width: 900px;
  }
}
@media (min-width: 1200px) {
  .top-of-page_noimage .hero-text {
    max-width: 1200px;
    max-height: 275px;
  }
  .top-of-page_noimage .hero-text .hed1 {
    font-size: 68px;
    line-height: 81px;
  }
}

#top-of-page.bgzumgreen .hero-text * {
  color: #202C3C;
}

.hero-image {
  width: 100%;
  text-align: right;
}

.hero-image img {
  max-height: 500px;
  width: auto;
  display: inline;
}

.hero-text_mobile {
  padding-top: 1px;
  padding-bottom: 1px;
}

.hero-text_mobile.border_bottom_active {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Left nav template */
#leftcol-content {
  padding-top: 50px;
  padding-bottom: 0px;
}
#leftcol-content ul.alinks, #leftcol-content li {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
#leftcol-content ul {
  border-top: dotted 1px #202C3C;
}
#leftcol-content li {
  padding: 10px 0;
  border-bottom: dotted 1px #202C3C;
}
#leftcol-content ul.alinks a:hover {
  opacity: 0.8;
}
@media (min-width: 768px) {
  #leftcol-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/* main page content */
#main-content {
  position: relative;
  z-index: 2;
}

/* Webinar */
.featured-webinar-image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1276/760;
  -o-object-position: center center;
     object-position: center center;
}
@media (min-width: 768px) {
  .featured-webinar-image img {
    max-height: 760px;
  }
}

.grid_webinar {
  overflow: hidden;
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .grid_webinar {
    margin-bottom: 80px;
  }
}

.grid_webinar .grid-item {
  margin-top: 20px;
  margin-bottom: 20px;
}

.grid_webinar p {
  color: #47617B;
}

.grid_webinar strong {
  color: #202C3C;
}

.nivo-lightbox-content {
  max-height: 600px;
}

/* Case Study */
.casestudy_headline_wrapper {
  position: relative;
}

.casestudy_details {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .casestudy_details {
    margin-top: 20px;
  }
}
.casestudy_details .location_icon {
  width: 80px;
  text-align: center;
}
.casestudy_details img {
  margin: 0 auto;
}
.casestudy_details div {
  margin: 10px 0;
  color: #47617B;
  z-index: 3;
}

.casestudy_logo_overlay {
  border-radius: 50%;
  position: relative;
  width: 120px;
  height: 120px;
  left: 0;
}
@media (min-width: 768px) {
  .casestudy_logo_overlay {
    position: absolute;
    width: 100px;
    height: 100px;
    margin-top: -120px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (min-width: 1200px) {
  .casestudy_logo_overlay {
    position: absolute;
    width: 181px;
    height: 181px;
    margin-top: -160px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.casestudy_logo_overlay img {
  text-align: center;
  position: relative;
  bottom: 50%;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
  max-width: 80px;
  max-height: 80px;
}
@media (min-width: 1200px) {
  .casestudy_logo_overlay img {
    max-width: 122px;
    max-height: 122px;
  }
}

/* Grid texts */
.gridtxt {
  padding-right: 30px;
}
.gridtxt * {
  margin: 0 0 10px 0;
}
.gridtxt .cta {
  margin: 0;
}
.gridtxt p {
  position: relative;
  margin-bottom: 0;
  margin-top: 15px;
}
@media (min-width: 1200px) {
  .gridtxt {
    padding-right: 50px;
  }
}

.content-grid-display .gridtxt {
  padding-right: 0;
  margin-bottom: 25px;
}
@media (min-width: 768px) {
  .content-grid-display .gridtxt {
    padding-right: 10px;
    margin-bottom: 0px;
  }
}
@media (min-width: 1200px) {
  .content-grid-display .gridtxt {
    padding-right: 50px;
  }
}

/* Press */
#press-grid-parent .grid-item {
  margin-bottom: 20px;
  display: flex;
}

#press-grid-parent .grid-item a {
  background-color: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
@media (min-width: 1200px) {
  #press-grid-parent .grid-item a {
    min-height: 342px;
  }
}

#press-grid-parent .grid-item .gridtxt {
  padding: 30px;
  line-height: 40px;
}

.posts_morebtns {
  padding-bottom: 50px;
}

/* Blog */
.featured-blog-image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1276/650;
  -o-object-position: center center;
     object-position: center center;
}
@media (min-width: 768px) {
  .featured-blog-image img {
    max-height: 650px;
  }
}

.featured-blog {
  padding: 30px 30px 30px 30px;
  max-width: 900px;
}
.featured-blog h2 {
  font-size: 26px;
  line-height: 31px;
}
@media (min-width: 1200px) {
  .featured-blog {
    padding: 50px 42px 42px 42px;
  }
  .featured-blog h2 {
    font-size: 68px;
    line-height: 81px;
  }
}

.featured-blog .excerpt {
  margin-bottom: 0;
  color: #47617B;
}

.featured-blog .cta {
  margin-top: 0;
}

.blog_feature2 {
  margin-bottom: 20px;
}

.blog_feature2 .module_space {
  padding: 30px;
}
@media (min-width: 1200px) {
  .blog_feature2 .module_space {
    padding: 60px 30px 60px 60px;
  }
}

.blog_feature2_img_container {
  height: 450px;
  position: relative;
}

.blog_feature2 img {
  -o-object-position: center;
     object-position: center;
  overflow: hidden;
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
@media (min-width: 1200px) {
  .blog_feature2 img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 450px;
  }
}

#blog-grid-parent .grid-item {
  margin-bottom: 20px;
  display: flex;
}

#blog-grid-parent .grid-item a {
  background-color: #F9FFFD;
}

#blog-grid-parent .gridimg {
  height: 285px;
  position: relative;
}

#blog-grid-parent .gridimg img {
  height: 285px;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  overflow: hidden;
}

#blog-grid-parent .grid-item .gridtxt {
  padding: 0 30px 30px 30px;
}

#blog-grid-parent .grid-item .gridtxt p {
  color: #47617B;
}

.blog-gridimg_overlay {
  position: relative;
}
.blog-gridimg_overlay img {
  position: absolute;
  right: 20px;
  margin-top: -55px;
  width: 125px;
  height: auto;
}
@media (min-width: 1200px) {
  .blog-gridimg_overlay img {
    right: 28px;
    margin-top: -65px;
    width: 169px;
    height: auto;
  }
}

.label_overlay {
  border-radius: 50%;
  position: absolute;
  left: 22px;
  color: #202C3C;
  width: 90px;
  height: 90px;
  margin-top: -50px;
}
@media (min-width: 1200px) {
  .label_overlay {
    left: 42px;
    width: 183px;
    height: 183px;
    margin-top: -100px;
  }
}
.label_overlay div {
  text-align: center;
  position: relative;
  bottom: 50%;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0px;
  margin-bottom: 0px;
}

.sharethis {
  text-align: right;
  margin: 30px 0;
  margin-bottom: 0;
  color: #737C85;
  font-weight: 600;
  font-size: 16px;
  line-height: 34px;
  display: flex;
}
@media (min-width: 768px) {
  .sharethis {
    justify-content: end;
  }
}
.sharethis .sharethis_txt {
  margin-right: 10px;
}
.sharethis .addtoany_shortcode a {
  margin-left: 20px;
}
@media (min-width: 768px) {
  .sharethis .addtoany_shortcode a {
    margin-left: 40px;
  }
}

.byline_info {
  display: flex;
  align-items: flex-start;
  height: 60px;
}
.byline_info img {
  display: flex;
  align-items: flex-start;
  margin-right: 20px;
  width: 60px;
  height: auto;
}
.byline_info .byline {
  color: #737C85;
  font-weight: 450;
  align-self: center;
  height: 50px;
  margin-bottom: 0;
}

.pagination {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .pagination {
    flex-wrap: nowrap;
    flex-direction: row;
  }
}
.pagination .previous span, .pagination .next span {
  display: block;
  color: #202C3C;
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
}
.pagination .previous a, .pagination .next a {
  font-size: 18px;
  list-style: 28px;
  color: #737C85;
  font-weight: 600;
}
.pagination .previous, .pagination .next {
  width: 100%;
  text-align: left;
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .pagination .previous, .pagination .next {
    width: 48%;
    max-width: 320px;
  }
}
@media (min-width: 768px) {
  .pagination .next {
    text-align: right;
  }
}

/* Module: Trust bar */
.trust_bar {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .trust_bar {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.trust_bar_logo_container {
  position: relative;
  width: 100%;
  display: inline-flex;
  margin: 0;
  text-align: center;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
}
.trust_bar_logo {
  position: relative;
  display: block;
  margin: 0 10px;
  padding: 20px 0 0 0;
  width: 43%;
}
@media (min-width: 1200px) {
  .trust_bar_logo {
    padding: 20px 0;
  }
}
.trust_bar_logo img {
  vertical-align: bottom;
  margin: 0 auto;
  max-width: 140px;
  height: auto;
  width: 100%;
  image-rendering: auto;
}
@media (min-width: 768px) {
  .trust_bar_logo {
    flex: 1 0 22%;
  }
  .trust_bar_logo img {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: auto;
  }
}
.trust_bar_logo div {
  margin-bottom: 0;
}

.trust_bar_logo div:before {
  content: "";
  background: #202C3C;
  background: rgba(32, 44, 60, 0.5);
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  margin-top: -10px;
}

.trust_bar_logo_desc {
  color: #47617B;
  font-weight: 400;
}

/* image button overlay module */
.image_button_overlay_wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .image_button_overlay_wrapper {
    background-image: url("/assets/patterns-2-col-image.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 95%;
    height: 100%;
    width: 100%;
    padding-top: 34px;
    padding-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .image_button_overlay_wrapper {
    padding-top: 50px;
    padding-bottom: 90px;
  }
}

.image_button_overlay_wrapper .grid-content {
  position: relative;
}

.image_button_overlay_wrapper .gridimg {
  position: relative;
  z-index: 1;
}

.image_button_overlay_bg {
  position: absolute;
  background: rgba(32, 44, 60, 0.4);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.image_button_overlay_wrapper .overlaytxt {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  text-align: center;
}
.image_button_overlay_wrapper .overlaytxt * {
  color: white;
}
.image_button_overlay_wrapper .overlaytxt .cta_button {
  margin-left: auto;
  margin-right: auto;
  color: #202C3C;
  z-index: 2;
}

/* Module: Carousel / Grid */
.carousel_wrapper {
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}

.carouselnav {
  margin-top: 25px;
  margin-bottom: 25px;
}

.content-carousel-nav {
  text-align: center;
}

.carousel_wrapper .slick-list {
  padding-bottom: 30px;
}

.carousel_wrapper .slick-dots {
  bottom: 0;
}

.carousel_noimage .slick-slide {
  background-color: #FFFFFF;
  border-top: solid 19px #80BE53;
  padding: 30px;
}
@media (min-width: 1200px) {
  .carousel_noimage .slick-slide {
    margin-bottom: 40px;
  }
}

.grid_noimage .gridtxt {
  background-color: #FFFFFF;
  border-top: solid 19px #80BE53;
  padding: 30px;
  margin-bottom: 25px;
}

.carousel_noimage .gridtxt {
  padding-right: 0;
}

.carousel_wrapper .slick-track {
  display: flex;
}
.carousel_wrapper .slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: baseline;
  justify-content: left;
  margin: 0 10px;
}

.content-grid-art {
  padding-top: 20px;
}

.content-grid-art .grid-content {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .content-grid-art .grid-content {
    margin-bottom: 0px;
  }
}

.content-grid-art {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  .content-grid-art {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .content-grid-art {
    margin-bottom: 100px;
  }
}

.hover-block {
  position: static;
  display: block;
  max-width: 100%;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}

.gridimg {
  overflow: hidden;
  margin: 0;
  margin-bottom: 25px;
  padding: 0;
  line-height: 0;
}

.gridimg img {
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 628/435;
  -o-object-position: center center;
     object-position: center center;
}

.hover-block:hover .gridtxt {
  opacity: 0.8;
}

.hover-block:hover .gridimg img {
  transform: scale(1.05);
  overflow: hidden;
}

.content-grid-art .gridimg {
  margin-bottom: 0;
  aspect-ratio: 412/270;
}

.content-grid-art .gridtxt {
  min-height: 45px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-top: solid 1px #F9FFFD;
  display: block;
}
@media (min-width: 1200px) {
  .content-grid-art .gridtxt {
    min-height: 65px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.grid_list {
  display: inline-flex;
  flex-wrap: wrap;
  margin: -20px 0 0 -20px;
  width: calc(100% + 20px);
  padding-top: 15px;
}

.gridblock {
  position: relative;
  padding: 20px 0;
  max-width: 99%;
  margin: 0 0 0 20px;
}

.grid1col .gridblock {
  flex: 1 1 99%;
  flex-wrap: nowrap;
}

.grid2col .gridblock {
  flex: 1 1 99%;
  flex-wrap: nowrap;
}
@media (min-width: 768px) {
  .grid2col .gridblock {
    flex: 1 1 47%;
    max-width: 49%;
    flex-wrap: nowrap;
  }
}

.grid3col .gridblock {
  flex: 1 1 100%;
  flex-wrap: nowrap;
}
@media (min-width: 768px) {
  .grid3col .gridblock {
    flex: 1 1 30%;
    max-width: 33%;
    flex-wrap: nowrap;
  }
}

.grid_list .list_hed {
  /* removes line-breaks for mobile only to give more room for text */
}
.grid_list .list_hed br {
  content: "";
}
.grid_list .list_hed br:after {
  content: " ";
}
@media (min-width: 1200px) {
  .grid_list .list_hed br {
    display: block;
  }
}

.grid_list .list_content p {
  margin-top: 0;
  margin-bottom: 0;
}
.grid_list .list_content .list_hed {
  margin-top: 0;
  margin-bottom: 0;
}

.grid_list .gridblock:before {
  content: "";
  background: #202C3C;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
}

.grid_list .gridblock .grid_icon {
  margin-right: 30px;
}

.grid_list.check_list .grid_icon {
  align-items: baseline;
}

.checklist2575 {
  margin: 0 !important;
}

.checklist2575 .gridblock {
  padding: 20px 0;
}

.checklist2575 .gridblock:first-child {
  padding-top: 15px;
}

.checklist2575 .gridblock:last-child {
  padding-bottom: 10px;
}

.checklist2575 .list_hed {
  margin-top: 8px;
}

.checklist2575 .grid_list .gridblock:first-child:before {
  content: "";
  display: none;
}

.checklist2575 .border_top_list {
  border-top: 2px solid #202C3C;
  margin-top: 10px;
  padding-top: 10px;
}

/* Jump to */
.jumpto {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}

@media (min-width: 1200px) {
  .jumpto {
    top: -100px;
  }
}
@media (max-width: 1199px) {
  .jumpto {
    top: -65px;
  }
}
/* Module: Accordion */
.acc-content {
  margin-top: 50px;
  margin-bottom: 50px;
}
.acc-content .acc-group {
  border-top: solid 1px #202C3C;
}
.acc-content button {
  display: block;
  background: none;
  border-radius: 0;
  width: 100%;
  text-align: left;
  height: auto;
  padding: 20px 0;
  padding-right: 60px;
  margin: 0;
  border-bottom: solid 1px #202C3C;
  position: relative;
}
@media (min-width: 1200px) {
  .acc-content button {
    padding: 35px 0;
    padding-right: 75px;
  }
}
.acc-content button:after {
  content: " ";
  position: absolute;
  right: 0px;
  background: url(/assets/icons/button-open.svg) no-repeat center right;
  background-size: 45px;
  width: 45px;
  height: 45px;
  bottom: 50%;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1200px) {
  .acc-content button:after {
    background-size: 65px;
    width: 65px;
    height: 65px;
  }
}
.acc-content button.tab-open:after {
  background: url(/assets/icons/button-close.svg) no-repeat center right;
  background-size: 45px;
}
@media (min-width: 1200px) {
  .acc-content button.tab-open:after {
    background-size: 65px;
  }
}
.acc-content button:hover {
  opacity: 0.8;
}
.acc-content .acc-tab button.tab-open {
  border-bottom: none;
}
.acc-content .acc-pannel.tab-open {
  display: block;
  border-bottom: solid 1px #202C3C;
}

/* Module: Ticker */
/* remove when certain we won't use slick track ticker
.ticker_logos .slick-track {
    display: flex;
}

.ticker_logos.slick-initialized .slick-slide {
    display: flex; 
}

.ticker_logos .slick-slide {
    background-color: #ffff;
    height: 190px;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
}

.ticker_logos {
    overflow: hidden;    
}
.ticker_logos_temp {
    overflow: hidden;    
}
.ticker_logo_temp {
    background-color: #A1CF7F;
    width: 300px;
    height: 190px;
    text-align: center;
    margin: 0 10px;
    flex:none;
}
.ticker_logo_temp img {
    margin: auto;
}
*/
/* Ticker: Pure CSS */
.ticker-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
}

.bgcloud .ticker-overlay {
  background: linear-gradient(90deg, rgb(225, 233, 230) 6%, rgba(225, 233, 230, 0) 9%, rgba(225, 233, 230, 0) 91%, rgb(225, 233, 230) 94%);
}

.bglightgray .ticker-overlay {
  background: linear-gradient(90deg, rgb(240, 244, 242) 6%, rgba(240, 244, 242, 0) 9%, rgba(240, 244, 242, 0) 91%, rgb(240, 244, 242) 94%);
}

.bgmist .ticker-overlay {
  background: linear-gradient(90deg, rgb(249, 255, 253) 6%, rgba(249, 255, 253, 0) 9%, rgba(249, 255, 253, 0) 91%, rgb(249, 255, 253) 94%);
}

.bgzumgreen .ticker-overlay {
  background: linear-gradient(90deg, rgb(129, 191, 84) 6%, rgba(129, 191, 84, 0) 9%, rgba(129, 191, 84, 0) 91%, rgb(129, 191, 84) 94%);
}

.bgyellow .ticker-overlay {
  background: linear-gradient(90deg, rgb(234, 226, 63) 6%, rgba(234, 226, 63, 0) 9%, rgba(234, 226, 63, 0) 91%, rgb(234, 226, 63) 94%);
}

.img-ticker {
  -webkit-animation: ticker-kf 18s linear infinite;
          animation: ticker-kf 18s linear infinite;
}

.w-64 {
  width: 16rem;
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.flex {
  display: flex;
}

.flex-none {
  flex: none;
}

.overflow-hidden {
  overflow: hidden;
}

.img-ticker img {
  width: 18rem;
  height: 190px;
  background-color: #FFFFFF;
  -o-object-fit: none;
     object-fit: none;
}

/* Module: Slideshow */
.slideshow-wrapper .slick-dots {
  max-width: 1420px;
  padding: 0 72px;
  list-style-type: none;
  margin: 0;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1200px) {
  .slideshow-wrapper .slick-dots {
    bottom: 40px;
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
  }
}
.slideshow-wrapper .slick-dots li {
  width: 20px;
  height: 10px;
  display: inline-block;
  padding: 0 5px;
  margin: 0;
}
@media (min-width: 1200px) {
  .slideshow-wrapper .slick-dots li {
    width: 33%;
    height: auto;
    display: flex;
    justify-content: space-between;
    padding: 0;
  }
}
.slideshow-wrapper .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  color: transparent;
  opacity: 0.5;
  border: none;
  background: white;
  border-radius: 50%;
}
.slideshow-wrapper .slick-dots li button:before {
  content: none;
}
@media (min-width: 1200px) {
  .slideshow-wrapper .slick-dots li button {
    background: none;
    border: none;
    border-bottom: solid 1px #FFFFFF;
    border-radius: 0;
    width: 100%;
    height: 90px;
    padding: 0 0 10px 0;
    font-size: 24px;
    line-height: 34px;
    color: #FFFFFF;
    text-align: left;
  }
}
.slideshow-wrapper .slick-dots li button:hover {
  opacity: 1;
}
@media (min-width: 1200px) {
  .slideshow-wrapper .slick-dots li button:hover {
    background: none;
    border-bottom: solid 1px #FFFFFF;
  }
}
.slideshow-wrapper .slick-dots li.slick-active button {
  opacity: 1;
  background: white;
}
@media (min-width: 1200px) {
  .slideshow-wrapper .slick-dots li.slick-active button {
    background: none;
    border-bottom: solid 2px #80BE53;
  }
}

.slideshow-wrapper.slick-dotted.slick-slider {
  margin-bottom: 0px;
  margin-top: 0px;
}

.slideshow-wrapper .slick-slide img {
  width: 100%;
  width: 100vw;
  height: 550px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  mix-blend-mode: normal;
  position: absolute;
  z-index: -1;
  top: 0;
  display: block;
}
@media (min-width: 1200px) {
  .slideshow-wrapper .slick-slide img {
    height: 798px;
  }
}

.slideshow-wrapper {
  position: relative;
  z-index: 2;
  height: 550px;
  width: 100%;
  background-color: #47617B;
  overflow: hidden;
}
.slideshow-wrapper * {
  color: white !important;
}
@media (min-width: 1200px) {
  .slideshow-wrapper {
    height: 798px;
  }
}

.slideshow-img {
  width: 100%;
  width: 100vw;
  height: 550px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  mix-blend-mode: normal;
  position: absolute;
  z-index: -1;
  top: 0;
  display: block;
}
@media (min-width: 1200px) {
  .slideshow-img {
    height: 798px;
  }
}

.slideshow-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: #47617B;
  mix-blend-mode: multiply;
  opacity: 0.2;
  z-index: -1;
}

.slideshow-content-wrapper {
  padding-top: 60px;
  position: relative;
  height: 550px;
}
@media (min-width: 1200px) {
  .slideshow-content-wrapper {
    height: 798px;
    padding-top: 100px;
  }
}

.slideshow-content {
  position: relative;
}

.slideshow-buttons-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 20px;
}
@media (min-width: 1200px) {
  .slideshow-buttons-wrapper {
    bottom: 20px;
  }
}

.slideshow-buttons {
  justify-content: center;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}
@media (min-width: 1200px) {
  .slideshow-buttons {
    justify-content: space-between;
    gap: 0;
  }
}
.slideshow-buttons .slideshow-button {
  height: 30px;
  width: 30px;
}
@media (min-width: 1200px) {
  .slideshow-buttons .slideshow-button {
    width: 32%;
    height: 90px;
  }
}
.slideshow-buttons .slideshow-button button {
  background: none;
  border: none;
  color: #FFFFFF;
  text-align: left;
  display: block;
  border-bottom: solid 5px #FFFFFF;
  border-radius: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
@media (min-width: 1200px) {
  .slideshow-buttons .slideshow-button button {
    border-bottom: solid 2px #FFFFFF;
  }
}
.slideshow-buttons .slideshow-button.on button {
  border-bottom: solid 5px #80BE53;
  opacity: 1;
}
@media (min-width: 1200px) {
  .slideshow-buttons .slideshow-button.on button {
    border-bottom: solid 2px #FFFFFF;
  }
}
.slideshow-buttons .slideshow-button:hover button {
  border-bottom: solid 5px #80BE53;
  opacity: 1;
}
@media (min-width: 1200px) {
  .slideshow-buttons .slideshow-button:hover button {
    border-bottom: solid 2px #FFFFFF;
  }
}
.slideshow-buttons .slideshow-button button span {
  display: none;
  /*hide button text on mobile */
}
@media (min-width: 1200px) {
  .slideshow-buttons .slideshow-button button span {
    display: block;
  }
}

/* Module global settings */
.txt_center {
  text-align: center;
}

.center {
  text-align: center;
  margin: 0 auto;
}

.center_container {
  margin: 0 auto;
}

.module_content {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (min-width: 1200px) {
  .module_content {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.module_content_5050 p:first-child {
  padding-top: 8px;
}

.module_5050 {
  display: flex;
}

.middle-align-5050 {
  align-items: center;
}

.module_100_image_text {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.module_100_image_text img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1276/650;
  -o-object-position: center center;
     object-position: center center;
}
@media (min-width: 768px) {
  .module_100_image_text img {
    max-height: 650px;
  }
}
.module_100_image_text .module_100_text {
  position: relative;
  padding-top: 30px;
}
@media (min-width: 768px) {
  .module_100_image_text .module_100_text {
    position: absolute;
    z-index: 1;
    top: 50px;
    left: 50px;
    padding-top: 0;
    max-width: 575px;
  }
}
@media (min-width: 1200px) {
  .module_100_image_text .module_100_text {
    top: 70px;
    left: 70px;
    max-width: 700px;
  }
}
@media (min-width: 768px) {
  .module_100_image_text .module_100_text .quote_content {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .module_100_image_text .module_100_text .cta_button {
    background: white;
  }
}

.module_100_image_text_overlay img {
  -o-object-position: right top;
     object-position: right top;
  z-index: -1;
}
@media (min-width: 768px) {
  .module_100_image_text_overlay img {
    min-height: 580px;
    max-height: 650px;
  }
}

/* For WYSIWYG formatting */
.module_content_text a, .module_content_text a:link, .acc-content a, .acc-content a:link {
  text-decoration: underline;
  color: #202C3C;
}
.module_content_text a:hover, .acc-content a:hover {
  opacity: 0.8;
}
.module_content_text img, .acc-content img {
  max-width: 100%;
  height: auto;
  display: inline;
}
.module_content_text p:after, .acc-content p:after {
  content: "";
  display: table;
  clear: both;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone, a img.alignnone, .wp-caption.alignnone {
  margin: 20px 0 20px 0px;
}

.aligncenter,
div.aligncenter,
a img.aligncenter {
  display: block;
  margin: 20px auto 20px auto;
}

.alignright, a img.alignright {
  margin: 20px auto 20px auto;
}
@media (min-width: 768px) {
  .alignright, a img.alignright {
    float: right;
    margin: 15px 0 20px 20px;
  }
}

.alignleft, a img.alignleft {
  margin: 20px auto 20px auto;
}
@media (min-width: 768px) {
  .alignleft, a img.alignleft {
    float: left;
    margin: 15px 20px 20px 0;
  }
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignleft {
  margin: 15px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 15px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/*end WYSIWYG formatting */
@media (min-width: 1200px) {
  .img_right .module_content_headline,
.img_right .quote_content {
    padding-right: 30px;
  }
}

.img_right .quote_content div:first-child {
  margin-top: 0;
}

@media (min-width: 1200px) {
  .img_left .module_content_headline {
    padding-left: 30px;
  }
}

.img_left .module_content_col {
  float: right;
  order: 1;
}

.module_content_headline {
  /* removes line-breaks for mobile only to give more room for text */
}
.module_content_headline p {
  max-width: 100%;
}
.module_content_headline *:last-child {
  margin-bottom: 0 !important;
}
.module_content_headline *:first-child {
  margin-top: 0 !important;
}
.module_content_headline br {
  content: "";
}
.module_content_headline br:after {
  content: " ";
}
@media (min-width: 768px) {
  .module_content_headline br {
    display: block;
  }
}
.module_content_headline .stats_hed:first-child {
  margin: 10px 0 16px 0 !important;
}

.module_headline .module_content_headline p {
  max-width: 900px;
}
@media (min-width: 1200px) {
  .module_headline .module_content_headline p {
    max-width: 630px;
  }
}

.module_headline .center .module_content_headline p {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.center .module_content_headline * {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.module_people_featured .module_content_headline *:first-child {
  margin-top: 30px;
}
@media (min-width: 1200px) {
  .module_people_featured .module_content_headline *:first-child {
    margin-top: 0;
  }
}

.module_content .list-items {
  margin: 30px 0;
}
@media (min-width: 768px) {
  .module_content .list-items {
    margin-top: 0;
  }
}

.module_content .list-item {
  border-bottom: solid 1px #202C3C;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.module_content .list-items .list-item:first-child {
  border-top: solid 1px #202C3C;
}

.module_content_lcol img {
  max-width: 200px;
}
@media (min-width: 768px) {
  .module_content_lcol img {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .module_people_featured .module_content_background {
    position: relative;
    height: 650px;
    max-width: 1420px;
    background-position: 65% center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 1200px) {
  .module_people_featured .module_content_background {
    background-position: center center;
  }
}

.module_people_featured .module_content {
  margin: 0;
}

.logo_overlay {
  position: absolute;
  top: 22px;
  right: 22px;
  z-index: 2;
}

.bgdiagonal_active {
  position: relative;
  z-index: -2;
}

.bgdiagonal_active .module_content {
  position: relative;
  z-index: 1;
}

.border_bottom_active {
  border-bottom: 1px solid rgba(32, 44, 60, 0.6);
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.border_top_active {
  border-top: 1px solid rgba(32, 44, 60, 0.6);
  margin-top: 70px;
  padding-top: 50px;
}

.border_top_active_2 {
  border-top: 2px solid #202C3C;
  margin-top: 70px;
  padding-top: 50px;
}

.border_top_active .module_content {
  margin-top: 0;
}

.quote_content {
  margin-top: 0px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .quote_content {
    margin-top: -30px;
  }
}
@media (min-width: 1200px) {
  .quote_content {
    margin-top: 0;
    max-width: 900px;
  }
}

.quote_content.center .cta_button {
  margin-left: auto;
  margin-right: auto;
}

.quote_image_container img {
  margin: 20px 0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .quote_image_container img {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.quote_image {
  max-width: 630px;
  height: auto;
}

.quote_info {
  width: 100%;
  position: relative;
  margin: 30px 0;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (min-width: 768px) {
  .quote_info {
    display: flex;
    flex-wrap: wrap;
  }
}

.quote_info_maxwidth {
  max-width: 300px;
}
@media (min-width: 1200px) {
  .quote_info_maxwidth {
    max-width: 500px;
  }
}

.img_right .quote_info_maxwidth {
  max-width: 300px;
}
@media (min-width: 768px) {
  .img_right .quote_info_maxwidth {
    max-width: 200px;
  }
}
@media (min-width: 1200px) {
  .img_right .quote_info_maxwidth {
    max-width: 300px;
  }
}

.quote_info.show_avatar {
  display: flex;
}

.quote_info_text {
  position: relative;
}

.quote_info_text, .quote_info_text p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.bgzumgreen .quote_info_text p,
.bgcloud .quote_info_text p {
  color: #202C3C;
}

.quote_info_text.show_rule {
  margin-top: 10px !important;
  padding-left: 50px;
  padding-top: 0px;
}
@media (min-width: 768px) {
  .quote_info_text.show_rule {
    margin-top: 0 !important;
  }
}

.quote_info_text.show_rule:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #202C3C;
  background: rgba(32, 44, 60, 0.5);
  position: absolute;
  left: 25px;
  top: 0px;
}

.show_avatar .quote_info_text.show_rule {
  padding-top: 0;
  padding-left: 50px;
}

.show_avatar .quote_info_text.show_rule:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #202C3C;
  background: rgba(32, 44, 60, 0.5);
  position: absolute;
  left: 25px;
  top: 0;
}

.quote_info_logo {
  position: relative;
  max-width: 260px;
}

.quote_info_name {
  font-weight: 700;
}

/* Module: Stats  */
.stats_container {
  position: relative;
  width: 100%;
  text-align: center;
  justify-content: space-between;
  display: inline-flex;
  flex-wrap: wrap;
  margin-left: -20px;
  width: calc(100% + 20px);
}
.stats_block {
  position: relative;
  padding: 20px 0;
  margin: 0 0 0 20px;
  flex-wrap: wrap;
  width: 43%;
}
@media (min-width: 768px) {
  .stats_block {
    flex: 1 0 22%;
  }
}

.stats_block:before {
  content: "";
  background: #202C3C;
  background: rgba(32, 44, 60, 0.5);
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
}

/* Net Zero Module */
.netzero_container {
  position: relative;
  width: 100%;
  text-align: center;
  justify-content: space-between;
  display: inline-flex;
  flex-wrap: wrap;
  margin-left: -20px;
  width: calc(100% + 20px);
}
.netzero_block {
  position: relative;
  padding: 20px 0;
  margin: 0 0 0 20px;
  flex: 100%;
}
@media (min-width: 768px) {
  .netzero_block {
    flex: 1 0 30%;
  }
}

.netzero_icon {
  position: relative;
  text-align: center;
  padding-bottom: 20px;
}

.netzero_block img {
  text-align: center;
  margin: auto;
}

.netzero_icon:after {
  content: "";
  background: #202C3C;
  background: rgba(32, 44, 60, 0.5);
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.netzero_block .stats_hed {
  position: relative;
  align-items: center;
  justify-content: center;
  display: flex;
}

.netzero_block.stats_icon {
  flex: 100%;
}
@media (min-width: 768px) {
  .netzero_block.stats_icon {
    flex: 0%;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0;
  }
}

@media (min-width: 768px) {
  .netzero_block.stats_icon img {
    margin-top: -21px;
  }
}

.netzero_block .stats_hed span {
  font-size: 15px;
  line-height: 20px;
  padding-left: 20px;
  min-height: 60px;
  position: relative;
  text-align: left;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
}

.netzero_block .stats_hed span:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #202C3C;
  background: rgba(32, 44, 60, 0.5);
  position: absolute;
  left: 10px;
  top: 0;
}

.netzero_block .stats_desc {
  max-width: 300px;
  text-align: center;
  margin: auto;
}

/* Module Parent Reviews */
.flexmasonry {
  padding: 0;
  margin: 0;
}
.flexmasonry li {
  list-style: none;
}

.f-customers-reviews__item {
  padding: 30px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}

.gap-item {
  margin: 15px;
}

.f-customers-reviews__block {
  display: flex;
}

.f-customers-reviews_featured .f-customers-reviews__block {
  justify-content: center;
}

.f-customers-reviews_featured .hed3 {
  margin-bottom: 0;
}

.f-customers-reviews__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  background-color: #80BE53;
  color: #202C3C;
  border-radius: 50%;
  font-size: 28px;
  font-weight: 700;
}

.f-customers-reviews__avatar.zumgreen {
  background-color: #80BE53;
}

.f-customers-reviews__avatar.yellow {
  background-color: #EAE23F;
}

.f-customers-reviews__avatar.sky {
  background-color: #0096FF;
}

.f-customers-reviews__avatar.gray {
  background-color: #E8E9E9;
}

.f-customers-reviews__avatar.darkoxford {
  background-color: #202C3C;
  color: #E8E9E9;
}

.f-customers-reviews__author {
  margin-left: 15px;
  text-align: left;
}

.f-customers-reviews__author h3 {
  font-size: 18px;
  line-height: 27px;
  margin: 2px 0 6px 0;
  font-weight: 400;
  color: #737C85;
}

.f-customers-reviews__star {
  display: flex;
  justify-content: left;
  margin: 0 0 25px 0;
}

.flexmasonry-item p {
  font-size: 20px;
}

.f-customers-reviews__item p {
  margin: 0;
  color: #202C3C;
  font-weight: 500;
  font-size: 26px;
  line-height: 31px;
}
@media (min-width: 1200px) {
  .f-customers-reviews__item p {
    font-size: 32px;
    line-height: 35px;
  }
}

/* GRAVITY FORMS custom style overrides */
input {
  color: #202C3C;
  border: 1px solid rgb(133, 133, 133);
  border-radius: 0;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url(data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyOSA3IiB2aWV3Qm94PSIwIDAgMjkgNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im0xMC4zLjdjLjQuNC40IDEgMCAxLjRsLTQuMSA0LjRjLS4zLjQtMSAuNS0xLjQuMSAwIDAgMCAwLS4xLS4xbC00LjEtNC40Yy0uNC0uNC0uNC0xIDAtMS40LjMtLjQuOS0uNCAxLjIgMGwyLjggMy4xYy40LjQgMSAuNCAxLjQuMSAwIDAgMCAwIC4xLS4xbDIuOC0zLjFjLjUtLjQgMS0uNCAxLjQgMHoiIGZpbGw9IiMwZjNkNmMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) right center/1.8125rem no-repeat #f9f9f9;
  border: 1px solid rgb(133, 133, 133);
  border-radius: 0;
}

::-moz-placeholder {
  color: #202C3C;
}

:-ms-input-placeholder {
  color: #202C3C;
}

::placeholder {
  color: #202C3C;
}

.gform_button {
  border-radius: 50px;
  background: #80BE53;
  min-width: 196px;
  height: 40px;
  padding: 7px 20px;
  color: #202C3C !important;
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  letter-spacing: normal;
  text-align: center;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: none !important;
}

.gfield {
  text-align: left;
}

.gform_button:hover {
  background: #65A23F;
}

body .gform_wrapper .gform_body input {
  font-size: 22px !important;
}

.gform_heading {
  text-align: center;
}

.newsletter_signup_form_wrapper .gfield {
  text-align: center;
}
.newsletter_signup_form_wrapper input {
  border: none;
  background: none;
}
.newsletter_signup_form_wrapper .gform_title {
  font-size: 32px;
  margin-top: 0;
  padding-top: 0;
}
@media (min-width: 1200px) {
  .newsletter_signup_form_wrapper .gform_title {
    font-size: 48px;
  }
}
.newsletter_signup_form_wrapper .newsletter_signup_form {
  text-align: center;
}
.newsletter_signup_form_wrapper .newsletter_signup_form input {
  width: 100%;
  height: 43px;
  font-size: 22px;
}
.newsletter_signup_form_wrapper .newsletter_signup_form .gform-body {
  margin: auto;
  width: 280px;
}
@media (min-width: 768px) {
  .newsletter_signup_form_wrapper .newsletter_signup_form .gform-body {
    width: 412px;
  }
}
.newsletter_signup_form_wrapper .newsletter_signup_form .gform_fields {
  padding-bottom: 20px;
  justify-content: center;
  border-bottom: solid 1px black;
  position: relative;
}
.newsletter_signup_form_wrapper .newsletter_signup_form .gfield_email, .newsletter_signup_form_wrapper .newsletter_signup_form .gfield_email input {
  width: 240px !important;
  height: 43px;
}
@media (min-width: 768px) {
  .newsletter_signup_form_wrapper .newsletter_signup_form .gfield_email, .newsletter_signup_form_wrapper .newsletter_signup_form .gfield_email input {
    width: 360px !important;
  }
}
.newsletter_signup_form_wrapper .newsletter_signup_form #field_submit {
  width: 43px;
  height: 43px;
  background: white;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.newsletter_signup_form_wrapper .newsletter_signup_form .gform_image_button {
  height: 18px;
  width: 28px;
  margin: auto;
}
.newsletter_signup_form_wrapper .newsletter_signup_form #field_submit:hover {
  background: #E8E9E9;
  background: rgba(255, 255, 255, 0.7);
}

@media (max-width: 640px) {
  .newsletter_signup_form_wrapper.gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
    grid-column: span 6 !important;
  }
}
.gform_wrapper .gform_validation_errors,
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
  background: none !important;
  border: solid 1px #FF0000 !important;
  box-shadow: none !important;
  margin: 0 !important;
  color: #FF0000 !important;
}
.gform_wrapper .gform_validation_errors *,
.gform_wrapper .gfield_validation_message *, .gform_wrapper .validation_message * {
  color: #FF0000 !important;
}

.gform_wrapper .gfield_error [aria-invalid=true] {
  border: 1px solid #FF0000 !important;
}
.gform_wrapper .gfield_error [aria-invalid=true] * {
  color: #FF0000 !important;
}

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
  border: none !important;
}

.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
  padding-left: 0px !important;
  text-align: left;
}

.newsletter_signup_form_wrapper.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
  padding-top: 24px !important;
  text-align: left;
}

.newsletter_signup_form_wrapper.gform_validation_error .newsletter_signup_form .gform_fields {
  border-bottom: solid 1px #FF0000 !important;
}

.newsletter_signup_form_wrapper.gform_validation_error .gfield_error [aria-invalid=true] {
  border: none !important;
}

/* NOTE: this is an override to  hide the validation box that appears above the Newsletter Sign up form. 
We noted the Gravity form toggle doesn't hide it when it is turned off in the form settings */
.newsletter_signup_form_wrapper .gform_validation_errors {
  display: none !important;
}

/* GLOBAL FOOTER */
footer {
  position: relative;
  z-index: 1;
  background: #202C3C;
  padding: 1px 0 1px 0;
  color: #E8E9E9;
  font-size: 13px;
  line-height: 24px;
  font-weight: 400;
}
footer a, footer a:link, footer a:visited, footer a:active {
  color: #E8E9E9;
}
footer .footertoprow {
  position: relative;
  height: 90px;
  margin: 60px 0;
  border-top: 1px solid rgba(115, 124, 133, 0.5);
}
footer .footertoprow .rfp {
  position: absolute;
  right: 0;
  width: 50%;
  justify-content: right;
  margin-bottom: 4px;
  line-height: 14px;
}
footer .footertoprow .cta {
  margin: 36px 0;
  width: 196px;
  border-bottom: 1px solid rgba(115, 124, 133, 0.5);
  height: 25px;
  font-weight: 550;
  padding: 24px 0;
}
@media (min-width: 1200px) {
  footer .footertoprow .cta {
    padding: 0;
  }
}
footer .footertoprow .cta:after {
  content: "";
  background: url("/assets/icons/arrow-white.svg") no-repeat center center;
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0;
  margin-top: 2px;
  padding: 0;
  border-radius: 0;
}
footer .footertoprow .cta:hover {
  color: #FFFFFF;
}
footer .footermenus {
  margin: 60px 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
footer .footermenus a {
  color: #E8E9E9;
  display: block;
  margin: 0;
  padding: 12px 0;
}
@media (min-width: 1200px) {
  footer .footermenus a {
    padding: 0;
  }
}
footer .footermenus a:hover {
  color: #FFFFFF;
}
footer .footermenus .footermenus_col {
  padding-left: 10px;
  padding-right: 10px;
}
footer .footermenus .hed_section {
  border-bottom: 1px solid rgba(115, 124, 133, 0.5);
}
@media (min-width: 1200px) {
  footer .footermenus .hed_section {
    height: 25px;
    margin: 12px 0 25px 0;
  }
}
footer .footermenus .hed_section, footer .footermenus .hed_section a {
  color: #80BE53;
  font-weight: 550;
}
footer .missionstatement {
  max-width: 755px;
  margin: 60px 0;
  color: #47617B;
}
footer .footerbotrow {
  border-top: 1px solid rgba(115, 124, 133, 0.5);
  padding-top: 25px;
  position: relative;
  font-size: 11px;
  line-height: 24px;
  font-weight: 350;
  min-height: 20px;
  margin: 60px 0;
}
footer .footerbotrow .social a {
  display: inline-block;
  margin-right: 20px;
  padding: 14px 0;
}
@media (min-width: 1200px) {
  footer .footerbotrow .social a {
    padding: 0;
  }
}
footer .footerbotrow .copyright_terms {
  color: #F0F4F2;
  text-align: left;
  margin-top: 10px;
}
@media (min-width: 1200px) {
  footer .footerbotrow .copyright_terms {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-top: 0;
  }
}
footer .footerbotrow .links {
  margin: 0;
  padding: 0;
}
footer .footerbotrow .links li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0 10px;
  height: 12px;
}
footer .footerbotrow .links li:first-child {
  padding-left: 0;
}
footer .footerbotrow .links li:last-child {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  footer .footerbotrow .links li:last-child {
    padding-left: 20px;
  }
}
footer .footerbotrow .links a {
  text-decoration: none;
  color: #F0F4F2;
  padding: 18px 0;
}
@media (min-width: 1200px) {
  footer .footerbotrow .links a {
    padding: 0;
  }
}
footer .footerbotrow .links a:hover {
  opacity: 0.8;
}

.showsm {
  display: block !important;
}

.showmd {
  display: none !important;
}
@media (min-width: 768px) {
  .showmd {
    display: block !important;
  }
}

.showlg {
  display: none !important;
}
@media (min-width: 1200px) {
  .showlg {
    display: block !important;
  }
}

.hide {
  display: none !important;
}

.hidemd {
  display: block !important;
}
@media (min-width: 768px) {
  .hidemd {
    display: none !important;
  }
}

.hidelg {
  display: block !important;
}
@media (min-width: 1200px) {
  .hidelg {
    display: none !important;
  }
}

.txthide {
  font-size: 0;
  width: 1px;
  height: 1px;
  display: inline-block;
  overflow: hidden;
  position: absolute !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
}

/****************************************************************************
                             MEDIA QUERIES
*****************************************************************************/
/* SMALL breakpoints (mobile) */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .module_people_featured .module_content_background {
    background-image: none !important;
  }

  .module_people_featured .logo_overlay {
    top: 75px;
    right: initial;
    left: 32px;
  }

  .module_people_featured .cta_button.white {
    background: #80BE53 !important;
  }

  .module_people_featured .module_content_headline {
    padding-top: 30px;
  }

  .hero_text_align {
    top: 70px;
  }

  blockquote {
    text-align: center;
  }

  .quote_content *, .module_100_image_text .module_100_text * {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .quote_info {
    text-align: center;
    display: inline-block;
    margin: 0;
    margin-bottom: 20px;
  }

  .quote_info_logo {
    max-width: 100%;
  }

  .quote_info_logo img {
    margin: 0 auto;
  }

  .quote_info_text.show_rule:before {
    display: none;
  }

  .quote_info_text.show_rule {
    margin-top: 0px !important;
    padding-left: 0px;
    padding-top: 20px;
  }
}