@charset "UTF-8";
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption, figure, main { /* 1 */ display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** 1. Remove the bottom border in Chrome 57- and Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

@font-face { font-family: 'Visby'; src: url("/assets/styles/webfonts/visby-cf-light.eot"); /* IE9 Compat Modes */ src: url("/assets/styles/webfonts/visby-cf-light.eot?#iefix") format("embedded-opentype"), url("/assets/styles/webfonts/visby-cf-light.woff2") format("woff2"), url("/assets/styles/webfonts/visby-cf-light.woff") format("woff"), url("/assets/styles/webfonts/visby-cf-light.ttf") format("truetype"), url("/assets/styles/webfonts/visby-cf-light.svg#svgFontName") format("svg"); /* Legacy iOS */ font-weight: 300; font-style: normal; }

@font-face { font-family: 'Visby'; src: url("/assets/styles/webfonts/visby-cf-demi-bold.eot"); /* IE9 Compat Modes */ src: url("/assets/styles/webfonts/visby-cf-demi-bold.eot?#iefix") format("embedded-opentype"), url("/assets/styles/webfonts/visby-cf-demi-bold.woff2") format("woff2"), url("/assets/styles/webfonts/visby-cf-demi-bold.woff") format("woff"), url("/assets/styles/webfonts/visby-cf-demi-bold.ttf") format("truetype"), url("/assets/styles/webfonts/visby-cf-demi-bold.svg#svgFontName") format("svg"); /* Legacy iOS */ font-weight: 400; font-style: normal; }

@font-face { font-family: 'Visby'; src: url("/assets/styles/webfonts/visby-cf-bold.eot"); /* IE9 Compat Modes */ src: url("/assets/styles/webfonts/visby-cf-bold.eot?#iefix") format("embedded-opentype"), url("/assets/styles/webfonts/visby-cf-bold.woff2") format("woff2"), url("/assets/styles/webfonts/visby-cf-bold.woff") format("woff"), url("/assets/styles/webfonts/visby-cf-bold.ttf") format("truetype"), url("/assets/styles/webfonts/visby-cf-bold.svg#svgFontName") format("svg"); /* Legacy iOS */ font-weight: 700; font-style: normal; }

:root { --brand-yellow: #FECF5D; --brand-gray: #606a6e; --light-gray: #C9CAC8; --lightest-gray: #f0f0f0; --light-blue: #00ADD0; --blue: #1C5371; --black: #2c2e37; --white: #ffffff; --green: #4cb944; --red: #DB1F5A; --aqua: #307A83; }

:root { --gutter-width: 20px; --outer-margin: 2rem; --gutter-compensation: calc((var(--gutter-width) * 0.5) * -1); --half-gutter-width: calc((var(--gutter-width) * 0.5)); --xs-min: 30; --sm-min: 48; --md-min: 64; --lg-min: 75; --screen-xs-min: var(--xs-min)em; --screen-sm-min: var(--sm-min)em; --screen-md-min: var(--md-min)em; --screen-lg-min: var(--lg-min)em; --container-sm: calc(var(--sm-min) + var(--gutter-width)); --container-md: calc(var(--md-min) + var(--gutter-width)); --container-lg: calc(var(--lg-min) + var(--gutter-width)); }

.container-fluid, .container { margin-right: auto; margin-left: auto; }

.container-fluid { padding-right: var(--outer-margin, 2rem); padding-left: var(--outer-margin, 2rem); }

.row { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; }

.row.reverse { flex-direction: row-reverse; }

.col.reverse { flex-direction: column-reverse; }

.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: var(--half-gutter-width, 0.5rem); padding-left: var(--half-gutter-width, 0.5rem); }

.col-xs { flex-grow: 1; flex-basis: 0; max-width: 100%; }

.col-xs-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; }

.col-xs-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; }

.col-xs-3 { flex-basis: 25%; max-width: 25%; }

.col-xs-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; }

.col-xs-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; }

.col-xs-6 { flex-basis: 50%; max-width: 50%; }

.col-xs-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; }

.col-xs-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; }

.col-xs-9 { flex-basis: 75%; max-width: 75%; }

.col-xs-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; }

.col-xs-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; }

.col-xs-12 { flex-basis: 100%; max-width: 100%; }

.col-xs-offset-0 { margin-left: 0; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.start-xs { justify-content: flex-start; text-align: start; }

.center-xs { justify-content: center; text-align: center; }

.end-xs { justify-content: flex-end; text-align: end; }

.top-xs { align-items: flex-start; }

.middle-xs { align-items: center; }

.bottom-xs { align-items: flex-end; }

.around-xs { justify-content: space-around; }

.between-xs { justify-content: space-between; }

.first-xs { order: -1; }

.last-xs { order: 1; }

@media only screen and (min-width: 48em) { .container { width: var(--container-sm, 46rem); } .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: var(--half-gutter-width, 0.5rem); padding-left: var(--half-gutter-width, 0.5rem); } .col-sm { flex-grow: 1; flex-basis: 0; max-width: 100%; } .col-sm-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex-basis: 25%; max-width: 25%; } .col-sm-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex-basis: 50%; max-width: 50%; } .col-sm-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex-basis: 75%; max-width: 75%; } .col-sm-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .start-sm { justify-content: flex-start; text-align: start; } .center-sm { justify-content: center; text-align: center; } .end-sm { justify-content: flex-end; text-align: end; } .top-sm { align-items: flex-start; } .middle-sm { align-items: center; } .bottom-sm { align-items: flex-end; } .around-sm { justify-content: space-around; } .between-sm { justify-content: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } }

@media only screen and (min-width: 64em) { .container { width: var(--container-md, 61rem); } .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: var(--half-gutter-width, 0.5rem); padding-left: var(--half-gutter-width, 0.5rem); } .col-md { flex-grow: 1; flex-basis: 0; max-width: 100%; } .col-md-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex-basis: 25%; max-width: 25%; } .col-md-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex-basis: 50%; max-width: 50%; } .col-md-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex-basis: 75%; max-width: 75%; } .col-md-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-11 { margin-left: 91.66666667%; } .start-md { justify-content: flex-start; text-align: start; } .center-md { justify-content: center; text-align: center; } .end-md { justify-content: flex-end; text-align: end; } .top-md { align-items: flex-start; } .middle-md { align-items: center; } .bottom-md { align-items: flex-end; } .around-md { justify-content: space-around; } .between-md { justify-content: space-between; } .first-md { order: -1; } .last-md { order: 1; } }

@media only screen and (min-width: 75em) { .container { width: var(--container-lg, 71rem); } .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: var(--half-gutter-width, 0.5rem); padding-left: var(--half-gutter-width, 0.5rem); } .col-lg { flex-grow: 1; flex-basis: 0; max-width: 100%; } .col-lg-1 { flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex-basis: 25%; max-width: 25%; } .col-lg-4 { flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex-basis: 50%; max-width: 50%; } .col-lg-7 { flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex-basis: 75%; max-width: 75%; } .col-lg-10 { flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .start-lg { justify-content: flex-start; text-align: start; } .center-lg { justify-content: center; text-align: center; } .end-lg { justify-content: flex-end; text-align: end; } .top-lg { align-items: flex-start; } .middle-lg { align-items: center; } .bottom-lg { align-items: flex-end; } .around-lg { justify-content: space-around; } .between-lg { justify-content: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } }

@media only screen and (min-width: 769px) { .display-flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; } }

.flex-center { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

div.overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

div.darkOverlay { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: opacity 400ms ease-in-out; -moz-transition: opacity 400ms ease-in-out; -ms-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.85); width: 100%; height: 100vh; opacity: 0; }

div.darkOverlay.active { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: .35; }

section.heroVideo, section.heroCenter { width: 100%; height: 85vh; position: relative; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }

section.heroVideo div.copy, section.heroCenter div.copy { position: absolute; width: 100%; }

@media only screen and (min-width: 769px) { section.heroVideo div.copy, section.heroCenter div.copy { width: 50%; } }

section.heroVideo div.overlay, section.heroCenter div.overlay { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; height: 100%; opacity: .45; }

div.playButton { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

div.playButton div.circle { width: 60px; height: 60px; background-color: #fff; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

div.playButton i.fa { opacity: .7; font-size: 1.6rem; color: #FECF5D; }

div.playButton div.ring { border: 1px solid #fff; width: 80px; height: 80px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); border-radius: 50%; opacity: .4; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; }

div.playButton div.ring.inner { width: 70px; height: 70px; opacity: .6; }

div.playButton div.ring.outer { width: 90px; height: 90px; opacity: .2; }

div.playButton a:hover div.ring { width: 85px; height: 85px; }

div.playButton a:hover div.ring.inner { width: 75px; height: 75px; }

div.playButton a:hover div.ring.outer { width: 95px; height: 95px; }

.mx-auto { margin-left: auto; margin-right: auto; }

@media only screen and (min-width: 340px) { .mt-xs-0 { margin-top: 0em !important; } .pt-xs-0 { padding-top: 0em !important; } .mb-xs-0 { margin-bottom: 0em !important; } .pb-xs-0 { padding-bottom: 0em !important; } .ml-xs-0 { margin-left: 0em !important; } .pl-xs-0 { padding-left: 0em !important; } .mr-xs-0 { margin-right: 0em !important; } .pr-xs-0 { padding-right: 0em !important; } .mt-xs-1 { margin-top: 1em !important; } .pt-xs-1 { padding-top: 1em !important; } .mb-xs-1 { margin-bottom: 1em !important; } .pb-xs-1 { padding-bottom: 1em !important; } .ml-xs-1 { margin-left: 1em !important; } .pl-xs-1 { padding-left: 1em !important; } .mr-xs-1 { margin-right: 1em !important; } .pr-xs-1 { padding-right: 1em !important; } .mt-xs-2 { margin-top: 2em !important; } .pt-xs-2 { padding-top: 2em !important; } .mb-xs-2 { margin-bottom: 2em !important; } .pb-xs-2 { padding-bottom: 2em !important; } .ml-xs-2 { margin-left: 2em !important; } .pl-xs-2 { padding-left: 2em !important; } .mr-xs-2 { margin-right: 2em !important; } .pr-xs-2 { padding-right: 2em !important; } .mt-xs-3 { margin-top: 3em !important; } .pt-xs-3 { padding-top: 3em !important; } .mb-xs-3 { margin-bottom: 3em !important; } .pb-xs-3 { padding-bottom: 3em !important; } .ml-xs-3 { margin-left: 3em !important; } .pl-xs-3 { padding-left: 3em !important; } .mr-xs-3 { margin-right: 3em !important; } .pr-xs-3 { padding-right: 3em !important; } .mt-xs-4 { margin-top: 4em !important; } .pt-xs-4 { padding-top: 4em !important; } .mb-xs-4 { margin-bottom: 4em !important; } .pb-xs-4 { padding-bottom: 4em !important; } .ml-xs-4 { margin-left: 4em !important; } .pl-xs-4 { padding-left: 4em !important; } .mr-xs-4 { margin-right: 4em !important; } .pr-xs-4 { padding-right: 4em !important; } .mt-xs-5 { margin-top: 5em !important; } .pt-xs-5 { padding-top: 5em !important; } .mb-xs-5 { margin-bottom: 5em !important; } .pb-xs-5 { padding-bottom: 5em !important; } .ml-xs-5 { margin-left: 5em !important; } .pl-xs-5 { padding-left: 5em !important; } .mr-xs-5 { margin-right: 5em !important; } .pr-xs-5 { padding-right: 5em !important; } .mt-xs-6 { margin-top: 6em !important; } .pt-xs-6 { padding-top: 6em !important; } .mb-xs-6 { margin-bottom: 6em !important; } .pb-xs-6 { padding-bottom: 6em !important; } .ml-xs-6 { margin-left: 6em !important; } .pl-xs-6 { padding-left: 6em !important; } .mr-xs-6 { margin-right: 6em !important; } .pr-xs-6 { padding-right: 6em !important; } .mt-xs-7 { margin-top: 7em !important; } .pt-xs-7 { padding-top: 7em !important; } .mb-xs-7 { margin-bottom: 7em !important; } .pb-xs-7 { padding-bottom: 7em !important; } .ml-xs-7 { margin-left: 7em !important; } .pl-xs-7 { padding-left: 7em !important; } .mr-xs-7 { margin-right: 7em !important; } .pr-xs-7 { padding-right: 7em !important; } .mt-xs-8 { margin-top: 8em !important; } .pt-xs-8 { padding-top: 8em !important; } .mb-xs-8 { margin-bottom: 8em !important; } .pb-xs-8 { padding-bottom: 8em !important; } .ml-xs-8 { margin-left: 8em !important; } .pl-xs-8 { padding-left: 8em !important; } .mr-xs-8 { margin-right: 8em !important; } .pr-xs-8 { padding-right: 8em !important; } .mt-xs-9 { margin-top: 9em !important; } .pt-xs-9 { padding-top: 9em !important; } .mb-xs-9 { margin-bottom: 9em !important; } .pb-xs-9 { padding-bottom: 9em !important; } .ml-xs-9 { margin-left: 9em !important; } .pl-xs-9 { padding-left: 9em !important; } .mr-xs-9 { margin-right: 9em !important; } .pr-xs-9 { padding-right: 9em !important; } .mt-xs-10 { margin-top: 10em !important; } .pt-xs-10 { padding-top: 10em !important; } .mb-xs-10 { margin-bottom: 10em !important; } .pb-xs-10 { padding-bottom: 10em !important; } .ml-xs-10 { margin-left: 10em !important; } .pl-xs-10 { padding-left: 10em !important; } .mr-xs-10 { margin-right: 10em !important; } .pr-xs-10 { padding-right: 10em !important; } .mt-xs-11 { margin-top: 11em !important; } .pt-xs-11 { padding-top: 11em !important; } .mb-xs-11 { margin-bottom: 11em !important; } .pb-xs-11 { padding-bottom: 11em !important; } .ml-xs-11 { margin-left: 11em !important; } .pl-xs-11 { padding-left: 11em !important; } .mr-xs-11 { margin-right: 11em !important; } .pr-xs-11 { padding-right: 11em !important; } .mt-xs-12 { margin-top: 12em !important; } .pt-xs-12 { padding-top: 12em !important; } .mb-xs-12 { margin-bottom: 12em !important; } .pb-xs-12 { padding-bottom: 12em !important; } .ml-xs-12 { margin-left: 12em !important; } .pl-xs-12 { padding-left: 12em !important; } .mr-xs-12 { margin-right: 12em !important; } .pr-xs-12 { padding-right: 12em !important; } .mt-xs-13 { margin-top: 13em !important; } .pt-xs-13 { padding-top: 13em !important; } .mb-xs-13 { margin-bottom: 13em !important; } .pb-xs-13 { padding-bottom: 13em !important; } .ml-xs-13 { margin-left: 13em !important; } .pl-xs-13 { padding-left: 13em !important; } .mr-xs-13 { margin-right: 13em !important; } .pr-xs-13 { padding-right: 13em !important; } .mt-xs-21 { margin-top: 21em !important; } .pt-xs-21 { padding-top: 21em !important; } .mb-xs-21 { margin-bottom: 21em !important; } .pb-xs-21 { padding-bottom: 21em !important; } .ml-xs-21 { margin-left: 21em !important; } .pl-xs-21 { padding-left: 21em !important; } .mr-xs-21 { margin-right: 21em !important; } .pr-xs-21 { padding-right: 21em !important; } .float-right-xs { float: right; } .float-left-xs { float: left; } }

@media only screen and (min-width: 480px) { .mt-sm-0 { margin-top: 0em !important; } .pt-sm-0 { padding-top: 0em !important; } .mb-sm-0 { margin-bottom: 0em !important; } .pb-sm-0 { padding-bottom: 0em !important; } .ml-sm-0 { margin-left: 0em !important; } .pl-sm-0 { padding-left: 0em !important; } .mr-sm-0 { margin-right: 0em !important; } .pr-sm-0 { padding-right: 0em !important; } .mt-sm-1 { margin-top: 1em !important; } .pt-sm-1 { padding-top: 1em !important; } .mb-sm-1 { margin-bottom: 1em !important; } .pb-sm-1 { padding-bottom: 1em !important; } .ml-sm-1 { margin-left: 1em !important; } .pl-sm-1 { padding-left: 1em !important; } .mr-sm-1 { margin-right: 1em !important; } .pr-sm-1 { padding-right: 1em !important; } .mt-sm-2 { margin-top: 2em !important; } .pt-sm-2 { padding-top: 2em !important; } .mb-sm-2 { margin-bottom: 2em !important; } .pb-sm-2 { padding-bottom: 2em !important; } .ml-sm-2 { margin-left: 2em !important; } .pl-sm-2 { padding-left: 2em !important; } .mr-sm-2 { margin-right: 2em !important; } .pr-sm-2 { padding-right: 2em !important; } .mt-sm-3 { margin-top: 3em !important; } .pt-sm-3 { padding-top: 3em !important; } .mb-sm-3 { margin-bottom: 3em !important; } .pb-sm-3 { padding-bottom: 3em !important; } .ml-sm-3 { margin-left: 3em !important; } .pl-sm-3 { padding-left: 3em !important; } .mr-sm-3 { margin-right: 3em !important; } .pr-sm-3 { padding-right: 3em !important; } .mt-sm-4 { margin-top: 4em !important; } .pt-sm-4 { padding-top: 4em !important; } .mb-sm-4 { margin-bottom: 4em !important; } .pb-sm-4 { padding-bottom: 4em !important; } .ml-sm-4 { margin-left: 4em !important; } .pl-sm-4 { padding-left: 4em !important; } .mr-sm-4 { margin-right: 4em !important; } .pr-sm-4 { padding-right: 4em !important; } .mt-sm-5 { margin-top: 5em !important; } .pt-sm-5 { padding-top: 5em !important; } .mb-sm-5 { margin-bottom: 5em !important; } .pb-sm-5 { padding-bottom: 5em !important; } .ml-sm-5 { margin-left: 5em !important; } .pl-sm-5 { padding-left: 5em !important; } .mr-sm-5 { margin-right: 5em !important; } .pr-sm-5 { padding-right: 5em !important; } .mt-sm-6 { margin-top: 6em !important; } .pt-sm-6 { padding-top: 6em !important; } .mb-sm-6 { margin-bottom: 6em !important; } .pb-sm-6 { padding-bottom: 6em !important; } .ml-sm-6 { margin-left: 6em !important; } .pl-sm-6 { padding-left: 6em !important; } .mr-sm-6 { margin-right: 6em !important; } .pr-sm-6 { padding-right: 6em !important; } .mt-sm-7 { margin-top: 7em !important; } .pt-sm-7 { padding-top: 7em !important; } .mb-sm-7 { margin-bottom: 7em !important; } .pb-sm-7 { padding-bottom: 7em !important; } .ml-sm-7 { margin-left: 7em !important; } .pl-sm-7 { padding-left: 7em !important; } .mr-sm-7 { margin-right: 7em !important; } .pr-sm-7 { padding-right: 7em !important; } .mt-sm-8 { margin-top: 8em !important; } .pt-sm-8 { padding-top: 8em !important; } .mb-sm-8 { margin-bottom: 8em !important; } .pb-sm-8 { padding-bottom: 8em !important; } .ml-sm-8 { margin-left: 8em !important; } .pl-sm-8 { padding-left: 8em !important; } .mr-sm-8 { margin-right: 8em !important; } .pr-sm-8 { padding-right: 8em !important; } .mt-sm-9 { margin-top: 9em !important; } .pt-sm-9 { padding-top: 9em !important; } .mb-sm-9 { margin-bottom: 9em !important; } .pb-sm-9 { padding-bottom: 9em !important; } .ml-sm-9 { margin-left: 9em !important; } .pl-sm-9 { padding-left: 9em !important; } .mr-sm-9 { margin-right: 9em !important; } .pr-sm-9 { padding-right: 9em !important; } .mt-sm-10 { margin-top: 10em !important; } .pt-sm-10 { padding-top: 10em !important; } .mb-sm-10 { margin-bottom: 10em !important; } .pb-sm-10 { padding-bottom: 10em !important; } .ml-sm-10 { margin-left: 10em !important; } .pl-sm-10 { padding-left: 10em !important; } .mr-sm-10 { margin-right: 10em !important; } .pr-sm-10 { padding-right: 10em !important; } .mt-sm-11 { margin-top: 11em !important; } .pt-sm-11 { padding-top: 11em !important; } .mb-sm-11 { margin-bottom: 11em !important; } .pb-sm-11 { padding-bottom: 11em !important; } .ml-sm-11 { margin-left: 11em !important; } .pl-sm-11 { padding-left: 11em !important; } .mr-sm-11 { margin-right: 11em !important; } .pr-sm-11 { padding-right: 11em !important; } .mt-sm-12 { margin-top: 12em !important; } .pt-sm-12 { padding-top: 12em !important; } .mb-sm-12 { margin-bottom: 12em !important; } .pb-sm-12 { padding-bottom: 12em !important; } .ml-sm-12 { margin-left: 12em !important; } .pl-sm-12 { padding-left: 12em !important; } .mr-sm-12 { margin-right: 12em !important; } .pr-sm-12 { padding-right: 12em !important; } .mt-sm-13 { margin-top: 13em !important; } .pt-sm-13 { padding-top: 13em !important; } .mb-sm-13 { margin-bottom: 13em !important; } .pb-sm-13 { padding-bottom: 13em !important; } .ml-sm-13 { margin-left: 13em !important; } .pl-sm-13 { padding-left: 13em !important; } .mr-sm-13 { margin-right: 13em !important; } .pr-sm-13 { padding-right: 13em !important; } .mt-sm-21 { margin-top: 21em !important; } .pt-sm-21 { padding-top: 21em !important; } .mb-sm-21 { margin-bottom: 21em !important; } .pb-sm-21 { padding-bottom: 21em !important; } .ml-sm-21 { margin-left: 21em !important; } .pl-sm-21 { padding-left: 21em !important; } .mr-sm-21 { margin-right: 21em !important; } .pr-sm-21 { padding-right: 21em !important; } .float-right-sm { float: right; } .float-left-sm { float: left; } }

@media only screen and (min-width: 769px) { .mt-md-0 { margin-top: 0em !important; } .pt-md-0 { padding-top: 0em !important; } .mb-md-0 { margin-bottom: 0em !important; } .pb-md-0 { padding-bottom: 0em !important; } .ml-md-0 { margin-left: 0em !important; } .pl-md-0 { padding-left: 0em !important; } .mr-md-0 { margin-right: 0em !important; } .pr-md-0 { padding-right: 0em !important; } .mt-md-1 { margin-top: 1em !important; } .pt-md-1 { padding-top: 1em !important; } .mb-md-1 { margin-bottom: 1em !important; } .pb-md-1 { padding-bottom: 1em !important; } .ml-md-1 { margin-left: 1em !important; } .pl-md-1 { padding-left: 1em !important; } .mr-md-1 { margin-right: 1em !important; } .pr-md-1 { padding-right: 1em !important; } .mt-md-2 { margin-top: 2em !important; } .pt-md-2 { padding-top: 2em !important; } .mb-md-2 { margin-bottom: 2em !important; } .pb-md-2 { padding-bottom: 2em !important; } .ml-md-2 { margin-left: 2em !important; } .pl-md-2 { padding-left: 2em !important; } .mr-md-2 { margin-right: 2em !important; } .pr-md-2 { padding-right: 2em !important; } .mt-md-3 { margin-top: 3em !important; } .pt-md-3 { padding-top: 3em !important; } .mb-md-3 { margin-bottom: 3em !important; } .pb-md-3 { padding-bottom: 3em !important; } .ml-md-3 { margin-left: 3em !important; } .pl-md-3 { padding-left: 3em !important; } .mr-md-3 { margin-right: 3em !important; } .pr-md-3 { padding-right: 3em !important; } .mt-md-4 { margin-top: 4em !important; } .pt-md-4 { padding-top: 4em !important; } .mb-md-4 { margin-bottom: 4em !important; } .pb-md-4 { padding-bottom: 4em !important; } .ml-md-4 { margin-left: 4em !important; } .pl-md-4 { padding-left: 4em !important; } .mr-md-4 { margin-right: 4em !important; } .pr-md-4 { padding-right: 4em !important; } .mt-md-5 { margin-top: 5em !important; } .pt-md-5 { padding-top: 5em !important; } .mb-md-5 { margin-bottom: 5em !important; } .pb-md-5 { padding-bottom: 5em !important; } .ml-md-5 { margin-left: 5em !important; } .pl-md-5 { padding-left: 5em !important; } .mr-md-5 { margin-right: 5em !important; } .pr-md-5 { padding-right: 5em !important; } .mt-md-6 { margin-top: 6em !important; } .pt-md-6 { padding-top: 6em !important; } .mb-md-6 { margin-bottom: 6em !important; } .pb-md-6 { padding-bottom: 6em !important; } .ml-md-6 { margin-left: 6em !important; } .pl-md-6 { padding-left: 6em !important; } .mr-md-6 { margin-right: 6em !important; } .pr-md-6 { padding-right: 6em !important; } .mt-md-7 { margin-top: 7em !important; } .pt-md-7 { padding-top: 7em !important; } .mb-md-7 { margin-bottom: 7em !important; } .pb-md-7 { padding-bottom: 7em !important; } .ml-md-7 { margin-left: 7em !important; } .pl-md-7 { padding-left: 7em !important; } .mr-md-7 { margin-right: 7em !important; } .pr-md-7 { padding-right: 7em !important; } .mt-md-8 { margin-top: 8em !important; } .pt-md-8 { padding-top: 8em !important; } .mb-md-8 { margin-bottom: 8em !important; } .pb-md-8 { padding-bottom: 8em !important; } .ml-md-8 { margin-left: 8em !important; } .pl-md-8 { padding-left: 8em !important; } .mr-md-8 { margin-right: 8em !important; } .pr-md-8 { padding-right: 8em !important; } .mt-md-9 { margin-top: 9em !important; } .pt-md-9 { padding-top: 9em !important; } .mb-md-9 { margin-bottom: 9em !important; } .pb-md-9 { padding-bottom: 9em !important; } .ml-md-9 { margin-left: 9em !important; } .pl-md-9 { padding-left: 9em !important; } .mr-md-9 { margin-right: 9em !important; } .pr-md-9 { padding-right: 9em !important; } .mt-md-10 { margin-top: 10em !important; } .pt-md-10 { padding-top: 10em !important; } .mb-md-10 { margin-bottom: 10em !important; } .pb-md-10 { padding-bottom: 10em !important; } .ml-md-10 { margin-left: 10em !important; } .pl-md-10 { padding-left: 10em !important; } .mr-md-10 { margin-right: 10em !important; } .pr-md-10 { padding-right: 10em !important; } .mt-md-11 { margin-top: 11em !important; } .pt-md-11 { padding-top: 11em !important; } .mb-md-11 { margin-bottom: 11em !important; } .pb-md-11 { padding-bottom: 11em !important; } .ml-md-11 { margin-left: 11em !important; } .pl-md-11 { padding-left: 11em !important; } .mr-md-11 { margin-right: 11em !important; } .pr-md-11 { padding-right: 11em !important; } .mt-md-12 { margin-top: 12em !important; } .pt-md-12 { padding-top: 12em !important; } .mb-md-12 { margin-bottom: 12em !important; } .pb-md-12 { padding-bottom: 12em !important; } .ml-md-12 { margin-left: 12em !important; } .pl-md-12 { padding-left: 12em !important; } .mr-md-12 { margin-right: 12em !important; } .pr-md-12 { padding-right: 12em !important; } .mt-md-13 { margin-top: 13em !important; } .pt-md-13 { padding-top: 13em !important; } .mb-md-13 { margin-bottom: 13em !important; } .pb-md-13 { padding-bottom: 13em !important; } .ml-md-13 { margin-left: 13em !important; } .pl-md-13 { padding-left: 13em !important; } .mr-md-13 { margin-right: 13em !important; } .pr-md-13 { padding-right: 13em !important; } .mt-md-21 { margin-top: 21em !important; } .pt-md-21 { padding-top: 21em !important; } .mb-md-21 { margin-bottom: 21em !important; } .pb-md-21 { padding-bottom: 21em !important; } .ml-md-21 { margin-left: 21em !important; } .pl-md-21 { padding-left: 21em !important; } .mr-md-21 { margin-right: 21em !important; } .pr-md-21 { padding-right: 21em !important; } .float-right-md { float: right; } .float-left-md { float: left; } }

@media only screen and (min-width: 910px) { .mt-ml-0 { margin-top: 0em !important; } .pt-ml-0 { padding-top: 0em !important; } .mb-ml-0 { margin-bottom: 0em !important; } .pb-ml-0 { padding-bottom: 0em !important; } .ml-ml-0 { margin-left: 0em !important; } .pl-ml-0 { padding-left: 0em !important; } .mr-ml-0 { margin-right: 0em !important; } .pr-ml-0 { padding-right: 0em !important; } .mt-ml-1 { margin-top: 1em !important; } .pt-ml-1 { padding-top: 1em !important; } .mb-ml-1 { margin-bottom: 1em !important; } .pb-ml-1 { padding-bottom: 1em !important; } .ml-ml-1 { margin-left: 1em !important; } .pl-ml-1 { padding-left: 1em !important; } .mr-ml-1 { margin-right: 1em !important; } .pr-ml-1 { padding-right: 1em !important; } .mt-ml-2 { margin-top: 2em !important; } .pt-ml-2 { padding-top: 2em !important; } .mb-ml-2 { margin-bottom: 2em !important; } .pb-ml-2 { padding-bottom: 2em !important; } .ml-ml-2 { margin-left: 2em !important; } .pl-ml-2 { padding-left: 2em !important; } .mr-ml-2 { margin-right: 2em !important; } .pr-ml-2 { padding-right: 2em !important; } .mt-ml-3 { margin-top: 3em !important; } .pt-ml-3 { padding-top: 3em !important; } .mb-ml-3 { margin-bottom: 3em !important; } .pb-ml-3 { padding-bottom: 3em !important; } .ml-ml-3 { margin-left: 3em !important; } .pl-ml-3 { padding-left: 3em !important; } .mr-ml-3 { margin-right: 3em !important; } .pr-ml-3 { padding-right: 3em !important; } .mt-ml-4 { margin-top: 4em !important; } .pt-ml-4 { padding-top: 4em !important; } .mb-ml-4 { margin-bottom: 4em !important; } .pb-ml-4 { padding-bottom: 4em !important; } .ml-ml-4 { margin-left: 4em !important; } .pl-ml-4 { padding-left: 4em !important; } .mr-ml-4 { margin-right: 4em !important; } .pr-ml-4 { padding-right: 4em !important; } .mt-ml-5 { margin-top: 5em !important; } .pt-ml-5 { padding-top: 5em !important; } .mb-ml-5 { margin-bottom: 5em !important; } .pb-ml-5 { padding-bottom: 5em !important; } .ml-ml-5 { margin-left: 5em !important; } .pl-ml-5 { padding-left: 5em !important; } .mr-ml-5 { margin-right: 5em !important; } .pr-ml-5 { padding-right: 5em !important; } .mt-ml-6 { margin-top: 6em !important; } .pt-ml-6 { padding-top: 6em !important; } .mb-ml-6 { margin-bottom: 6em !important; } .pb-ml-6 { padding-bottom: 6em !important; } .ml-ml-6 { margin-left: 6em !important; } .pl-ml-6 { padding-left: 6em !important; } .mr-ml-6 { margin-right: 6em !important; } .pr-ml-6 { padding-right: 6em !important; } .mt-ml-7 { margin-top: 7em !important; } .pt-ml-7 { padding-top: 7em !important; } .mb-ml-7 { margin-bottom: 7em !important; } .pb-ml-7 { padding-bottom: 7em !important; } .ml-ml-7 { margin-left: 7em !important; } .pl-ml-7 { padding-left: 7em !important; } .mr-ml-7 { margin-right: 7em !important; } .pr-ml-7 { padding-right: 7em !important; } .mt-ml-8 { margin-top: 8em !important; } .pt-ml-8 { padding-top: 8em !important; } .mb-ml-8 { margin-bottom: 8em !important; } .pb-ml-8 { padding-bottom: 8em !important; } .ml-ml-8 { margin-left: 8em !important; } .pl-ml-8 { padding-left: 8em !important; } .mr-ml-8 { margin-right: 8em !important; } .pr-ml-8 { padding-right: 8em !important; } .mt-ml-9 { margin-top: 9em !important; } .pt-ml-9 { padding-top: 9em !important; } .mb-ml-9 { margin-bottom: 9em !important; } .pb-ml-9 { padding-bottom: 9em !important; } .ml-ml-9 { margin-left: 9em !important; } .pl-ml-9 { padding-left: 9em !important; } .mr-ml-9 { margin-right: 9em !important; } .pr-ml-9 { padding-right: 9em !important; } .mt-ml-10 { margin-top: 10em !important; } .pt-ml-10 { padding-top: 10em !important; } .mb-ml-10 { margin-bottom: 10em !important; } .pb-ml-10 { padding-bottom: 10em !important; } .ml-ml-10 { margin-left: 10em !important; } .pl-ml-10 { padding-left: 10em !important; } .mr-ml-10 { margin-right: 10em !important; } .pr-ml-10 { padding-right: 10em !important; } .mt-ml-11 { margin-top: 11em !important; } .pt-ml-11 { padding-top: 11em !important; } .mb-ml-11 { margin-bottom: 11em !important; } .pb-ml-11 { padding-bottom: 11em !important; } .ml-ml-11 { margin-left: 11em !important; } .pl-ml-11 { padding-left: 11em !important; } .mr-ml-11 { margin-right: 11em !important; } .pr-ml-11 { padding-right: 11em !important; } .mt-ml-12 { margin-top: 12em !important; } .pt-ml-12 { padding-top: 12em !important; } .mb-ml-12 { margin-bottom: 12em !important; } .pb-ml-12 { padding-bottom: 12em !important; } .ml-ml-12 { margin-left: 12em !important; } .pl-ml-12 { padding-left: 12em !important; } .mr-ml-12 { margin-right: 12em !important; } .pr-ml-12 { padding-right: 12em !important; } .mt-ml-13 { margin-top: 13em !important; } .pt-ml-13 { padding-top: 13em !important; } .mb-ml-13 { margin-bottom: 13em !important; } .pb-ml-13 { padding-bottom: 13em !important; } .ml-ml-13 { margin-left: 13em !important; } .pl-ml-13 { padding-left: 13em !important; } .mr-ml-13 { margin-right: 13em !important; } .pr-ml-13 { padding-right: 13em !important; } .mt-ml-21 { margin-top: 21em !important; } .pt-ml-21 { padding-top: 21em !important; } .mb-ml-21 { margin-bottom: 21em !important; } .pb-ml-21 { padding-bottom: 21em !important; } .ml-ml-21 { margin-left: 21em !important; } .pl-ml-21 { padding-left: 21em !important; } .mr-ml-21 { margin-right: 21em !important; } .pr-ml-21 { padding-right: 21em !important; } .float-right-ml { float: right; } .float-left-ml { float: left; } }

@media only screen and (min-width: 1180px) { .mt-l-0 { margin-top: 0em !important; } .pt-l-0 { padding-top: 0em !important; } .mb-l-0 { margin-bottom: 0em !important; } .pb-l-0 { padding-bottom: 0em !important; } .ml-l-0 { margin-left: 0em !important; } .pl-l-0 { padding-left: 0em !important; } .mr-l-0 { margin-right: 0em !important; } .pr-l-0 { padding-right: 0em !important; } .mt-l-1 { margin-top: 1em !important; } .pt-l-1 { padding-top: 1em !important; } .mb-l-1 { margin-bottom: 1em !important; } .pb-l-1 { padding-bottom: 1em !important; } .ml-l-1 { margin-left: 1em !important; } .pl-l-1 { padding-left: 1em !important; } .mr-l-1 { margin-right: 1em !important; } .pr-l-1 { padding-right: 1em !important; } .mt-l-2 { margin-top: 2em !important; } .pt-l-2 { padding-top: 2em !important; } .mb-l-2 { margin-bottom: 2em !important; } .pb-l-2 { padding-bottom: 2em !important; } .ml-l-2 { margin-left: 2em !important; } .pl-l-2 { padding-left: 2em !important; } .mr-l-2 { margin-right: 2em !important; } .pr-l-2 { padding-right: 2em !important; } .mt-l-3 { margin-top: 3em !important; } .pt-l-3 { padding-top: 3em !important; } .mb-l-3 { margin-bottom: 3em !important; } .pb-l-3 { padding-bottom: 3em !important; } .ml-l-3 { margin-left: 3em !important; } .pl-l-3 { padding-left: 3em !important; } .mr-l-3 { margin-right: 3em !important; } .pr-l-3 { padding-right: 3em !important; } .mt-l-4 { margin-top: 4em !important; } .pt-l-4 { padding-top: 4em !important; } .mb-l-4 { margin-bottom: 4em !important; } .pb-l-4 { padding-bottom: 4em !important; } .ml-l-4 { margin-left: 4em !important; } .pl-l-4 { padding-left: 4em !important; } .mr-l-4 { margin-right: 4em !important; } .pr-l-4 { padding-right: 4em !important; } .mt-l-5 { margin-top: 5em !important; } .pt-l-5 { padding-top: 5em !important; } .mb-l-5 { margin-bottom: 5em !important; } .pb-l-5 { padding-bottom: 5em !important; } .ml-l-5 { margin-left: 5em !important; } .pl-l-5 { padding-left: 5em !important; } .mr-l-5 { margin-right: 5em !important; } .pr-l-5 { padding-right: 5em !important; } .mt-l-6 { margin-top: 6em !important; } .pt-l-6 { padding-top: 6em !important; } .mb-l-6 { margin-bottom: 6em !important; } .pb-l-6 { padding-bottom: 6em !important; } .ml-l-6 { margin-left: 6em !important; } .pl-l-6 { padding-left: 6em !important; } .mr-l-6 { margin-right: 6em !important; } .pr-l-6 { padding-right: 6em !important; } .mt-l-7 { margin-top: 7em !important; } .pt-l-7 { padding-top: 7em !important; } .mb-l-7 { margin-bottom: 7em !important; } .pb-l-7 { padding-bottom: 7em !important; } .ml-l-7 { margin-left: 7em !important; } .pl-l-7 { padding-left: 7em !important; } .mr-l-7 { margin-right: 7em !important; } .pr-l-7 { padding-right: 7em !important; } .mt-l-8 { margin-top: 8em !important; } .pt-l-8 { padding-top: 8em !important; } .mb-l-8 { margin-bottom: 8em !important; } .pb-l-8 { padding-bottom: 8em !important; } .ml-l-8 { margin-left: 8em !important; } .pl-l-8 { padding-left: 8em !important; } .mr-l-8 { margin-right: 8em !important; } .pr-l-8 { padding-right: 8em !important; } .mt-l-9 { margin-top: 9em !important; } .pt-l-9 { padding-top: 9em !important; } .mb-l-9 { margin-bottom: 9em !important; } .pb-l-9 { padding-bottom: 9em !important; } .ml-l-9 { margin-left: 9em !important; } .pl-l-9 { padding-left: 9em !important; } .mr-l-9 { margin-right: 9em !important; } .pr-l-9 { padding-right: 9em !important; } .mt-l-10 { margin-top: 10em !important; } .pt-l-10 { padding-top: 10em !important; } .mb-l-10 { margin-bottom: 10em !important; } .pb-l-10 { padding-bottom: 10em !important; } .ml-l-10 { margin-left: 10em !important; } .pl-l-10 { padding-left: 10em !important; } .mr-l-10 { margin-right: 10em !important; } .pr-l-10 { padding-right: 10em !important; } .mt-l-11 { margin-top: 11em !important; } .pt-l-11 { padding-top: 11em !important; } .mb-l-11 { margin-bottom: 11em !important; } .pb-l-11 { padding-bottom: 11em !important; } .ml-l-11 { margin-left: 11em !important; } .pl-l-11 { padding-left: 11em !important; } .mr-l-11 { margin-right: 11em !important; } .pr-l-11 { padding-right: 11em !important; } .mt-l-12 { margin-top: 12em !important; } .pt-l-12 { padding-top: 12em !important; } .mb-l-12 { margin-bottom: 12em !important; } .pb-l-12 { padding-bottom: 12em !important; } .ml-l-12 { margin-left: 12em !important; } .pl-l-12 { padding-left: 12em !important; } .mr-l-12 { margin-right: 12em !important; } .pr-l-12 { padding-right: 12em !important; } .mt-l-13 { margin-top: 13em !important; } .pt-l-13 { padding-top: 13em !important; } .mb-l-13 { margin-bottom: 13em !important; } .pb-l-13 { padding-bottom: 13em !important; } .ml-l-13 { margin-left: 13em !important; } .pl-l-13 { padding-left: 13em !important; } .mr-l-13 { margin-right: 13em !important; } .pr-l-13 { padding-right: 13em !important; } .mt-l-21 { margin-top: 21em !important; } .pt-l-21 { padding-top: 21em !important; } .mb-l-21 { margin-bottom: 21em !important; } .pb-l-21 { padding-bottom: 21em !important; } .ml-l-21 { margin-left: 21em !important; } .pl-l-21 { padding-left: 21em !important; } .mr-l-21 { margin-right: 21em !important; } .pr-l-21 { padding-right: 21em !important; } .float-right-l { float: right; } .float-left-l { float: left; } }

@media only screen and (min-width: 1480px) { .mt-xl-0 { margin-top: 0em !important; } .pt-xl-0 { padding-top: 0em !important; } .mb-xl-0 { margin-bottom: 0em !important; } .pb-xl-0 { padding-bottom: 0em !important; } .ml-xl-0 { margin-left: 0em !important; } .pl-xl-0 { padding-left: 0em !important; } .mr-xl-0 { margin-right: 0em !important; } .pr-xl-0 { padding-right: 0em !important; } .mt-xl-1 { margin-top: 1em !important; } .pt-xl-1 { padding-top: 1em !important; } .mb-xl-1 { margin-bottom: 1em !important; } .pb-xl-1 { padding-bottom: 1em !important; } .ml-xl-1 { margin-left: 1em !important; } .pl-xl-1 { padding-left: 1em !important; } .mr-xl-1 { margin-right: 1em !important; } .pr-xl-1 { padding-right: 1em !important; } .mt-xl-2 { margin-top: 2em !important; } .pt-xl-2 { padding-top: 2em !important; } .mb-xl-2 { margin-bottom: 2em !important; } .pb-xl-2 { padding-bottom: 2em !important; } .ml-xl-2 { margin-left: 2em !important; } .pl-xl-2 { padding-left: 2em !important; } .mr-xl-2 { margin-right: 2em !important; } .pr-xl-2 { padding-right: 2em !important; } .mt-xl-3 { margin-top: 3em !important; } .pt-xl-3 { padding-top: 3em !important; } .mb-xl-3 { margin-bottom: 3em !important; } .pb-xl-3 { padding-bottom: 3em !important; } .ml-xl-3 { margin-left: 3em !important; } .pl-xl-3 { padding-left: 3em !important; } .mr-xl-3 { margin-right: 3em !important; } .pr-xl-3 { padding-right: 3em !important; } .mt-xl-4 { margin-top: 4em !important; } .pt-xl-4 { padding-top: 4em !important; } .mb-xl-4 { margin-bottom: 4em !important; } .pb-xl-4 { padding-bottom: 4em !important; } .ml-xl-4 { margin-left: 4em !important; } .pl-xl-4 { padding-left: 4em !important; } .mr-xl-4 { margin-right: 4em !important; } .pr-xl-4 { padding-right: 4em !important; } .mt-xl-5 { margin-top: 5em !important; } .pt-xl-5 { padding-top: 5em !important; } .mb-xl-5 { margin-bottom: 5em !important; } .pb-xl-5 { padding-bottom: 5em !important; } .ml-xl-5 { margin-left: 5em !important; } .pl-xl-5 { padding-left: 5em !important; } .mr-xl-5 { margin-right: 5em !important; } .pr-xl-5 { padding-right: 5em !important; } .mt-xl-6 { margin-top: 6em !important; } .pt-xl-6 { padding-top: 6em !important; } .mb-xl-6 { margin-bottom: 6em !important; } .pb-xl-6 { padding-bottom: 6em !important; } .ml-xl-6 { margin-left: 6em !important; } .pl-xl-6 { padding-left: 6em !important; } .mr-xl-6 { margin-right: 6em !important; } .pr-xl-6 { padding-right: 6em !important; } .mt-xl-7 { margin-top: 7em !important; } .pt-xl-7 { padding-top: 7em !important; } .mb-xl-7 { margin-bottom: 7em !important; } .pb-xl-7 { padding-bottom: 7em !important; } .ml-xl-7 { margin-left: 7em !important; } .pl-xl-7 { padding-left: 7em !important; } .mr-xl-7 { margin-right: 7em !important; } .pr-xl-7 { padding-right: 7em !important; } .mt-xl-8 { margin-top: 8em !important; } .pt-xl-8 { padding-top: 8em !important; } .mb-xl-8 { margin-bottom: 8em !important; } .pb-xl-8 { padding-bottom: 8em !important; } .ml-xl-8 { margin-left: 8em !important; } .pl-xl-8 { padding-left: 8em !important; } .mr-xl-8 { margin-right: 8em !important; } .pr-xl-8 { padding-right: 8em !important; } .mt-xl-9 { margin-top: 9em !important; } .pt-xl-9 { padding-top: 9em !important; } .mb-xl-9 { margin-bottom: 9em !important; } .pb-xl-9 { padding-bottom: 9em !important; } .ml-xl-9 { margin-left: 9em !important; } .pl-xl-9 { padding-left: 9em !important; } .mr-xl-9 { margin-right: 9em !important; } .pr-xl-9 { padding-right: 9em !important; } .mt-xl-10 { margin-top: 10em !important; } .pt-xl-10 { padding-top: 10em !important; } .mb-xl-10 { margin-bottom: 10em !important; } .pb-xl-10 { padding-bottom: 10em !important; } .ml-xl-10 { margin-left: 10em !important; } .pl-xl-10 { padding-left: 10em !important; } .mr-xl-10 { margin-right: 10em !important; } .pr-xl-10 { padding-right: 10em !important; } .mt-xl-11 { margin-top: 11em !important; } .pt-xl-11 { padding-top: 11em !important; } .mb-xl-11 { margin-bottom: 11em !important; } .pb-xl-11 { padding-bottom: 11em !important; } .ml-xl-11 { margin-left: 11em !important; } .pl-xl-11 { padding-left: 11em !important; } .mr-xl-11 { margin-right: 11em !important; } .pr-xl-11 { padding-right: 11em !important; } .mt-xl-12 { margin-top: 12em !important; } .pt-xl-12 { padding-top: 12em !important; } .mb-xl-12 { margin-bottom: 12em !important; } .pb-xl-12 { padding-bottom: 12em !important; } .ml-xl-12 { margin-left: 12em !important; } .pl-xl-12 { padding-left: 12em !important; } .mr-xl-12 { margin-right: 12em !important; } .pr-xl-12 { padding-right: 12em !important; } .mt-xl-13 { margin-top: 13em !important; } .pt-xl-13 { padding-top: 13em !important; } .mb-xl-13 { margin-bottom: 13em !important; } .pb-xl-13 { padding-bottom: 13em !important; } .ml-xl-13 { margin-left: 13em !important; } .pl-xl-13 { padding-left: 13em !important; } .mr-xl-13 { margin-right: 13em !important; } .pr-xl-13 { padding-right: 13em !important; } .mt-xl-21 { margin-top: 21em !important; } .pt-xl-21 { padding-top: 21em !important; } .mb-xl-21 { margin-bottom: 21em !important; } .pb-xl-21 { padding-bottom: 21em !important; } .ml-xl-21 { margin-left: 21em !important; } .pl-xl-21 { padding-left: 21em !important; } .mr-xl-21 { margin-right: 21em !important; } .pr-xl-21 { padding-right: 21em !important; } .float-right-xl { float: right; } .float-left-xl { float: left; } }

.mt-0 { margin-top: 0em !important; }

.pt-0 { padding-top: 0em !important; }

.mb-0 { margin-bottom: 0em !important; }

.pb-0 { padding-bottom: 0em !important; }

.ml-0 { margin-left: 0em !important; }

.pl-0 { padding-left: 0em !important; }

.mr-0 { margin-right: 0em !important; }

.pr-0 { padding-right: 0em !important; }

.m-0 { margin: 0rem !important; }

.p-0 { padding: 0rem !important; }

.mt-1 { margin-top: 1em !important; }

.pt-1 { padding-top: 1em !important; }

.mb-1 { margin-bottom: 1em !important; }

.pb-1 { padding-bottom: 1em !important; }

.ml-1 { margin-left: 1em !important; }

.pl-1 { padding-left: 1em !important; }

.mr-1 { margin-right: 1em !important; }

.pr-1 { padding-right: 1em !important; }

.m-1 { margin: 1rem !important; }

.p-1 { padding: 1rem !important; }

.mt-2 { margin-top: 2em !important; }

.pt-2 { padding-top: 2em !important; }

.mb-2 { margin-bottom: 2em !important; }

.pb-2 { padding-bottom: 2em !important; }

.ml-2 { margin-left: 2em !important; }

.pl-2 { padding-left: 2em !important; }

.mr-2 { margin-right: 2em !important; }

.pr-2 { padding-right: 2em !important; }

.m-2 { margin: 2rem !important; }

.p-2 { padding: 2rem !important; }

.mt-3 { margin-top: 3em !important; }

.pt-3 { padding-top: 3em !important; }

.mb-3 { margin-bottom: 3em !important; }

.pb-3 { padding-bottom: 3em !important; }

.ml-3 { margin-left: 3em !important; }

.pl-3 { padding-left: 3em !important; }

.mr-3 { margin-right: 3em !important; }

.pr-3 { padding-right: 3em !important; }

.m-3 { margin: 3rem !important; }

.p-3 { padding: 3rem !important; }

.mt-4 { margin-top: 4em !important; }

.pt-4 { padding-top: 4em !important; }

.mb-4 { margin-bottom: 4em !important; }

.pb-4 { padding-bottom: 4em !important; }

.ml-4 { margin-left: 4em !important; }

.pl-4 { padding-left: 4em !important; }

.mr-4 { margin-right: 4em !important; }

.pr-4 { padding-right: 4em !important; }

.m-4 { margin: 4rem !important; }

.p-4 { padding: 4rem !important; }

.mt-5 { margin-top: 5em !important; }

.pt-5 { padding-top: 5em !important; }

.mb-5 { margin-bottom: 5em !important; }

.pb-5 { padding-bottom: 5em !important; }

.ml-5 { margin-left: 5em !important; }

.pl-5 { padding-left: 5em !important; }

.mr-5 { margin-right: 5em !important; }

.pr-5 { padding-right: 5em !important; }

.m-5 { margin: 5rem !important; }

.p-5 { padding: 5rem !important; }

.mt-6 { margin-top: 6em !important; }

.pt-6 { padding-top: 6em !important; }

.mb-6 { margin-bottom: 6em !important; }

.pb-6 { padding-bottom: 6em !important; }

.ml-6 { margin-left: 6em !important; }

.pl-6 { padding-left: 6em !important; }

.mr-6 { margin-right: 6em !important; }

.pr-6 { padding-right: 6em !important; }

.m-6 { margin: 6rem !important; }

.p-6 { padding: 6rem !important; }

.mt-7 { margin-top: 7em !important; }

.pt-7 { padding-top: 7em !important; }

.mb-7 { margin-bottom: 7em !important; }

.pb-7 { padding-bottom: 7em !important; }

.ml-7 { margin-left: 7em !important; }

.pl-7 { padding-left: 7em !important; }

.mr-7 { margin-right: 7em !important; }

.pr-7 { padding-right: 7em !important; }

.m-7 { margin: 7rem !important; }

.p-7 { padding: 7rem !important; }

.mt-8 { margin-top: 8em !important; }

.pt-8 { padding-top: 8em !important; }

.mb-8 { margin-bottom: 8em !important; }

.pb-8 { padding-bottom: 8em !important; }

.ml-8 { margin-left: 8em !important; }

.pl-8 { padding-left: 8em !important; }

.mr-8 { margin-right: 8em !important; }

.pr-8 { padding-right: 8em !important; }

.m-8 { margin: 8rem !important; }

.p-8 { padding: 8rem !important; }

.mt-9 { margin-top: 9em !important; }

.pt-9 { padding-top: 9em !important; }

.mb-9 { margin-bottom: 9em !important; }

.pb-9 { padding-bottom: 9em !important; }

.ml-9 { margin-left: 9em !important; }

.pl-9 { padding-left: 9em !important; }

.mr-9 { margin-right: 9em !important; }

.pr-9 { padding-right: 9em !important; }

.m-9 { margin: 9rem !important; }

.p-9 { padding: 9rem !important; }

.mt-10 { margin-top: 10em !important; }

.pt-10 { padding-top: 10em !important; }

.mb-10 { margin-bottom: 10em !important; }

.pb-10 { padding-bottom: 10em !important; }

.ml-10 { margin-left: 10em !important; }

.pl-10 { padding-left: 10em !important; }

.mr-10 { margin-right: 10em !important; }

.pr-10 { padding-right: 10em !important; }

.m-10 { margin: 10rem !important; }

.p-10 { padding: 10rem !important; }

.mt-11 { margin-top: 11em !important; }

.pt-11 { padding-top: 11em !important; }

.mb-11 { margin-bottom: 11em !important; }

.pb-11 { padding-bottom: 11em !important; }

.ml-11 { margin-left: 11em !important; }

.pl-11 { padding-left: 11em !important; }

.mr-11 { margin-right: 11em !important; }

.pr-11 { padding-right: 11em !important; }

.m-11 { margin: 11rem !important; }

.p-11 { padding: 11rem !important; }

.mt-12 { margin-top: 12em !important; }

.pt-12 { padding-top: 12em !important; }

.mb-12 { margin-bottom: 12em !important; }

.pb-12 { padding-bottom: 12em !important; }

.ml-12 { margin-left: 12em !important; }

.pl-12 { padding-left: 12em !important; }

.mr-12 { margin-right: 12em !important; }

.pr-12 { padding-right: 12em !important; }

.m-12 { margin: 12rem !important; }

.p-12 { padding: 12rem !important; }

.mt-13 { margin-top: 13em !important; }

.pt-13 { padding-top: 13em !important; }

.mb-13 { margin-bottom: 13em !important; }

.pb-13 { padding-bottom: 13em !important; }

.ml-13 { margin-left: 13em !important; }

.pl-13 { padding-left: 13em !important; }

.mr-13 { margin-right: 13em !important; }

.pr-13 { padding-right: 13em !important; }

.m-13 { margin: 13rem !important; }

.p-13 { padding: 13rem !important; }

.mt-21 { margin-top: 21em !important; }

.pt-21 { padding-top: 21em !important; }

.mb-21 { margin-bottom: 21em !important; }

.pb-21 { padding-bottom: 21em !important; }

.ml-21 { margin-left: 21em !important; }

.pl-21 { padding-left: 21em !important; }

.mr-21 { margin-right: 21em !important; }

.pr-21 { padding-right: 21em !important; }

.m-21 { margin: 21rem !important; }

.p-21 { padding: 21rem !important; }

html { font-size: 1.125rem; }

body { line-height: 1.6; font-weight: 400; font-family: "Visby"; color: #000; background-color: #fff; position: relative; right: 0; transition: right 300ms ease; }

body.menu-open { right: 250px; overflow-y: hidden; }

hr { border: 0.5px solid #C9CAC8; }

hr.styled-break { width: 20%; min-width: 10em; max-width: 300px; margin-left: 0; border: 2px solid #1C5371; }

hr.styled-break.sb-aqua { border-color: #307A83; }

hr.styled-break.sb-blue { border-color: #1C5371; }

hr.styled-break.sb-brand-yellow { border-color: #FECF5D; }

.wrapper { position: relative; }

.locked { overflow: hidden; position: relative; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.element, .stories__container { padding: 10px; }

.container { width: 94%; max-width: 1200px; margin: 0 auto; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-top: 0; margin-bottom: 1rem; line-height: 1.2; font-weight: normal; }

h1.header-light, .h1.header-light, h2.header-light, .h2.header-light, h3.header-light, .h3.header-light, h4.header-light, .h4.header-light, h5.header-light, .h5.header-light, h6.header-light, .h6.header-light { font-weight: 300; }

h1.header-light p, .h1.header-light p, h2.header-light p, .h2.header-light p, h3.header-light p, .h3.header-light p, h4.header-light p, .h4.header-light p, h5.header-light p, .h5.header-light p, h6.header-light p, .h6.header-light p { font-family: "Visby"; font-weight: 300; }

h1.header-bold, .h1.header-bold, h2.header-bold, .h2.header-bold, h3.header-bold, .h3.header-bold, h4.header-bold, .h4.header-bold, h5.header-bold, .h5.header-bold, h6.header-bold, .h6.header-bold { font-weight: 900; }

h1.header-blue, .h1.header-blue, h2.header-blue, .h2.header-blue, h3.header-blue, .h3.header-blue, h4.header-blue, .h4.header-blue, h5.header-blue, .h5.header-blue, h6.header-blue, .h6.header-blue { color: #1C5371; }

.h0 { font-size: 4rem; }

h1, .h1 { font-size: 1.9904rem; }

h2, .h2 { font-size: 1.6592rem; }

h3, .h3 { font-size: 1.3824rem; }

h4, .h4 { font-size: 1.152rem; }

h5, .h5 { font-size: 0.96rem; }

h6, .h6 { font-size: 0.8rem; }

/* Larger than phablet */
@media (min-width: 550px) { h0 { font-size: 5rem; } h1, .h1 { font-size: 2.488rem; } h2, .h2 { font-size: 2.074rem; } h3, .h3 { font-size: 1.728rem; } h4, .h4 { font-size: 1.44rem; } h5, .h5 { font-size: 1.2rem; } h6, .h6 { font-size: 1rem; } }

.headline { position: relative; }

.headline.headline-centered { margin: 0 auto; text-align: center; }

.headline.headline-centered.over-video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.headline.headline-constrained { width: 94%; max-width: 610px; }

.headline h1 { margin-bottom: 1rem; }

.headline .h1 { font-family: "Visby"; }

.headline .color-light { color: #fff; }

p { margin: 0px; font-family: 'Source Sans Pro', sans-serif; -webkit-font-smoothing: antialiased; }

.text-lg { font-size: 1.40625rem; }

i.fa { font-size: 1.5rem; }

a, .link { text-decoration: none; color: inherit; cursor: pointer; outline: none; }

a.disabled, .link.disabled { pointer-events: none; cursor: default; color: #606a6e; }

.styled-text a, .styled-text .link { text-decoration: underline; color: #1C5371; }

.styled-text a:hover, .styled-text .link:hover { color: #102f40; }

.link-component { display: inline-block; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.23); display: flex; max-width: 550px; margin: 0 auto; }

.link-component__img { flex: 2; font-size: 0; }

.link-component__img img { width: 100%; }

@media only screen and (min-width: 769px) { .link-component__img { flex: 1; } }

.link-component__copy { flex: 3; padding: 0.5rem 1rem; }

.link-component__copy span { font-size: 1.125rem; color: #000; }

@media only screen and (min-width: 769px) { .link-component__copy { flex: 2; padding: 2rem; } }

.button, button, input[type="submit"], input[type="reset"], input[type="button"] { display: inline !important; height: inherit !important; padding: 10px 15px !important; color: #555; text-align: center !important; font-weight: 300 !important; line-height: 38px !important; letter-spacing: .1rem !important; text-transform: uppercase !important; text-decoration: none !important; white-space: nowrap !important; background-color: transparent; border-radius: 0 !important; border: 1px solid #bbb; cursor: pointer !important; box-sizing: border-box !important; transition: background-color 350ms ease, border-color 350ms ease, opacity 350ms ease !important; vertical-align: baseline !important; }

@media only screen and (min-width: 769px) { .button, button, input[type="submit"], input[type="reset"], input[type="button"] { padding: 10px 30px !important; } }

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { color: #333; border-color: #888; outline: 0; }

.button.button-primary, button.button-primary, input.button-primary[type="submit"], input.button-primary[type="reset"], input.button-primary[type="button"] { color: #FFF !important; background-color: #1C5371 !important; border-color: #1C5371 !important; }

.button.button-primary:hover, button.button-primary:hover, input.button-primary[type="submit"]:hover, input.button-primary[type="reset"]:hover, input.button-primary[type="button"]:hover, .button.button-primary:focus, button.button-primary:focus, input.button-primary[type="submit"]:focus, input.button-primary[type="reset"]:focus, input.button-primary[type="button"]:focus { color: #FFF !important; background-color: #17445d !important; border-color: #17445d !important; }

.button.button-ghost-primary, button.button-ghost-primary, input.button-ghost-primary[type="submit"], input.button-ghost-primary[type="reset"], input.button-ghost-primary[type="button"] { color: #1C5371 !important; background-color: transparent !important; border-color: #1C5371 !important; opacity: 0.7 !important; }

.button.button-ghost-primary:hover, button.button-ghost-primary:hover, input.button-ghost-primary[type="submit"]:hover, input.button-ghost-primary[type="reset"]:hover, input.button-ghost-primary[type="button"]:hover, .button.button-ghost-primary:focus, button.button-ghost-primary:focus, input.button-ghost-primary[type="submit"]:focus, input.button-ghost-primary[type="reset"]:focus, input.button-ghost-primary[type="button"]:focus { color: #1C5371 !important; background-color: transparent !important; border-color: #17445d !important; opacity: 1 !important; }

.button.button-ghost-white, button.button-ghost-white, input.button-ghost-white[type="submit"], input.button-ghost-white[type="reset"], input.button-ghost-white[type="button"] { color: #fff; background-color: transparent; border-color: #fff; opacity: 0.7; }

.button.button-ghost-white:hover, button.button-ghost-white:hover, input.button-ghost-white[type="submit"]:hover, input.button-ghost-white[type="reset"]:hover, input.button-ghost-white[type="button"]:hover, .button.button-ghost-white:focus, button.button-ghost-white:focus, input.button-ghost-white[type="submit"]:focus, input.button-ghost-white[type="reset"]:focus, input.button-ghost-white[type="button"]:focus { color: #fff; background-color: transparent; border-color: #f2f2f2; opacity: 1; }

.button.button-aqua, button.button-aqua, input.button-aqua[type="submit"], input.button-aqua[type="reset"], input.button-aqua[type="button"] { color: #FFF !important; background-color: #307A83 !important; border-color: #307A83 !important; }

.button.button-aqua:hover, button.button-aqua:hover, input.button-aqua[type="submit"]:hover, input.button-aqua[type="reset"]:hover, input.button-aqua[type="button"]:hover, .button.button-aqua:focus, button.button-aqua:focus, input.button-aqua[type="submit"]:focus, input.button-aqua[type="reset"]:focus, input.button-aqua[type="button"]:focus { color: #FFF !important; background-color: #296970 !important; border-color: #296970 !important; }

.button.button-green, button.button-green, input.button-green[type="submit"], input.button-green[type="reset"], input.button-green[type="button"] { color: #2c2e37 !important; background-color: #4cb944 !important; border-color: #4cb944 !important; }

.button.button-green:hover, button.button-green:hover, input.button-green[type="submit"]:hover, input.button-green[type="reset"]:hover, input.button-green[type="button"]:hover, .button.button-green:focus, button.button-green:focus, input.button-green[type="submit"]:focus, input.button-green[type="reset"]:focus, input.button-green[type="button"]:focus { color: #2c2e37 !important; background-color: #44a63d !important; border-color: #44a63d !important; }

.button.button-ghost-aqua, button.button-ghost-aqua, input.button-ghost-aqua[type="submit"], input.button-ghost-aqua[type="reset"], input.button-ghost-aqua[type="button"] { color: #307A83 !important; background-color: transparent !important; border-color: #307A83 !important; opacity: 0.7 !important; }

.button.button-ghost-aqua:hover, button.button-ghost-aqua:hover, input.button-ghost-aqua[type="submit"]:hover, input.button-ghost-aqua[type="reset"]:hover, input.button-ghost-aqua[type="button"]:hover, .button.button-ghost-aqua:focus, button.button-ghost-aqua:focus, input.button-ghost-aqua[type="submit"]:focus, input.button-ghost-aqua[type="reset"]:focus, input.button-ghost-aqua[type="button"]:focus { color: #307A83 !important; background-color: transparent !important; border-color: #296970 !important; opacity: 1 !important; }

.button.button-red, button.button-red, input.button-red[type="submit"], input.button-red[type="reset"], input.button-red[type="button"] { color: #FFF; background-color: #DB1F5A; border-color: #DB1F5A; }

.button.button-red:hover, button.button-red:hover, input.button-red[type="submit"]:hover, input.button-red[type="reset"]:hover, input.button-red[type="button"]:hover, .button.button-red:focus, button.button-red:focus, input.button-red[type="submit"]:focus, input.button-red[type="reset"]:focus, input.button-red[type="button"]:focus { color: #FFF; background-color: #c51c51; border-color: #c51c51; }

.button.button-yellow, button.button-yellow, input.button-yellow[type="submit"], input.button-yellow[type="reset"], input.button-yellow[type="button"] { color: #000; background-color: #FECF5D; border-color: #FECF5D; }

.button.button-yellow:hover, button.button-yellow:hover, input.button-yellow[type="submit"]:hover, input.button-yellow[type="reset"]:hover, input.button-yellow[type="button"]:hover, .button.button-yellow:focus, button.button-yellow:focus, input.button-yellow[type="submit"]:focus, input.button-yellow[type="reset"]:focus, input.button-yellow[type="button"]:focus { color: #000; background-color: #fec744; border-color: #fec744; }

.button.button-light-blue, button.button-light-blue, input.button-light-blue[type="submit"], input.button-light-blue[type="reset"], input.button-light-blue[type="button"] { color: #FFF; background-color: #00ADD0; border-color: #00ADD0; }

.button.button-light-blue:hover, button.button-light-blue:hover, input.button-light-blue[type="submit"]:hover, input.button-light-blue[type="reset"]:hover, input.button-light-blue[type="button"]:hover, .button.button-light-blue:focus, button.button-light-blue:focus, input.button-light-blue[type="submit"]:focus, input.button-light-blue[type="reset"]:focus, input.button-light-blue[type="button"]:focus { color: #FFF; background-color: #0098b7; border-color: #0098b7; }

.button.button-black, button.button-black, input.button-black[type="submit"], input.button-black[type="reset"], input.button-black[type="button"] { color: #FFF; background-color: #2c2e37; border-color: #2c2e37; }

.button.button-black:hover, button.button-black:hover, input.button-black[type="submit"]:hover, input.button-black[type="reset"]:hover, input.button-black[type="button"]:hover, .button.button-black:focus, button.button-black:focus, input.button-black[type="submit"]:focus, input.button-black[type="reset"]:focus, input.button-black[type="button"]:focus { color: #FFF; background-color: #212229; border-color: #212229; }

.button.button-ghost-aqua, button.button-ghost-aqua, input.button-ghost-aqua[type="submit"], input.button-ghost-aqua[type="reset"], input.button-ghost-aqua[type="button"] { color: #307A83 !important; background-color: transparent !important; border-color: #307A83 !important; opacity: 0.7 !important; }

.button.button-ghost-black:hover, button.button-ghost-black:hover, input.button-ghost-black[type="submit"]:hover, input.button-ghost-black[type="reset"]:hover, input.button-ghost-black[type="button"]:hover, .button.button-ghost-black:focus, button.button-ghost-black:focus, input.button-ghost-black[type="submit"]:focus, input.button-ghost-black[type="reset"]:focus, input.button-ghost-black[type="button"]:focus { color: #2c2e37 !important; background-color: transparent !important; border-color: #212229 !important; opacity: 1 !important; }

.button.button-gray, button.button-gray, input.button-gray[type="submit"], input.button-gray[type="reset"], input.button-gray[type="button"] { color: #000; background-color: #f0f0f0; border-color: #f0f0f0; }

.button.button-gray:hover, button.button-gray:hover, input.button-gray[type="submit"]:hover, input.button-gray[type="reset"]:hover, input.button-gray[type="button"]:hover, .button.button-gray:focus, button.button-gray:focus, input.button-gray[type="submit"]:focus, input.button-gray[type="reset"]:focus, input.button-gray[type="button"]:focus { color: #000; background-color: #e3e3e3; border-color: #e3e3e3; }

.cappedLink { -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; opacity: .75; letter-spacing: 1px; text-transform: uppercase; font-family: "Visby", sans-serif; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.cappedLink:hover { opacity: 1; }

.active.cappedLink { opacity: 1; }

.dark.cappedLink { color: #2c2e37; }

.icon { position: relative; display: inline-block; width: 30px; height: 30px; }

.icon:before { content: ''; position: absolute; top: 0; left: 0; transform: translateY(33%); width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; }

.icon.icon-lg { width: 50px; height: 50px; }

.icon.icon-md { width: 30px; height: 30px; }

.icon.icon-sm { width: 16px; height: 16px; }

.arrow-left:before { background-image: url("/assets/images/ic_right_arrow_white.svg"); transform: rotate(180deg); }

.arrow-up:before { background-image: url("/assets/images/ic_right_arrow_white.svg"); transform: rotate(45deg); }

.arrow-down:before { background-image: url("/assets/images/ic_right_arrow_white.svg"); transform: rotate(-45deg); }

a.with-arrow { width: 150%; padding-right: 50%; display: inline-block; position: relative; }

.cssicon { position: absolute; top: 50%; right: 0; transform: translate(-50%, -150%); width: 20px; height: 15px; cursor: pointer; }

.arrow { position: absolute; top: 25px; width: 90%; height: 3px; background-color: #2c2e37; animation: arrow 700ms linear infinite; border-radius: 3px; }

.arrow::after { content: ''; position: absolute; width: 60%; height: 3px; top: -3px; right: -3px; background-color: #2c2e37; transform: rotate(45deg); border-radius: 3px; }

.arrow::before { content: ''; position: absolute; width: 60%; height: 3px; top: 3px; right: -3px; background-color: #2c2e37; transform: rotate(-45deg); border-radius: 3px; }

.art-circle { position: relative; }

.art-circle:before { position: absolute; content: ''; bottom: 2rem; right: 0; width: 200px; height: 200px; background-color: #FECF5D; border-radius: 100%; z-index: 10; }

@media only screen and (min-width: 769px) { .art-circle:before { right: -1rem; width: 300px; height: 300px; } }

.art-square { position: relative; }

.art-square:after { position: absolute; content: ''; top: -1rem; left: 0; height: 90%; width: 100%; background-color: #00ADD0; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Ccircle cx='2.5' cy='2.5' r='0.9' fill='%2300ADD0'/%3E%3C/svg%3E") repeat bottom right; }

@media only screen and (min-width: 769px) { .art-square:after { left: 3rem; width: 96%; height: 80%; } }

.art-square.art-inverted::after { background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Ccircle cx='2.5' cy='2.5' r='0.9' fill='%232c2e37'/%3E%3C/svg%3E") repeat bottom right; }

.art-triangle { position: relative; }

.art-triangle:before { content: ''; position: absolute; top: -10px; right: 10px; width: 0; height: 0; border-style: solid; border-width: 0 200px 200px 0; border-color: transparent #FECF5D transparent transparent; opacity: 1; z-index: 0; transform: rotate(-5deg); }

@media only screen and (min-width: 769px) { .art-triangle:before { border-width: 0 400px 400px 0; } }

.art-triangle.art-inverted:before { border-color: transparent #00ADD0 transparent transparent; }

.superheader { border-bottom: 2px dotted #FECF5D; }

.ta-center { text-align: center !important; }

@media only screen and (min-width: 340px) { .ta-center-xs { text-align: center !important; } }

@media only screen and (min-width: 480px) { .ta-center-sm { text-align: center !important; } }

@media only screen and (min-width: 769px) { .ta-center-md { text-align: center !important; } }

.ta-left { text-align: left !important; }

@media only screen and (min-width: 340px) { .ta-left-xs { text-align: left !important; } }

@media only screen and (min-width: 480px) { .ta-left-sm { text-align: left !important; } }

@media only screen and (min-width: 769px) { .ta-left-md { text-align: left !important; } }

.ta-right { text-align: right !important; }

@media only screen and (min-width: 340px) { .ta-right-xs { text-align: right !important; } }

@media only screen and (min-width: 480px) { .ta-right-sm { text-align: right !important; } }

@media only screen and (min-width: 769px) { .ta-right-md { text-align: right !important; } }

.ta-left { text-align: left !important; }

.ul-reset { padding: 0px; margin: 0px; list-style: none; }

li, td { font-family: "Source Sans Pro", sans-serif; -webkit-font-smoothing: antialiased; }

div.wrap { max-width: 1440px; width: 94%; display: block; margin: 0 auto; }

div.wrap { overflow: hidden; }

.flex { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; }

.hidden { display: none; }

.mb-0 { margin-bottom: 0; }

.mb-1 { margin-bottom: 1rem; }

.mb-2 { margin-bottom: 2rem; }

.mobile-hidden { display: none !important; }

@media only screen and (min-width: 769px) { .mobile-hidden { display: initial !important; } }

@media only screen and (min-width: 769px) { .mobile-show { display: none !important; } }

.loader-container { background: transparent; display: none; }

.loader-container.active { display: block; background: #fff; position: absolute; height: 100%; width: 100%; z-index: 9999; }

.loader, .loader:before, .loader:after { border-radius: 50%; }

.loader { background: inherit; color: #606a6e; font-size: 11px; text-indent: -99999em; margin: 55px auto; position: relative; width: 10em; height: 10em; box-shadow: inset 0 0 0 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }

.loader:before, .loader:after { background: inherit; position: absolute; content: ''; }

.loader:before { width: 5.2em; height: 10.2em; border-radius: 10.2em 0 0 10.2em; top: -0.1em; left: -0.1em; -webkit-transform-origin: 5.2em 5.1em; transform-origin: 5.2em 5.1em; -webkit-animation: load2 2s infinite ease 1.5s; animation: load2 2s infinite ease 1.5s; }

.loader:after { width: 5.2em; height: 10.2em; border-radius: 0 10.2em 10.2em 0; top: -0.1em; left: 5.1em; -webkit-transform-origin: 0px 5.1em; transform-origin: 0px 5.1em; -webkit-animation: load2 2s infinite ease; animation: load2 2s infinite ease; }

@-webkit-keyframes load2 { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes load2 { 0% { -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.scrollable { overflow: scroll; }

.promo-bar { display: none; position: fixed; width: 100%; background: #FECF5D; text-align: center; transition: height 500ms ease; z-index: 500; }

.promo-bar.is-open { display: block; }

.promo-bar p a { text-decoration: underline; }

.promo-bar.pb-fixed { position: fixed; }

.promo-bar__text { display: inline-block; width: 85%; margin: 8px auto; }

@media only screen and (min-width: 769px) { .promo-bar__text { width: 80%; } }

.promo-bar__close { position: absolute; top: 3px; right: 0; }

.page-section { padding: 2rem 0; position: relative; }

@media only screen and (min-width: 769px) { .page-section { padding: 4rem 0; } }

.page-section .headline { margin-bottom: 2rem; z-index: 100; }

.page-section .headline > { overflow: auto; }

.page-section .headline h4 { text-transform: none; }

.page-section img { width: 100%; }

.page-hero { opacity: 1; z-index: 50; background-position: center; background-size: cover; padding-top: 15rem; padding-bottom: 7rem; border-bottom: 1px solid transparent; }

@media only screen and (min-width: 769px) { .page-hero { padding-top: 16rem; } }

.page-hero .headline h1 { margin-bottom: 2rem; }

.page-hero h4 { text-transform: none; }

.page-hero .button { width: 100%; max-width: 200px; }

.page-hero.dark-bg *, .page-hero.blue-bg *, .page-hero.aqua-bg * { color: #fff; }

.page-hero.has-video { padding: 0; overflow: hidden; max-height: 600px; }

@media only screen and (min-width: 769px) { .page-hero.has-video { max-height: 800px; } }

.page-hero video { min-width: 100%; }

.lightest-gray-bg { background-color: #f0f0f0; }

.blue-bg { background-color: #1C5371; }

.blue-bg > * { color: #fff; }

.aqua-bg { background-color: #307A83; }

.white-bg { background-color: #fff; }

.hero-angled { -webkit-clip-path: polygon(100% 0, 100% 90%, 0% 100%, 0 0%); clip-path: polygon(100% 0, 100% 90%, 0% 100%, 0 0%); }

.hero-angled.odd { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%); }

.diversity-hero { overflow: hidden; }

.diversity-hero:before { content: ''; position: absolute; top: -20%; left: 0; width: 100%; height: 113%; background: #2c2e37; transform: skewY(-2deg); opacity: 1; z-index: 0; }

@media only screen and (min-width: 769px) { .diversity-hero:before { top: -25%; height: 120%; } }

.img-gradient { position: relative; min-height: 332px; height: 100%; width: 100%; background-position: center top; background-size: cover; background-repeat: no-repeat; background-image: linear-gradient(transparent, #2c2e37), url("/uploads/matter-logo-colors.svg"); }

.angled-top > * { z-index: 10; position: relative; }

.angled-top:before { content: ''; position: absolute; top: -2rem; left: 0; width: 100%; height: 100%; background: #fff; transform: skewY(2deg); opacity: 1; z-index: 0; }

.iframe-container { position: relative; overflow: hidden; padding-bottom: 56.25%; padding-top: 35px; }

.iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

.mc-field-group { padding-bottom: 2rem !important; }

.mc-field-group.half { display: inline-block; width: 48% !important; }

div.mce_inline_error { position: absolute; bottom: 0; margin-bottom: 0 !important; }

.float-right { float: right; }

.float-left { float: left; }

.img_container { max-width: 800px; margin: 0 auto; }

.img_container.img-small { max-width: 500px; }

.img_container.img-large { max-width: none; }

.img_container img { width: 100%; }

.notice-red { color: #DB1F5A; }

section.pagePreview { width: 100%; height: 100vh; background: url("") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; padding: 20px; }

section.pagePreview h4, section.pagePreview p, section.pagePreview a { color: #ffffff; padding: 10px 0px; }

section.pagePreview a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; transition: opacity 300ms ease; opacity: .75; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }

section.pagePreview a img { padding-left: 10px; width: 35px; opacity: .75; position: relative; -webkit-transition: all 350ms ease; -moz-transition: all 350ms ease; -ms-transition: all 350ms ease; transition: all 350ms ease; left: 0; }

section.pagePreview a:hover { opacity: 1; }

section.pagePreview a:hover img { opacity: 1; left: 10px; }

section.pagePreview h4 { width: 50%; border-bottom: 1px solid #ffffff; padding: 0px; padding-bottom: 5px; }

section.pagePreview div.panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; position: relative; height: 100%; width: 100%; }

@media only screen and (min-width: 1180px) { section.pagePreview div.panel { width: 50%; } }

section.pagePreview div.colorOverlay { opacity: .75; height: 100%; width: 100%; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

section.pagePreview div.copy { z-index: 50; position: absolute; top: 55%; width: 100%; padding: 20px; }

@media only screen and (min-width: 480px) { section.pagePreview div.copy { width: 50%; } }

@media only screen and (min-width: 769px) { section.pagePreview div.copy { width: 40%; right: 20px; padding: 0px; } }

section.pageIntro { position: relative; height: 100vh; width: 100%; background-color: rgba(0, 0, 0, 0.4); }

section.pageIntro div.introCopy { z-index: 100; position: absolute; bottom: 0; left: 0; right: 0; padding: 0px 20px; height: 55vh; }

@media only screen and (min-width: 480px) { section.pageIntro div.introCopy { max-height: 400px; } }

@media only screen and (min-width: 769px) { section.pageIntro div.introCopy { max-height: 300px; height: 40vh; } }

section.pageIntro a.downArrow { position: absolute; top: 20px; right: 40px; }

section.pageIntro div.introColor { width: 100%; height: 100%; }

section.pageIntro div.copy { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #ffffff; width: 100%; padding: 0px 40px; }

@media only screen and (min-width: 769px) { section.pageIntro div.copy { width: auto; padding: 0px; } }

.breadcrumbs__container { position: relative; }

.breadcrumbs ol { list-style: none; }

.breadcrumbs li { display: inline-block; }

.breadcrumbs li:after { content: '>'; position: absolute; right: 0.1em; top: 0.3em; line-height: 1; }

.breadcrumbs li:last-of-type { font-weight: normal; opacity: 1; }

.breadcrumbs li:last-of-type:after { content: ''; }

.breadcrumbs a { position: relative; font-weight: 400; text-decoration: underline; }

section.longFormText { padding: 0px 20px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; }

section.longFormText div.copy { margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 20px 0px; }

@media only screen and (min-width: 769px) { section.longFormText div.copy { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 83.3333333333%; } }

@media only screen and (min-width: 769px) { section.longFormText div.bodyText { padding-right: 80px; } }

section.longFormText ul { list-style: none; padding: 0px; margin: 0px; }

section.longFormText p, section.longFormText h2 { padding: 10px; }

section.longFormText p a { color: #1C5371; }

section.longFormText li { padding-left: 40px; }

section.longFormText li:before { content: "\f061"; font-family: FontAwesome; display: inline-block; margin-left: -24px; width: 24px; }

section.longFormText.dark { background: #4A4D4E; }

section.longFormText.dark div.componentBackground { background-color: rgba(125, 125, 125, 0.9); }

section.longFormText.dark h2, section.longFormText.dark p, section.longFormText.dark li { color: #ffffff; }

div.sideNav h5, div.sideNav p { padding: 0px; color: #ffffff; }

div.sideNav h5 { text-transform: uppercase; }

div.sideNav a { display: block; padding: 20px 0px; border-bottom: 1px solid #ffffff; opacity: .75; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; transition: opacity 300ms ease; }

div.sideNav a i { position: relative; left: 0px; -webkit-transition: left 300ms ease; -moz-transition: left 300ms ease; -ms-transition: left 300ms ease; transition: left 300ms ease; }

div.sideNav a:hover { opacity: 1; }

div.sideNav a:hover i { left: 10px; }

div.sideNav a:last-of-type { border: 0px; }

@media only screen and (min-width: 769px) { div.sideNav { width: 40%; padding-top: 60px; } }

section.heroCenter div.copy { left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #ffffff; padding: 20px; }

section.heroCenter div.copy p { -webkit-font-smoothing: auto; }

@media only screen and (min-width: 769px) { section.heroCenter div.copy { padding: 40px; } }

section.heroCenter a { color: #FECF5D; border-bottom: 2px solid rgba(250, 193, 20, 0.9); }

section.heroCenter a.cappedLink { border: none; color: inherit; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

section.heroCenter img { margin-right: 10px; }

section.heroVideo iframe { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 100; }

section.textColumns { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 80px 0; }

section.textColumns div.column { padding: 20px; width: 100%; }

@media only screen and (min-width: 769px) { section.textColumns div.column { width: 25%; } }

section.textColumns a { border-bottom: 2px solid rgba(250, 193, 20, 0.9); color: #FECF5D; }

section.textColumns b { font-family: "Source Sans Pro", sans-serif; font-weight: 600; display: block; margin-bottom: 5px; }

@media only screen and (min-width: 769px) { section.textColumns { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

section.tabs { width: 100%; min-height: 100vh; overflow-y: visible; position: relative; }

section.tabs .tabPages { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; width: 100%; min-height: 100vh; overflow-x: hidden; overflow-y: hidden; position: relative; }

section.tabs div.peopleCopy { width: 100%; padding: 60px 20px; }

section.tabs div.peopleCopy h2, section.tabs div.peopleCopy a { color: #1C5371; }

section.tabs div.peopleCopy a { border-bottom: 2px solid #1C5371; }

@media only screen and (min-width: 769px) { section.tabs div.peopleCopy { width: 50%; } }

section.tabs .tabPage { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; position: absolute; min-height: 100vh; padding-top: 30px; -webkit-transition: left 300ms ease-in-out; -moz-transition: left 300ms ease-in-out; -ms-transition: left 300ms ease-in-out; transition: left 300ms ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

section.tabs .tabPage.active { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; }

section.tabs .tab-section { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

nav.tabs { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); width: 100%; background-color: #ffffff; position: absolute; top: 0; left: 0; right: 0; z-index: 100; }

nav.tabs.fixed { position: fixed; z-index: 100; }

nav.tabs div.wrap { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media only screen and (min-width: 769px) { nav.tabs div.wrap { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; } nav.tabs div.wrap a.tab { width: auto; } }

a.tab { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; padding: 10px; flex-grow: 1; color: #000; border-bottom: 3px solid transparent; width: 50%; font-family: "Visby"; font-weight: 300; }

a.tab.active, a.tab:hover { border-bottom: 3px solid #1C5371; color: #1C5371; }

a.tab:hover { background-color: #f8f8f8; }

@media only screen and (min-width: 769px) { a.tab { padding: 20px; width: 100%; } }

div.people { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

div.people hr { display: inline-block; width: 30%; border-top: 1px solid #FAC012; border-bottom: 0px; margin: 2px 0; }

@media only screen and (min-width: 480px) { div.people { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media only screen and (min-width: 769px) { div.people { width: 75%; -webkit-align-self: center; -moz-align-self: center; -ms-flex-item-align: center; align-self: center; } }

.person { width: 100%; }

.person .personMeta img { max-width: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.person p { font-weight: bold; }

.person p:last-of-type { opacity: .75; font-weight: normal; }

.person img { width: 100%; }

@media only screen and (min-width: 480px) { .person { width: 50%; } }

@media only screen and (min-width: 769px) { .person { width: 33.3333333333%; } }

@media only screen and (min-width: 1180px) { .person { width: 25%; } }

div.tiles { width: 100%; background-color: #fff; }

div.tiles div.wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 1500px; }

div.tiles p.type { display: none; color: #ffffff; background-color: #00ADD0; text-transform: uppercase; font-family: "Visby"; font-weight: bold; letter-spacing: 1px; }

div.tiles div.tile { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; width: 100%; position: relative; }

div.tiles div.tile.gold p.type { background-color: #f7b412; }

div.tiles div.tile.silver p.type { background-color: #005a80; }

div.tiles div.tile.copper p.type { background-color: #e74c3c; }

div.tiles div.tile.platinum p.type { background-color: #212f3f; }

div.tiles div.tile.contributing p.type { background-color: #aeaeae; }

@media only screen and (min-width: 480px) { div.tiles div.tile { width: 50%; } }

@media only screen and (min-width: 769px) { div.tiles div.tile { width: 25%; } }

@media only screen and (min-width: 1180px) { div.tiles div.tile { width: 20%; } }

div.tiles div.tile img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 140px; opacity: 0; transition: opacity 200ms ease; }

div.tiles div.tile img.loading { opacity: 0.1; }

div.tiles div.tile img.loaded { opacity: 1; }

div.tiles a.tile-link { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); display: block; }

div.tiles .imageContainer { position: relative; height: 200px; }

div.tiles .logo-default { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: left; font-family: "Visby"; font-weight: 300; padding: 1em 0.75em; letter-spacing: 2px; color: #2c2e37; }

div.tiles .logo-default.variation-1 { border-left: 2px solid #00ADD0; padding: 0 0.75em; }

div.tiles .logo-default.variation-2 { border-bottom: 2px solid #00ADD0; padding: 1em 0; }

div.tiles .gold .logo-default { border-color: #f7b412; }

div.tiles .silver .logo-default { border-color: #005a80; }

div.tiles .copper .logo-default { border-color: #e74c3c; }

div.tiles .platinum .logo-default { border-color: #212f3f; }

div.tiles .contributing .logo-default { border-color: #aeaeae; }

div.tiles .tier, div.tiles .location { position: absolute; bottom: 1.5em; right: 2em; text-transform: uppercase; font-size: 0.6rem; text-align: right; }

.mask, .modal-mask { display: none; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: #000; opacity: 0.5; cursor: pointer; z-index: 220; }

.arrows { position: relative; height: 100%; max-width: 1300px; margin: 0 auto; }

.arrows > span { position: absolute; height: 44px; width: 44px; top: 50%; transform: translateY(-50%); left: 3%; padding: 0.8em; z-index: 500; background: rgba(255, 255, 255, 0.6); cursor: pointer; border-radius: 50%; text-align: center; }

.arrows > span.next { right: 3%; left: initial; }

@media only screen and (min-width: 769px) { .arrows { bottom: inherit; left: inherit; } }

.modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 600; display: none; overflow: auto; }

.modal .modal__box { width: 90%; max-width: 800px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 600; background: #fff; padding: 1em 1em 3em 1em; transition: opacity 500ms ease; overflow: auto; }

@media only screen and (min-width: 769px) { .modal .modal__box { padding: 3em; } }

.modal .modal__box * { opacity: 0; }

.modal.active .modal__box * { opacity: 1; }

.modal .modal__header { padding-bottom: 1.5em; color: #1C5371; }

.modal .modal__header img { max-width: 45px; }

.modal .modal__account-desc { padding-top: 1em; color: #000; }

.modal .modal__company-details { padding: 2em 0; }

.modal .modal__content { vertical-align: top; }

.modal .modal__logo { width: 50%; display: inline-block; padding: 2rem; text-align: center; }

.modal .modal__logo img { max-width: 100%; max-height: 200px; }

.modal .closeModal { position: absolute; top: 1em; right: 1em; cursor: pointer; }

@media only screen and (min-width: 769px) { .modal .closeModal { top: 3em; right: 3em; } }

section.mobileTable div.tableHeader { padding-bottom: 0px; padding-top: 20px; }

section.mobileTable div.tableHeader h3 { color: #FECF5D; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #aaa; padding-bottom: 10px; }

section.mobileTable p { padding: 5px 0px; font-weight: bold; color: #616A6E; }

section.mobileTable div.price h4, section.mobileTable div.price h5 { color: #FECF5D; }

section.mobileTable div.price a { display: inline-block; border-bottom: 2px solid #FECF5D; }

@media only screen and (min-width: 769px) { section.mobileTable { display: none; } }

section.table { width: 100%; display: none; }

section.table div.tableHeader, section.table div.tableRows, section.table div.row, section.table div.tablePrices { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; text-align: center; }

section.table div.tableHeader, section.table div.tablePrices { background-color: #efefef; padding: 20px 0px; }

section.table div.tableHeader div, section.table div.tablePrices div { width: 20%; }

section.table div.tableHeader p, section.table div.tableHeader a, section.table div.tablePrices p, section.table div.tablePrices a { text-transform: uppercase; color: #FAC012; font-weight: 600; font-family: "Visby"; letter-spacing: 1px; }

section.table div.tableHeader a, section.table div.tablePrices a { border-bottom: 2px solid #FECF5D; }

section.table div.tablePrices { background-color: #ffffff; }

section.table div.tableRows { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

section.table div.row { border-bottom: 1px solid #979797; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

section.table div.cell { width: 20%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }

section.table div.featureTitle { width: 20%; text-align: center; }

section.table div.featureTitle p { padding: 10px 20px; font-weight: 600; font-family: "Visby"; color: #616A6E; }

@media only screen and (min-width: 769px) { section.table { display: block; } }

section.tracks { width: 66.6666666667%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; padding: 40px 10px; }

section.tracks ul { padding: 0px; margin: 0px; list-style: none; }

section.tracks li.track { padding: 40px 10px; }

section.tracks li.track h4 { color: #FECF5D; }

section.tracks p a { color: #FECF5D; text-decoration: underline; }

section.linkList { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 60px 0px; }

section.linkList ul { width: 100%; text-align: center; }

section.linkList h2 { display: inline-block; }

section.linkList hr { border: 0; border-bottom: 2px solid #FAC012; display: inline-block; width: 30%; }

section.linkList li a { font-family: "Visby"; font-weight: bold; color: #525453; opacity: .75; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; transition: opacity 200ms ease; }

section.linkList li a:hover { opacity: 1; }

section.linkList p { padding-top: 2em; }

section.featureGrid { text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; background-color: #fafafa; padding: 100px 0px; }

section.featureGrid div.copy h2 { color: #FECF5D; }

section.featureGrid ul { margin: 0px; padding: 20px; width: 100%; }

section.featureGrid li { list-style: none; text-align: left; }

@media only screen and (min-width: 769px) { section.featureGrid li { padding: 20px; width: 50%; } }

@media only screen and (min-width: 769px) { section.featureGrid ul, section.featureGrid div.copy { width: 66.6666666667%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-align-self: center; -moz-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } section.featureGrid div.copy { width: 50%; } section.featureGrid div.copy p { text-align: left; } section.featureGrid div.copy { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

section.peoplePreview { padding: 100px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

section.peoplePreview div.copy { text-align: center; }

section.peoplePreview div.copy h2 { color: #FECF5D; }

section.peoplePreview div.people { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-align-self: center; -moz-align-self: center; -ms-flex-item-align: center; align-self: center; }

section.logoReel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

section.logoReel h2 { color: #ffffff; text-align: center; font-weight: bold; }

section.logoReel div.copy, section.logoReel ul.logos { padding: 60px 0px; }

section.logoReel ul.logos { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; }

@media only screen and (min-width: 480px) { section.logoReel ul.logos { width: 50%; -webkit-align-self: center; -moz-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

section.logoReel img { max-width: 100%; }

section.logoReel li.logo { width: 100%; padding: 20px; }

@media only screen and (min-width: 769px) { section.logoReel li.logo { width: 50%; } }

section.imagePanels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fafafa; padding: 100px 0px; }

section.imagePanels div.panels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media only screen and (min-width: 769px) { section.imagePanels div.panels { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-self: center; -moz-align-self: center; -ms-flex-item-align: center; align-self: center; width: 83.3333333333%; } }

section.imagePanels h2 { text-align: center; margin-bottom: 40px; }

section.imagePanels div.panel { position: relative; }

section.imagePanels div.panelContent { position: relative; height: 425px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; }

section.imagePanels div.copy { z-index: 100; color: #ffffff; position: relative; font-weight: bold; padding: 40px; }

section.imagePanels div.background { width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 50; }

section.colorPanels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

section.colorPanels div.panel { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; padding: 100px 0px; }

@media only screen and (min-width: 769px) { section.colorPanels div.panel { width: 50%; } }

section.colorPanels h3 { text-align: center; }

section.colorPanels a.cappedLink { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding-left: 40px; }

section.colorPanels a.cappedLink img { margin-right: 10px; }

section.colorPanels div.copy { color: #ffffff; width: 100%; }

@media only screen and (min-width: 480px) { section.colorPanels div.copy { width: 66.6666666667%; } }

section.colorPanels ul { padding: 0px; margin: 0px; list-style: none; }

section.colorPanels li { padding: 10px; padding-left: 40px; }

section.colorPanels li:before { content: "\f061"; font-family: FontAwesome; display: inline-block; margin-left: -24px; width: 24px; }

@media only screen and (min-width: 769px) { section.colorPanels { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

section.productFeature { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 100px 20px; }

@media only screen and (min-width: 480px) { section.productFeature { padding: 100px 60px; } }

@media only screen and (min-width: 769px) { section.productFeature { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } }

@media only screen and (min-width: 1180px) { section.productFeature { padding: 100px 140px; } }

section.productFeature div.copy, section.productFeature img.product { width: 100%; }

@media only screen and (min-width: 769px) { section.productFeature div.copy, section.productFeature img.product { width: 50%; } }

section.heroSmall { height: 50vh; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; }

section.heroSmall div.copy { text-align: center; }

@media only screen and (min-width: 769px) { section.heroSmall div.copy { width: 66.6666666667%; } }

section.heroSmall a { color: #FECF5D; border-bottom: 2px solid rgba(250, 193, 20, 0.9); }

@media only screen and (min-width: 480px) { .personModal .modal__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; } }

.personModal .modal__header > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; }

.personModal .personBio { width: 100%; overflow-y: scroll; max-height: 20vh; }

.personModal .personBio p, .personModal .personBio a, .personModal .personBio b { font-family: "Source Sans Pro"; color: #000; letter-spacing: 0px; }

.personModal .personBio p { margin-bottom: 10px; }

.personModal .personBio p:first-of-type { margin: 0px; }

@media only screen and (min-width: 480px) { .personModal .personBio { width: 60%; max-height: 40vh; } }

@media only screen and (min-width: 1180px) { .personModal .personBio { height: 60vh; max-height: 300px; } }

.personModal .personMeta { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; }

.personModal .personMeta img { margin-bottom: 1em; }

@media only screen and (min-width: 480px) { .personModal .personMeta { width: 40%; } }

.featured-story { min-height: 200px; margin-bottom: 5em; }

@media only screen and (min-width: 769px) { .featured-story { display: grid; grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr); } }

.featured-story__description { border: 3px solid #606a6e; padding: 2em; }

@media only screen and (min-width: 769px) { .featured-story__description { margin-top: 50px; padding: 2em 5em 2em 2em; } }

.featured-story__description .desc-break { border: 1px solid #DB1F5A; margin: 1em 0; width: 10em; }

.featured-page .featured-story__description .desc-break { border-color: #307A83; }

.featured-story__description p { margin-bottom: 2em; }

.featured-story__description a { border-bottom: 2px solid #DB1F5A; }

.featured-story__description a .fa { font-size: 1rem; }

.featured-page .featured-story__description a { border-color: #307A83; }

@media only screen and (min-width: 769px) { .join-programs .featured-story__description { padding: 4em 2em 4em 5em; } }

.join-programs .featured-story__description .desc-break { border-color: #1C5371; }

.join-programs .featured-story__description a { border-color: #1C5371; }

.join-programs.jp-partner .featured-story__description .desc-break { border-color: #307A83; }

.join-programs.jp-partner .featured-story__description a { border-color: #307A83; }

.featured-story__image { position: relative; align-self: center; }

.featured-story__image img { width: 100%; }

@media only screen and (min-width: 769px) { .featured-story__image { margin-left: -60px; } .featured-story__image img { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.23); } }

.featured-story__image h3 { position: absolute; bottom: 2rem; left: 1rem; color: #fff; padding: 0.5em; z-index: 10; margin-bottom: 0; }

.featured-story__image h3:before { content: ''; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; background: #DB1F5A; opacity: 0.7; z-index: -1; }

.featured-page .featured-story__image h3:before { background: #307A83; }

@media only screen and (min-width: 769px) { .join-programs .featured-story__image { margin-right: -40px; margin-left: initial; } }

.join-programs .featured-story__image h3:before { background: #1C5371; }

.join-programs.jp-partner .featured-story__image h3:before { background: #307A83; }

div.thankYou { width: 100%; height: 80vh; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.notfound { min-height: 100vh; margin-top: 10em; }

@media only screen and (min-width: 480px) { .notfound { margin-top: 0; display: grid; grid-template-columns: 50% 50%; } }

.notfound__visual { position: relative; display: none; height: 90vh; width: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; }

@media only screen and (min-width: 480px) { .notfound__visual { display: block; } }

.notfound__visual img { position: absolute; top: 0; left: 0; }

.notfound__logo img { width: 200px; }

.notfound__content { position: relative; }

.notfound__box { width: 100%; max-width: 450px; text-align: left; }

@media only screen and (min-width: 480px) { .notfound__box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } }

.notfound__cta { text-align: left; }

.notfound__cta ul { list-style: none; padding: 0; margin: 0; }

.notfound__cta ul a { color: #1C5371; }

.slider .slider-images .image-container { height: 85vh; background-position: center; background-size: cover; background-repeat: no-repeat; outline: none; }

.slider .slider-images .image-container img { width: 100%; }

.slider .slider-images .slick-dots { bottom: 0; }

.slider .slider { overflow-x: hidden; }

.slider .slider .slick-dotted.slick-slider { margin-bottom: 0; }

.slider .slide-content__container { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 600px)); justify-content: center; align-content: center; height: 100%; width: 100vw; z-index: 100; }

.slider .slide-content__container:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 90; }

.slider .slide-content__box { display: grid; align-content: center; color: #fff; z-index: 100; }

.slider .slick-next { right: 16px !important; }

.slider .slick-prev { left: 16px !important; z-index: 1000 !important; }

.card { position: relative; font-size: 0; }

@media only screen and (min-width: 769px) { .card { min-height: 350px !important; background-repeat: no-repeat; background-position: top center; background-size: contain; } }

.card img { width: 100%; }

.card .card__content { position: relative; width: 100%; padding: 2em; font-size: initial; z-index: 100; }

@media only screen and (min-width: 769px) { .card .card__content { position: absolute; bottom: -5em; left: -2em; width: 46%; min-height: 100px; padding: 1em 2em; } }

.card .card__content > * { position: relative; }

.card .card__content .card__meta { text-transform: uppercase; letter-spacing: 1px; font-family: "Visby"; font-weight: 400; color: #9B9B9B; }

.card .card__content .card__meta, .card .card__content .card__title { color: #fff; }

.card .card__content:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #00ADD0; transition: opacity 300ms ease; }

.card .card__content:hover { cursor: pointer; }

.card .card__content:hover:before { opacity: 0.9; }

.small_card__container { display: grid; grid-gap: 2rem; }

@media only screen and (min-width: 769px) { .small_card__container.scc_two { grid-template-columns: 1fr 1fr; } }

@media only screen and (min-width: 769px) { .small_card__container.scc_three { grid-template-columns: 1fr 1fr 1fr; } }

@media only screen and (min-width: 769px) { .small_card__container.scc_four { grid-template-columns: 1fr 1fr 1fr 1fr; } }

.small_card { position: relative; background-color: #fff; color: #000; padding: 2rem 2rem 5rem; margin-bottom: 2rem; }

.small_card.program_item { padding: 2rem; }

.small_card__cta { position: absolute; bottom: 2rem; left: 2rem; }

.mini-card { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 350px; margin-bottom: 2rem; }

.mini-card .card__content { bottom: 0; left: 0; width: 100%; padding: 2em; }

@media only screen and (min-width: 769px) { .mini-card .card__content { position: absolute; } }

.mini-card .card__content > * { position: relative; }

.mini-card .card__content .card__meta { text-transform: uppercase; letter-spacing: 1px; font-family: "Visby"; font-weight: 400; color: #9B9B9B; }

.mini-card .card__content .card__meta, .mini-card .card__content .card__title { color: #fff; }

.mini-card .card__content:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #1C5371; opacity: 0.7; transition: opacity 300ms ease; }

.mini-card .card__content:hover { cursor: pointer; }

.mini-card .card__content:hover:before { opacity: 0.8; }

.jumbotron { text-align: center; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); padding: 1rem; margin-bottom: 3rem; }

.jumbotron .module__description { margin-bottom: 1rem; }

.share-bar { width: 250px; }

.share-buttons { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; }

.share-buttons a { width: 100%; }

.custom-slider-left, .custom-slider-right { position: absolute; display: block; height: 20px; width: 20px; cursor: pointer; background: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.custom-slider-left:hover, .custom-slider-left:focus, .custom-slider-right:hover, .custom-slider-right:focus { outline: none; }

.custom-slider-left:hover, .custom-slider-left:focus, .custom-slider-right:hover, .custom-slider-right:focus { opacity: 1; }

.custom-slider-left.slick-disabled, .custom-slider-right.slick-disabled { opacity: 0.25; }

.custom-slider-left { left: -30px; }

.custom-slider-right { right: -30px; }

.subnav { list-style: none; padding: 0; text-align: center; }

.subnav li { vertical-align: middle; }

@media only screen and (min-width: 769px) { .subnav li { display: inline-block; } .subnav li::after { content: '|'; color: #606a6e; } .subnav li:last-of-type::after { content: ''; } }

.subnav a { text-decoration: underline; opacity: 0.7; transition: opacity 300ms ease; }

.subnav a:hover { opacity: 1; text-decoration: none; }

.banner .banner-container { max-width: 800px; margin: 0 auto; }

.banner img { position: absolute; height: 100px; opacity: 0.2; }

.box-icon__container { position: absolute; top: -6rem; left: 50%; transform: translateX(-50%); border-radius: 100%; width: calc(100px + 4rem); height: calc(100px + 4rem); padding: 2rem; display: flex; align-items: center; }

.box-icon__container img { max-width: 100px; }

.bg_img { background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; }

@media only screen and (min-width: 769px) { .bg_img { background-size: contain; } }

.vertical-card { position: relative; display: grid; z-index: 20; background-color: #f0f0f0; transition: margin-top 300ms ease; min-height: 74%; }

a .vertical-card:hover { margin-top: -5px; }

@media only screen and (min-width: 769px) { .vertical-card.vc-min-height { min-height: 12rem; } }

.vertical-card:before { content: ""; position: absolute; width: 95%; height: 100%; right: -0.5rem; top: 0.5rem; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Ccircle cx='2.5' cy='2.5' r='0.9' fill='%23FECF5D'/%3E%3C/svg%3E") repeat bottom right; z-index: 0; }

.vertical-card.vci-blue:before { background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Ccircle cx='2.5' cy='2.5' r='0.9' fill='%231C5371'/%3E%3C/svg%3E") repeat bottom right; }

.vertical-card.vci-aqua:before { background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Ccircle cx='2.5' cy='2.5' r='0.9' fill='%23307A83'/%3E%3C/svg%3E") repeat bottom right; }

.global-section .vertical-card { opacity: 0.9; box-shadow: 0 2px 35px -10px rgba(0, 0, 0, 0.5); }

.global-section .vertical-card:before { background: none; }

.vertical-card-inner { text-align: center; z-index: 20; position: relative; background: #f0f0f0; padding: 2rem 0.6rem; }

.vertical-card-inner.pt-5 { min-height: 255px; }

.global-charts img { width: 100%; }

.thanks { background-color: #f0f0f0; }

.yir22 .thanks { background-color: #fff; }

.thanks .headline { color: #fff; }

.thanks img { position: relative; z-index: 100; }

.thanks .button { position: relative; }

.thanks:before { content: ''; position: absolute; bottom: -15%; left: 0; width: 100%; height: 107%; background: linear-gradient(-5deg, #2c2e37 25%, #1c1d23 100%); transform: skewY(-2deg); opacity: 1; z-index: 0; }

.video-section .video-container { max-width: 800px; margin: 0 auto; }

.video-section.video-small .video-container { max-width: 500px; }

.video-section.video-large .video-container { max-width: none; }

.drop-shadow-img { filter: drop-shadow(5px 5px 13px gray); }

.logo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 24px; justify-items: center; align-items: center; }

.logo-item { text-align: center; }

.logo-image { max-width: 100%; height: auto; }

.logo-label { margin-top: 10px; font-size: 1rem; }

.card-body img { width: 100%; }

.tag_slider .event-date { width: 150px; transition: width 200ms ease; }

.tag_slider .he-slide:hover .event-date { width: 170px; }

.siteheader { position: absolute; top: 2rem; left: 0; width: 100%; z-index: 200; display: grid; grid-template-columns: 200px auto; }

@media only screen and (min-width: 769px) { .siteheader { top: 3rem; } }

.siteheader.promo-bar-is-open { top: 6rem; }

@media only screen and (min-width: 480px) { .siteheader.promo-bar-is-open { top: 4rem; } }

.mainLogo { padding-left: 3rem; display: grid; align-items: center; }

.mainNav { display: grid; justify-content: end; position: relative; padding-right: 1rem; }

@media only screen and (min-width: 769px) { .mainNav { padding-right: 3rem; } }

.mainNav ul { list-style: none; margin: 0; padding: 0; }

.mainNav li { display: inline-block; text-align: center; padding: 1rem; position: relative; }

.mainNav li:not(.menu-link) { display: none; }

@media only screen and (min-width: 769px) { .mainNav li:not(.menu-link) { display: inline-block; } }

.mainNav li.menu-link:before { content: 'Close'; position: absolute; top: 0; right: 0; height: 59px; width: 80px; padding: 1rem 0; font-family: 'Visby'; text-transform: uppercase; color: transparent; z-index: -100; background-color: transparent; transition: background-color 200ms ease, color 200ms ease; }

@media only screen and (min-width: 769px) { .mainNav li.menu-link:before { content: ''; } }

.mainNav li.menu-link.active .cappedLink { opacity: 0; }

@media only screen and (min-width: 769px) { .mainNav li.menu-link.active .cappedLink { color: #000; opacity: 1; } }

.mainNav li.menu-link.active a { border-color: #f0f0f0; }

.mainNav li.menu-link.active:before { background-color: #f0f0f0; color: #000; }

.mainNav a { border-bottom: 2px solid #fff; }

.megamenu { grid-column: 1 / 3; background-color: #f0f0f0; opacity: 0; pointer-events: none; display: none; padding: 0.5rem; box-shadow: 0 9px 12px rgba(0, 0, 0, 0.1); transition: opacity 200ms ease; }

.megamenu.active { display: block; opacity: 1; pointer-events: all; }

.megamenu a:not(.button) { display: inline-block; padding: 0.5rem 0; font-size: 1.2rem; }

@media only screen and (min-width: 769px) { .megamenu a:not(.button) { padding: 0.3rem 0; font-size: inherit; } }

@media only screen and (min-width: 769px) { .megamenu { padding: 2rem 4rem; } }

@media only screen and (min-width: 769px) { .megamenu__content { display: grid; grid-template-columns: auto minmax(auto, 550px); grid-gap: 0 4rem; justify-content: end; } }

@media only screen and (min-width: 1180px) { .megamenu__content { grid-template-columns: auto 600px; } }

@media only screen and (min-width: 769px) { .megamenu__content .list-groups { display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, 175px)); grid-gap: 0; justify-content: end; } }

@media only screen and (min-width: 1180px) { .megamenu__content .list-groups { grid-gap: 2rem; } }

@media only screen and (min-width: 769px) { .megamenu__content .list-group { max-width: 175px; } }

.megamenu__content ul { list-style: none; padding: 0; }

.megamenu__content .social { grid-column: 2; justify-self: end; padding-right: 0.5rem; }

.list-group { padding: 0.3rem 0; }

.list-group h5 { color: #1C5371; padding: 0.8rem 0; border-top: 1px solid #606a6e; font-size: 1.2rem; margin-bottom: 0; }

.list-group h5:hover { cursor: pointer; }

@media only screen and (min-width: 769px) { .list-group h5:hover { cursor: auto; } }

@media only screen and (min-width: 769px) { .list-group h5 { border: none; pointer-events: none; font-size: inherit; } }

.list-group ul { display: none; margin: 0; padding-bottom: 1rem; }

@media only screen and (min-width: 769px) { .list-group ul { display: block; } }

.list-group li { padding: 0.3rem 0; }

.siteheader.dark .mainNav a, .siteheader.dark .cappedLink { color: #2c2e37; border-color: #2c2e37; }

footer { background-color: #2c2e37; color: #fff; position: relative; padding-bottom: 4rem; }

@media only screen and (min-width: 769px) { footer { padding-bottom: 0; } }

footer div.wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 40px 0px; }

@media only screen and (min-width: 769px) { footer div.wrap { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

footer div.logo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; flex-grow: 1; }

footer nav { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; }

footer nav a { padding: 10px 0px; opacity: .75; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; font-family: "Visby"; font-weight: 300; width: 50%; }

footer nav a:hover { opacity: 1; }

@media only screen and (min-width: 480px) { footer nav a { padding: 5px; width: auto; } }

footer nav.sitemap { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 1rem; width: 100%; }

@media only screen and (min-width: 480px) { footer nav.sitemap { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 292px; flex-grow: 5; width: auto; } }

footer nav.social { width: 100%; max-width: 360px; flex-grow: 1; padding: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; }

footer nav.social a { text-align: center; }

@media only screen and (min-width: 480px) { footer nav.social { justify-content: space-around; } }

footer .newsletter { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; flex-grow: 1; }

footer .newsletter .clear { display: inline-block; }

footer .newsletter #mc_embed_signup input[type="email"] { padding: 0.45em; border: none; border-radius: 0; width: 60%; }

footer .newsletter #mc_embed_signup input[type="submit"] { padding: 0 30px !important; border: none; margin-top: 2px; }

footer div.copyright { display: block; width: 100%; text-align: center; }

footer a.getHealth { position: absolute; bottom: 5px; right: 10px; }

footer a.getHealth img { max-width: 150px; }

@media only screen and (min-width: 769px) { footer a.getHealth { bottom: 0px; right: 20px; } }

.footer-list { list-style: none; padding-left: 0; }

.footer-list h5 { padding-left: 5px; font-family: "Visby"; }

form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

form div.inputGroup { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

form div.buttonGroup { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 20px; }

form input, form textarea { border: 0px; border-bottom: 1px solid #a4a5a6; padding: 10px 0px; outline: none; font-family: "Visby"; font-weight: 300; letter-spacing: 1px; }

form input ::-webkit-input-placeholder, form textarea ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ opacity: .75; }

form input ::-moz-placeholder, form textarea ::-moz-placeholder { /* Firefox 19+ */ opacity: .75; }

form input :-ms-input-placeholder, form textarea :-ms-input-placeholder { /* IE 10+ */ opacity: .75; }

form input :-moz-placeholder, form textarea :-moz-placeholder { /* Firefox 18- */ opacity: .75; }

form textarea { resize: vertical; }

form label { font-family: "Visby"; }

form button { width: 66.6666666667%; background-color: #fac012; border: none; display: block; margin: 0 auto; padding: 20px; color: #fff; font-family: "Visby"; font-weight: bold; cursor: pointer; }

section.formPage { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; }

div.formPane { padding-top: 150px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

div.formPane img { display: block; margin: 0 auto; margin-bottom: 20px; }

div.formPane p.formIntro { text-align: center; }

@media only screen and (min-width: 769px) { div.formPane { width: 33.3333333333%; } }

div.imagePane { display: none; }

@media only screen and (min-width: 769px) { div.imagePane { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; width: 66.6666666667%; position: relative; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } div.imagePane div.copy { text-align: center; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color: #fff; width: 100%; } div.imagePane img { max-width: 100%; } }

div.contactInfo p, div.contactInfo a { font-family: "Visby"; color: #C9CAC8; }

div.contactInfo a { color: #FECF5D; text-decoration: underline; }

.programs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; width: 100%; }

div.program { position: relative; }

@media only screen and (min-width: 769px) { div.program { min-height: 300px; } }

div.program_content { padding: 20px; border: 2px solid #1C5371; height: 100%; }

div.program_copy p, div.program_copy a, div.program_copy b { font-family: "Visby"; font-weight: 300; }

div.program_copy a.learn-more { color: #1C5371; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: 10px 0px; font-family: "Visby"; }

div.program_copy a.light { color: #fff; }

div.program_copy img { padding-right: 5px; }

@media only screen and (min-width: 769px) { div.program-half_width { width: 50%; } }

div.program-full_width { display: block; width: 100%; min-height: 400px; }

div.program-full_width div.program_content { position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50%; }

div.program-full_width div.program_content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4; z-index: 0; }

div.program-full_width div.program_copy { position: relative; margin: 0 auto; }

@media only screen and (min-width: 769px) { div.program-full_width div.program_copy { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); width: 50%; } }

div.program_label { position: relative; display: table; color: #005C97; letter-spacing: 1px; text-transform: uppercase; z-index: 100; }

div.program_label img { margin-right: 10px; }

div.program_label span { display: table-cell; vertical-align: middle; }

.section_label { color: #fff; }

.program-header { max-width: 1000px; margin-top: 9rem; padding-top: 50%; padding-bottom: 0; background-repeat: no-repeat; position: relative; background-position: top center; background-size: contain; }

@media only screen and (min-width: 769px) { .program-header { margin-top: 12rem; padding-top: 4rem; padding-bottom: 8rem; background-position: center right; background-size: cover; } }

.program-header img { width: 100%; }

.program-header .program-header__content { display: inline-block; width: 100%; background: #fff; padding: 2rem 0; }

@media only screen and (min-width: 769px) { .program-header .program-header__content { padding: 2rem; width: auto; } }

.program-description { max-width: 800px; padding-top: 2rem; padding-bottom: 4rem; }

.program-description img { padding: 1rem 0; max-width: 100%; }

.program-description p { padding-bottom: 1rem; }

.program-case-study { max-width: 1000px; padding-bottom: 5rem; border-top: 4px solid #1C5371; }

.program-case-study .cs-header { float: right; text-align: left; color: #fff; background: #1C5371; padding: 0.5rem 2rem; margin-left: 2rem; margin-bottom: 2rem; max-width: 500px; }

.program-case-study .cs-body { padding-top: 2rem; }

.program-case-study .cs-body img { max-width: 100%; }

.program-case-study .cs-body p { padding-bottom: 2rem; }

.additional-program-case-studies { max-width: 1000px; margin-bottom: 5rem; padding: 3rem; background-color: lightgray; }

.additional-program-case-studies .cs-container { display: grid; grid-template-columns: 1fr; grid-gap: 4rem; }

@media only screen and (min-width: 769px) { .additional-program-case-studies .cs-container { grid-template-columns: 1fr 1fr 1fr; } }

.acs { position: relative; }

.acs h4 { min-height: 60px; }

.acs .button { align-self: end; }

@media only screen and (min-width: 769px) { .acs:after { position: absolute; content: ''; height: 80%; width: 1px; border-right: 1px dashed #2c2e37; top: 10%; right: -2rem; } .acs:last-of-type:after { border-right: none; } }

.acs__body { height: calc(100% - (60px + 1rem)); display: grid; grid-gap: 1rem; }

.acs__body p a, .cs-body p a { color: #1C5371; text-decoration: underline; font-weight: normal; }

.program-cta { position: relative; padding: 3rem 0; }

.program-cta:before { content: ''; position: absolute; top: -2rem; left: 0; width: 100%; height: 130%; background: #1C5371; color: #fff; transform: skewY(-2deg); opacity: 1; z-index: -10; }

.program-cta * { z-index: 500; color: #fff; }

.partner-programs-hero:before { content: ''; position: absolute; top: -20%; left: 0; width: 100%; height: 115%; background: #307A83; transform: skewY(5deg); opacity: 1; z-index: 50; }

.partner-programs-hero:before * { color: #fff; }

.member-programs-hero:before { content: ''; position: absolute; top: -20%; left: 0; width: 100%; height: 115%; background: #1C5371; transform: skewY(5deg); opacity: 1; z-index: 50; }

.member-programs-hero:before * { color: #fff; }

.vp { padding: 4rem 0 2rem; }

.vp:last-of-type { border-bottom: none; }

.value_prop_description { max-width: 800px; padding-bottom: 3rem; }

.programs_list { position: relative; width: 100%; padding: 2rem 1rem; background-color: #2c2e37; background-repeat: no-repeat; background-position: center; background-size: cover; }

@media only screen and (min-width: 769px) { .programs_list { padding: 2rem 3rem; } }

.programs_list:before:not(.bg_light-gray) { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1C5371; opacity: 0.3; z-index: 0; }

.programs_list .section_label { position: relative; z-index: 100; padding-bottom: 1rem; }

.program__description { font-weight: 300; }

.program__description a:not(.button), .program__description a:visited:not(.button) { color: #1C5371; text-decoration: underline; font-weight: normal; }

.program__icon img { max-width: 75px; }

.programs-hero { background-color: #f0f0f0; }

.split-section { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 400px)); grid-gap: 4rem; justify-content: space-evenly; text-align: center; }

.split-section.narrow { grid-template-columns: repeat(auto-fit, minmax(100px, 250px)); grid-gap: 0; justify-content: center; }

.side-description { padding-bottom: 2rem; }

.programs-split-cta { padding: 8rem 0; }

.events { width: 100%; padding: 60px 0 0 0; }

.events .events-container { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; }

.events .h1 { margin-bottom: 0; }

.events .event-section { padding-bottom: 4rem; }

.event-cat-header { padding-left: 0.5rem; }

.event-group__description { font-size: 1.2rem; max-width: 700px; }

.event-group__description a { text-decoration: underline; }

.event { width: 100%; }

@media only screen and (min-width: 480px) { .event { width: 50%; } }

@media only screen and (min-width: 1180px) { .event { width: 33.3333333333%; } }

.event-header img { width: 100%; }

.event-content { position: relative; height: 100%; padding-bottom: 40px; border: 1px solid #caced0; background-color: #fff; transition: border-color 500ms ease; }

.event-content:hover { border-color: #FECF5D; }

.event-meta { padding: 10px 10px 20px; }

.event-meta h3 { margin-bottom: 10px; }

.event-date, .event-time { color: #000; font-family: "Source Sans Pro", sans-serif; }

.event-cta { position: absolute; left: 10px; bottom: 20px; text-transform: uppercase; }

.callout { padding-top: 4rem; }

.secondary-nav { display: grid; position: relative; z-index: 500; justify-content: end; background-color: #2c2e37; color: #fff; right: 0; transition: right 300ms ease; }

.secondary-nav.sn-b { position: fixed; width: 100%; top: 0; }

.secondary-nav.sn-b.promo-bar-is-open { top: 70px; }

@media only screen and (min-width: 769px) { .secondary-nav.sn-b.promo-bar-is-open { top: 45px; } }

.menu-open .secondary-nav { right: 250px; }

.secondary-nav a { padding: 0.4rem 0; font-size: 0.8rem; font-weight: 400; opacity: 0.8; display: grid; grid-template-columns: auto auto; grid-gap: 0.5rem; transition: opacity 300ms ease; }

.secondary-nav a:hover { opacity: 1; }

.secondary-nav svg, .secondary-nav img { max-width: 1rem; max-height: 1rem; align-self: center; width: 100%; }

.secondary-nav path { fill: #fff; stroke: #fff; }

.home section { position: relative; }

.home section.home-section { padding: 4em 0; }

@media only screen and (min-width: 769px) { .home section.home-section { padding: 8em 0; } }

.home .hs-header { text-align: center; padding-bottom: 4rem; }

.home-break { height: 3em; border: none; background: #fff; opacity: 0.7; }

.home-break.hb-grey { background: #f0f0f0; }

.home-container { width: 94%; max-width: 1200px; margin: 0 auto; }

.home-hero { display: grid; min-height: 550px; height: 100%; grid-template-columns: 300px; justify-content: center; align-items: center; grid-gap: 5em; padding-bottom: 2em; z-index: 100; color: #fff; }

@media only screen and (min-width: 769px) { .home-hero { grid-template-columns: 600px; padding-top: 13em; } }

.home-hero:before { content: ''; position: absolute; top: -20%; left: 0; width: 100%; height: 113%; background: linear-gradient(15deg, #2c2e37 25%, #111215 100%); transform: skewY(-5deg); opacity: 1; z-index: 0; }

@media only screen and (min-width: 769px) { .home-hero:before { top: -30%; height: 135%; } }

.home-hero:after { content: ''; position: absolute; top: -17%; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 250px 200px 0; border-color: transparent #00ADD0 transparent transparent; opacity: 1; z-index: 510; }

@media only screen and (min-width: 769px) { .home-hero:after { border-width: 0 500px 500px 0; } }

.home-hero h4 { text-transform: none; margin-top: 1em; }

.hero .watermark { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); width: 200px; }

@media only screen and (min-width: 769px) { .hero .watermark { left: 25%; width: 500px; } }

.sliding-text .slick-slide { height: 108px !important; }

@media only screen and (min-width: 1180px) { .sliding-text .slick-slide { height: auto !important; } }

.hero__content h1 { margin-bottom: 0; }

.split { z-index: 100; }

.split img { width: 100%; }

.split.split-right .hh-image { width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }

.background-slider { z-index: 550; position: absolute; top: 15em; right: 5em; width: 40%; height: 700px; }

.hero__content { display: grid; grid-template-columns: 1fr; z-index: 100; opacity: 0; transition: opacity 1500ms ease-in; }

@media only screen and (min-width: 769px) { .hero__content { margin-top: 0; } }

.hero__content.shown { opacity: 1; }

.hero__content a { text-align: center; text-transform: uppercase; color: #cacaca; }

.hh-community { z-index: 500; text-align: center; margin-top: 3em; }

.hh-community h5 { text-align: left; opacity: 0.6; padding-bottom: 1em; }

.hh-community ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(50px, 80px)); grid-gap: 2em; align-items: center; justify-content: space-between; }

.hh-community ul img { width: 100%; filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.7; }

.home-about { min-height: 100%; }

.home-about:before { content: ''; position: absolute; top: -20%; left: 0; width: 100%; height: 120%; background: #f0f0f0; transform: skewY(2deg); opacity: 1; z-index: 0; }

.about__title { max-width: 600px; margin: 0 auto; position: relative; z-index: 100; }

.about__title h2 { margin-bottom: 1em; text-align: center; overflow: auto; }

.about__aspects { position: relative; display: grid; grid-gap: 2em; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); padding: 3em 0; z-index: 100; }

.about__aspect { min-height: 200px; text-align: center; }

.aspect__image { width: 100px; height: 100px; display: block; border-radius: 50%; text-align: center; margin: 0 auto; }

.aspect__image img, .aspect__image svg { overflow: inherit; margin-top: 13%; width: 75%; max-height: 75%; stroke: #1C5371; fill: #1C5371; }

.aspect__image.ai_150 { width: 150px; height: 150px; }

.aspect__title { display: inline-block; vertical-align: top; max-width: 75%; text-transform: uppercase; margin: 1em 0; }

.home-community { padding-top: 3em; position: relative; z-index: 100; }

.home-community span.button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, 0%); opacity: 0; transition: opacity 1200ms cubic-bezier(0.19, 1, 0.22, 1), background-color; z-index: 100; background-color: #307A83; text-transform: uppercase; }

.home-community .community-reel { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 120px)); justify-content: space-around; grid-row-gap: 3em; max-width: 1200px; margin: 0 auto; transition: filter 1s cubic-bezier(0.19, 1, 0.22, 1); filter: blur(0); }

.home-community .community-reel li { display: grid; align-items: center; }

.home-community .community-reel li img { max-width: 100%; max-height: 60px; margin: 0 auto; }

@media only screen and (min-width: 769px) { .home-community a:hover .community-reel { filter: blur(7px); } .home-community a:hover span.button { opacity: 1; } }

.stories__container { display: grid; grid-template-areas: "featured" "side1" "side2"; grid-template-columns: 1fr; grid-auto-rows: min-content; grid-gap: 2em 5em; }

@media only screen and (min-width: 480px) { .stories__container { grid-template-areas: "featured featured" "side1 side2"; grid-template-columns: 1fr 1fr; } }

@media only screen and (min-width: 769px) { .stories__container { grid-template-areas: "featured featured side1" "featured featured side2"; grid-template-columns: 1fr 1fr 1fr; } }

.story .story__date { font-weight: 300; letter-spacing: 1px; text-transform: uppercase; color: #606a6e; }

.story .story-break { border: 1px solid #00ADD0; margin: 1em 0; width: 10rem; transition: width 300ms ease; }

@media only screen and (min-width: 480px) { .story.story-small { min-height: 175px; } }

.story:hover .story-break { width: 12rem; }

.story-featured { grid-area: featured; }

.side-1 { grid-area: side-1; }

.side-2 { grid-area: side-2; }

.hs-cta { text-align: center; padding: 2em 0; color: #1C5371; }

.home-events { background-color: #f0f0f0; }

.home-events .he-header { text-align: center; padding-bottom: 2rem; }

.home-events .he-list__header { text-align: center; margin: 4rem auto 1rem; padding: 3rem 0 1rem; }

.home-events .he-list__header p { max-width: 600px; margin: 0 auto; }

.home-events .slick-list { height: 100% !important; }

.home-events .slick-track { padding: 1em 0; }

.tag_slider .slick-track { padding: 1em 0; }

.he-slide { padding: 0 1em; outline: none; }

.he-slide .event-meta { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); padding: 2em 2em 3em; min-height: 230px; position: relative; transition: box-shadow 350ms ease, border-color 350ms ease; background-color: #fafafa; }

.he-slide .event-meta:hover { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.23); }

.he-slide .event-meta.em-last { display: grid; justify-content: center; align-items: center; text-align: center; }

.he-slide .event-meta .event-date { position: absolute; left: 2em; bottom: 2em; padding-top: 1rem; border-top: 2px solid #DB1F5A; }

.home-connect { background-color: #f0f0f0; padding: 6em 0 !important; }

.home-connect > div { align-items: normal !important; padding-top: 8em; }

.home-connect .hc-social .social { justify-content: space-evenly; max-width: 400px; margin: 1rem auto; }

.home-connect .home-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: center; position: relative; color: #fff; }

.home-connect:before { content: ''; position: absolute; bottom: -20%; left: 0; width: 100%; height: 105%; background: linear-gradient(-5deg, #2c2e37 25%, #1c1d23 100%); transform: skewY(5deg); opacity: 1; z-index: 0; }

.hc-signup__form #mc_embed_signup { clear: left; }

.hc-signup__form #mc_embed_signup form { text-align: center; padding: 10px 0 10px 0; }

.hc-signup__form #mc_embed_signup label { padding-bottom: 10px; font-weight: bold; display: inline-block; max-width: 420px; margin: 0 auto 1em; }

.hc-signup__form #mc_embed_signup input.email { font-family: 'Visby'; font-weight: 300; border: 1px solid #ABB0B2; color: #343434; box-sizing: border-box; padding: 0px 0.4em; display: inline-block; margin: 0; max-width: 350px; width: 100%; vertical-align: top; background-color: #f0f0f0; border-color: #f0f0f0; border-width: 2px; height: 42px; }

.hc-signup__form #mc_embed_signup .button { border: none; letter-spacing: .03em; color: #fff; box-sizing: border-box; padding: 0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s; height: 42px; text-transform: uppercase; width: 100%; }

.hc-signup__form #mc_embed_signup .button:hover { background-color: #fec02a; }

.hc-signup__form #mc_embed_signup .clear { display: inline-block; margin: 18px 0; width: 100%; max-width: 350px; }

@media only screen and (min-width: 1180px) { .hc-signup__form #mc_embed_signup .clear { margin: 0; width: initial; } }

.hc-intro, .hc-signup { padding: 1em; }

@media only screen and (min-width: 769px) { .hc-intro, .hc-signup { padding: 2em; } }

.hc-cta-cards { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 250px; grid-gap: 1em; }

.hc-signup nav.social { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr 1fr 1fr; justify-content: space-between; }

.hc-signup nav.social a { display: inline-block; text-align: center; }

.hc-cta__logo { padding: 3em; display: grid; align-items: center; }

.hc-cta__logo img { width: 100%; }

.new-home footer .social, .new-home footer .newsletter { opacity: 0; pointer-events: none; }

.blog-newsletter-signup #mc_embed_signup { margin-top: 1rem; }

.blog-newsletter-signup #mc_embed_signup_scroll input[type="email"] { border: 1px solid #606a6e; width: 100%; padding-left: 10px; }

.blog-newsletter-signup #mc_embed_signup_scroll input[type="submit"] { width: 100%; margin-top: 0.5rem; padding: 0 30px !important; }

aside { display: none; position: sticky; vertical-align: top; top: 157px; width: 30%; height: 100%; padding: 8rem 2rem; margin-bottom: 3.6rem; }

@media only screen and (min-width: 1180px) { aside { display: block; float: left; } }

.aside-break { border: 1px solid #1C5371; margin: 1em 0; width: 8em; }

.post-ab .aside-break { border-color: #307A83; }

.aside__container { padding: 2rem 2rem 4rem 2rem; background-color: whitesmoke; margin-right: 0; border: 1px solid #C9CAC8; }

@media only screen and (min-width: 1180px) { .aside__container { margin-left: auto; max-width: 350px; } }

@media only screen and (min-width: 1180px) { .aside__container.mobile-ab { display: none; } }

.category-dropdown { display: inline-block; padding-bottom: 2rem; position: relative; }

@media only screen and (min-width: 769px) { .category-dropdown { float: right; } }

.category-dropdown .button { padding: 0 30px !important; }

.dropdown-menu { position: absolute; display: none; z-index: 500; background-color: #fff; padding: 0.5rem 0; border: 1px solid #606a6e; width: 100%; }

.dropdown-menu .dropdown-item { display: block; padding: 0.5rem; text-transform: uppercase; }

.dropdown-menu .dropdown-item.active { color: #1C5371; text-decoration: underline; }

.dropdown.open .dropdown-menu { display: block; }

section.blog div.header { padding-bottom: 1rem; margin-bottom: 1.2rem; max-width: 900px; }

section.blog div.header h1 { border-bottom: 1px solid #C9CAC8; padding-bottom: 20px; }

section.blog .blog-main-column { padding: 0 2rem; }

@media only screen and (min-width: 1180px) { section.blog .blog-main-column { padding: 0 2rem 0 30%; } }

section.blog .blog-main-column .bmc-section { max-width: 900px; }

section.blog div.postTile { border-bottom: 1px solid #C9CAC8; }

section.blog div.postTile h2 { color: #000; }

@media only screen and (min-width: 769px) { section.blog div.postTile.medium { grid-column: span 2; } section.blog div.postTile.large { grid-column: 1 / 4; } section.blog div.postTile.small + .medium .postLink, section.blog div.postTile.medium + .small .postLink { border-left: 1px solid #C9CAC8; } section.blog div.postTile.small + .medium + .small .postLink, section.blog div.postTile.medium + .small + .medium .postLink { border-left: none; } section.blog div.postTile.small + .medium + .small + .medium .postLink, section.blog div.postTile.medium + .small + .medium + .small .postLink { border-left: 1px solid #C9CAC8; border-right: none; } }

section.blog a.postLink { height: 100%; }

.postBlock { background: whitesmoke; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); padding: 1rem; text-align: left; position: relative; margin: 0 auto 10rem 0; overflow: hidden; width: 100%; max-width: 900px; }

@media only screen and (min-width: 769px) { .postBlock { padding: 3rem 5rem; } }

.postBlock > * { z-index: 100; position: relative; }

.postBlock .postBlock__container { max-width: 650px; margin: 0 auto; }

.postBlock .postBlock__container .postBlock__link { display: block; margin-top: 1rem; }

.postBlock .post__author-image { max-width: 75px; border-radius: 100%; margin: 0 auto; position: absolute; top: -40px; left: 50%; transform: translate(-50%); }

.postBlock .blog-category { text-transform: uppercase; letter-spacing: 1px; font-family: "Visby"; color: #fff; border-bottom: 2px solid #fff; display: inline; padding-bottom: 0.5rem; margin-bottom: 1rem; }

.postBlock .postTitle { font-weight: 900; max-width: 650px; margin: 0 auto; color: #fff; }

.postBlock .postBlock-meta { margin-bottom: 2rem; }

.postBlock .postBlock-meta p { color: #f0f0f0; font-family: 'Visby'; font-weight: 300; }

.postBlock .postBlock-meta a { color: #307A83; }

.postBlock:before { content: ''; position: absolute; top: -30px; left: 0; width: 100%; height: 350px; background: #00ADD0; transform: skewY(-3deg); opacity: 1; z-index: 0; }

.postBlock.matter-news-header:before { background: #1C5371; transform: skewY(3deg); }

.postBlock.insights-header::before { background: #307A83; transform: skewY(3deg); }

.postBlock.press-release-header::before { background: #606a6e; }

.postBlock.community-header::before { background: #2c2e37; }

.postBlock.no-preview-image:before { height: 270px; }

.postBlock.no-preview-image .postPreview { margin-top: 6rem; }

article:last-of-type { margin-bottom: 5rem; }

div.previewImage { width: 100%; }

div.previewImage img { width: 100%; }

div.postPreview { text-align: left; margin-top: 1rem; }

div.postPreview * { color: #000; }

div.postPreview p { color: #000; -webkit-font-smoothing: auto; }

div.postPreview p:first-of-type { margin-bottom: 1rem; }

div.postPreview a { color: #1C5371; }

div.postPreview .cappedLink { margin-top: 2rem; display: flex; align-items: center; }

div.postPreview .cappedLink img { margin-right: 0.5rem; }

.pagination { padding-bottom: 5rem; }

.pagination ul { display: grid; grid-template-columns: 1fr 1fr; max-width: 250px; margin: 0 auto; }

.pagination li { color: #1C5371; }

.pagination .fa { vertical-align: bottom; }

.post { width: 100%; margin: 0 auto; }

@media only screen and (min-width: 1180px) { .post { display: inline-block; width: 69%; } }

.post.job-post, .post.challenge-post, .post.live-post, .post.case-study { display: block; width: 100%; max-width: 1000px; }

.post h1, .post h2, .post h3, .post h4, .post h5, .post p { padding: 10px; margin-bottom: 0; }

.post p, .post a:not(.button), .post b, .post ol, .post ul { font-weight: 500; color: #000; -webkit-font-smoothing: auto; }

.post img { max-width: 100%; }

.post-body-copy p { font-weight: 500; color: #000; -webkit-font-smoothing: auto; }

.post__wrapper { max-width: 1000px; margin: 0 auto; }

@media only screen and (min-width: 769px) { .post__wrapper { width: 80%; } }

@media only screen and (min-width: 1180px) { .post__wrapper { margin-left: 0; } }

.post__wrapper.basic { margin: 0 auto; }

.postHero { margin-bottom: 10px; }

.postHero img { width: 100%; }

.case-study-details { position: relative; z-index: 1; max-width: 350px; }

.case-study-details .csd-container { background-color: #f0f0f0; color: #000; padding: 0.5em; position: relative; }

.case-study-details .csd-container::after { content: ""; position: absolute; width: 100%; height: 100%; right: -0.5rem; top: 0.5rem; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Ccircle cx='2.5' cy='2.5' r='0.9' fill='%23307A83'/%3E%3C/svg%3E") repeat bottom right; z-index: -1; }

.case-study-details .csd-container h5, .case-study-details .csd-container p { padding: 0; }

.case-study-details h5 { border-bottom: 2px dotted #307A83; display: inline; }

.case-study-detail-element { max-width: 150px; }

.read_more_post { border: 1px solid #C9CAC8; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 2px 6px rgba(0, 0, 0, 0.23); display: grid; grid-template-columns: 1fr; }

@media only screen and (min-width: 769px) { .read_more_post { grid-template-columns: 320px 1fr; } }

.read_more_post img { width: 100%; height: 100%; object-fit: cover; }

.postContent a:not(.button), .postContent a:visited:not(.button) { color: #1C5371; text-decoration: underline; font-weight: normal; }

.postContent p { padding: 10px 0; }

.postContent img, .postContent iframe { max-width: 100%; display: block; margin: 0 auto; }

.postContent blockquote { color: #606a6e; text-align: center; }

.postContent:not(.liveContent) iframe { margin: 20px; }

.postContent twitter-widget { margin: 0 auto; }

.postContent h4 { color: #1C5371; font-style: italic; }

@media only screen and (min-width: 769px) { .postContent h4 { width: 110%; margin-left: -3%; } }

div.postData { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; }

div.postData p { padding: 0px 10px; text-transform: uppercase; letter-spacing: 1px; font-weight: 300; color: #9B9B9B; }

div.postData p:first-of-type { color: #1C5371; }

.go-back { padding-bottom: 2rem; }

div.postHeader div.postData { -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

@media only screen and (min-width: 769px) { div.postHeader div.postData { -webkit-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; -moz-align-items: flex-end; align-items: flex-end; } }

@media only screen and (min-width: 1180px) { div.postHeader div.postData { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

div.postHeader { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: reverse; -webkit-box-orient: vertical; -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }

@media only screen and (min-width: 769px) { div.postHeader { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } }

div.postAuthor { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

div.postAuthor img { width: 60px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

div.postAuthor p, div.postAuthor a { line-height: 1.2; }

div.postAuthor a, div.postAuthor a:visited { font-weight: 400; color: #1C5371; }

div.postAuthor p { padding: 0px 10px; }

.related-separator { width: 75%; max-width: 1000px; margin: 5rem 0; }

.related-blogs-header { margin-bottom: 1rem; padding-top: 5rem; }

.related-blogs { padding: 0 10px; display: grid; grid-template-columns: 1fr; grid-gap: 2rem; }

@media only screen and (min-width: 769px) { .related-blogs { grid-template-columns: 1fr 1fr; } }

.related-blogs h5 { padding: 0; }

.blog-footer { border-top: 1px solid #606a6e; border-bottom: 1px solid #606a6e; padding: 3rem 0; margin-top: 3rem; }

@media only screen and (min-width: 480px) { .blog-footer { display: grid; grid-template-columns: 250px 250px; justify-content: space-between; } }

@media only screen and (min-width: 480px) { .categories-and-tags .categories { text-align: right; } }

.categories-and-tags .categories .cat { background: #1C5371; }

.categories-and-tags h5 { display: inline; }

.categories-and-tags .cat { display: inline; background: #606a6e; color: #fff; border-radius: 10px; text-transform: uppercase; font-size: 11px; line-height: 2.5rem; }

.categories-and-tags .cat a { color: #fff; white-space: nowrap; }

@media only screen and (min-width: 769px) { .stm__container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 3rem; } }

.stm-hero { color: #fff; background-size: cover; background-repeat: no-repeat; background-position: 80% center; }

.stm-hero .container { padding-top: 8rem; padding-bottom: 5rem; }

@media only screen and (min-width: 769px) { .stm-hero .container { padding-bottom: 12rem; } }

.stm-hero .container h2 { text-align: center; }

.stm-hero .container img { width: 100%; }

@media only screen and (min-width: 769px) { .stm-hero .container img { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.23); } }

.stm-hero .headline { margin: 0 auto; position: relative; }

.stm-section { position: relative; padding: 3rem 0; }

@media only screen and (min-width: 769px) { .stm-section { padding: 4rem 0; } }

.stm-section .gray-callout__box { background: transparent; }

.stm-intro { padding-top: 0; }

#the-pf-perspectives-library-page .stm-intro .breadcrumbs { top: -20px; left: 0; max-width: 800px; margin: 0 auto; }

@media only screen and (min-width: 769px) { #the-pf-perspectives-library-page .stm-intro .breadcrumbs { top: -40px; } }

#the-pf-perspectives-library-page .stm-intro .breadcrumbs ol { padding-left: 0; }

.stm-intro:before { content: ''; position: absolute; top: -2%; left: 0; width: 100%; height: 100%; background: #f0f0f0; transform: skewY(-2deg); opacity: 1; z-index: 0; }

@media only screen and (min-width: 769px) { .stm-intro:before { height: 110%; top: -10%; } }

.stm-intro * { z-index: 100; position: relative; }

.stm-story__container { padding-bottom: 3rem; }

.stm-description { max-width: 800px; margin: 0 auto; }

.stm-description p { padding: 10px 0; }

.stm-description a { text-decoration: underline; }

.search-container { display: grid; grid-template-columns: 4fr 1fr; gap: 5px; }

.search-container input[type="search"] { line-height: 2; font-size: 1rem !important; border-radius: none !important; }

@media only screen and (min-width: 769px) { .search-container input[type="search"] { min-width: 15rem; } }

.search-container button { font-size: 1rem !important; padding: 0 30px !important; }

.search-container button img { display: flex; margin: 0.5rem 0; }

.unibox__selectable-title { font-weight: normal !important; }

.unibox-n-section { margin-bottom: 1rem !important; border-bottom: 1px solid #C9CAC8; }

.unibox__show-all-text { font-size: 0.8rem; }

#ss360-custom-searchbutton { display: flex !important; }

.unibox__watermark img { opacity: 0; }

.gray-callout__box { width: 100%; max-width: 700px; margin: 0 auto; background: #f0f0f0; }

.signup__header { max-width: 500px; margin: 0 auto; text-align: center; }

.signup__header h4 { margin-bottom: 1rem; }

.signup__form { margin: 0 auto 1em; }

.signup__form #mc_embed_signup form { text-align: center; }

.signup__form #mc_embed_signup form .email, .signup__form #mc_embed_signup form .clear { display: inline-block; }

.signup__form #mc_embed_signup form .button { text-transform: uppercase; padding: 0 30px !important; }

.gray-callout__box #mc_embed_signup_scroll input[type="email"] { padding: 0.45em; border-radius: 0px !important; }

.tag { padding: 0.3em 0.7em; display: inline-block; border-radius: 5px; background-color: #C9CAC8; text-transform: uppercase; }

.tag.tag-new { background-color: #FECF5D; color: #000; }

.tag.tag-alert { background-color: #DB1F5A; color: #000; }

.tag.tag-safe { background-color: #4cb944; color: #000; }

.jobs__container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; width: 100%; padding-bottom: 6em; }

@media only screen and (min-width: 480px) { .jobs__container { width: 85%; margin: 0 auto; } }

.job__category { width: 100%; margin-top: 3em; }

.job__category h3 { text-transform: capitalize; color: #1C5371; }

.job { display: block; width: 100%; }

@media only screen and (min-width: 769px) { .job { display: inline-block; width: 33.3333333333%; } }

.job .job__content { border: 1px solid #1C5371; }

.jobs h1 { margin-top: 1em; }

.job__category-link { display: inline-block; margin: 0.2em; }

.job__category-link a { display: inline-block; background-color: #fafafa; border-radius: 10px; text-transform: capitalize; transition: background-color 300ms ease; }

.job__category-link a:hover { background-color: #C9CAC8; }

.job__category-link input { opacity: 0; position: absolute; }

.jobline { display: block; width: 100%; transition: background-color 300ms ease; }

.jobline:hover { background-color: #fafafa; }

.jobline .job__company > * { font-weight: 900; }

.jobline .job__title, .jobline .job__company, .jobline .job__department { display: inline-block; }

.jobline .job__title { padding: 0.5em 3em 0.5em 0; display: block; }

.jobline .job__title .link { color: #1C5371; text-decoration: underline; font-weight: normal; }

@media only screen and (min-width: 480px) { .jobline .job__title { display: inline-block; } }

.jobline .job__content { position: relative; border-top: 1px solid #C9CAC8; }

.jobline .job__date { position: absolute; top: 0.8em; right: 0.7em; }

.jobline:last-of-type .job__content { border-bottom: 1px solid #C9CAC8; }

.jobline .tag { position: absolute; top: 2.9em; right: 0.8em; }

@media only screen and (min-width: 480px) { .jobline .tag { top: 0.8em; bottom: inherit; right: inherit; left: -4em; } }

.jobblock { display: block; position: relative; width: 100%; border-radius: 5px; background-color: #C9CAC8; float: right; transition: background-color 250ms ease; margin: 1em 0; min-height: 10em; }

.jobblock:hover { background-color: #1C5371; color: #fff; }

.jobblock:hover .cappedLink { color: #C9CAC8 !important; }

.jobblock .tag { position: absolute; top: 1em; right: 1em; }

.jobblock .job__company > * { font-weight: 900; }

.jobblock .job__title .cappedLink { color: #1C5371; text-decoration: underline; }

.jobblock .job__preview { margin-top: 3em; }

.job__categories { padding-top: 2em; }

.job__list { display: inline-block; width: 100%; }

.related-posts { width: 94%; max-width: 1000px; margin: 2em auto; }

.related-posts h2 { color: #1C5371; font-weight: 900; margin-bottom: 1em; }

.jobPost h1 { text-transform: capitalize; padding-bottom: 0; }

.jobPost h3 { padding-bottom: 0; }

.jobPost .jobpost__logo { max-height: 250px; }

.jobpost_cta { margin: 1em 0; }

.jobPost__company-image { margin: 0 auto; }

.jobPost__company-image img { max-width: 100%; }

.job-post { padding: 150px 0px 100px 0; margin: 0 auto; }

.job-post h1, .job-post h2, .job-post h3, .job-post h4, .job-post h5, .job-post p { padding: 10px; }

.job-post p, .job-post a, .job-post b { color: #000; -webkit-font-smoothing: auto; }

.job-post .postHeader, .job-post .jobPost { margin: 0 auto; }

.video-player { position: relative; height: 0; overflow: hidden; padding-bottom: 58.25%; }

.video-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; }

.le-date { display: inline-block; }

.live-indicator { display: inline-block; }

.live-indicator span { display: none; padding: 0.2rem 0.5rem; }

.live-indicator span.active { display: block; }

.live-indicator span.live-on { border: 1px solid #DB1F5A; color: #DB1F5A; }

.live-indicator span.live-ended { border: 1px solid #606a6e; color: #606a6e; }

.upcoming-events { padding-top: 3rem; }

.upcoming-events .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 2rem; }

.upcoming-event { background-size: cover; background-position: center; background-repeat: no-repeat; display: grid; align-content: end; height: 250px; max-width: 500px; }

.upcoming-event .event-date { position: absolute; bottom: 10px; left: 10px; }

.ue-content { position: relative; height: 115px; }

.ue-content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; background-color: #1C5371; }

.ue-content > * { position: relative; color: #fff; }

.ue-content h4 { padding: 0; }

.next-event { background-size: cover; background-position: center; background-repeat: no-repeat; display: grid; align-content: end; height: 450px; }

.next-event .next-event__content { position: relative; height: 250px; }

@media only screen and (min-width: 769px) { .next-event .next-event__content { height: 180px; } }

@media only screen and (min-width: 1180px) { .next-event .next-event__content { height: 130px; } }

.next-event .next-event__content:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; background-color: #1C5371; }

.next-event .next-event__content > * { position: relative; color: #fff; }

.next-event .next-event__content h2 { padding: 0; }

.next-event .event-date { position: absolute; bottom: 10px; left: 10px; }

.past-events__container { display: grid; grid-template-columns: 1fr; grid-gap: 1rem; }

@media only screen and (min-width: 480px) { .past-events__container { grid-template-columns: 1fr 1fr; } }

.contact-blocks { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 5rem 3rem; padding: 3em 0; width: 94%; max-width: 1200px; margin: 0 auto; }

@media only screen and (min-width: 769px) { .contact-blocks { grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); } }

.contact-block form input, .contact-block form textarea { display: block; width: 100%; padding-left: 0.5rem; }

.contact-block .formPane { width: 100%; padding-top: 0; }

.contact-block .formPane form button { width: 10rem; text-transform: uppercase; font-family: "Visby"; font-weight: 300; margin: 0; }

.contact-block .formPane .buttonGroup { padding: 10px; }

.contact-block h3 { position: relative; display: inline-block; }

.contact-block h3:after { content: ''; position: absolute; bottom: 5px; left: 10px; height: 2px; width: 100%; background: #1C5371; }

.contact-block .contact-subscribe-form { padding: 0 !important; }

.contact-block #mc_embed_signup form { text-align: left; }

.contact-block #mc_embed_signup_scroll input[type="email"], .contact-block .clear { display: inline-block; margin-top: 1em; }

.contact-block #mc_embed_signup_scroll input[type="email"] { background-color: #e3e3e2; width: calc(100% - 200px); min-width: 200px; }

.map { height: 420px; }

.map iframe { height: 100%; width: 100%; }

.headline-cta-container { text-align: center; }

@media only screen and (min-width: 769px) { .headline-cta-container { text-align: left; } }

.features { background-color: #f0f0f0; padding-top: 4rem; position: relative; }

.features:before { content: ''; position: absolute; top: -2rem; left: 0; width: 100%; height: 100%; background: #f0f0f0; color: #fff; transform: skewY(2deg); opacity: 1; z-index: 0; }

.features.partners::before { background: #307A83; transform: skewY(-2deg); }

.features-container { position: relative; max-width: 1000px; display: block; }

.featureB { text-align: center; color: #fff; margin-bottom: 3rem; }

.featureC { background-color: whitesmoke; margin-bottom: 5rem; padding: 1rem; min-height: 12rem; box-shadow: 0 2px 35px -10px rgba(0, 0, 0, 0.5); position: relative; z-index: 10; }

.features-row:last-of-type .featureC, .features-row:last-of-type .feature-mobile { margin-bottom: 0; }

.feature-mobile { position: relative; margin-bottom: 2rem; }

.feature__icon { margin-top: 0.5rem; }

.fi-container { position: relative; }

.fi-container:before { content: ""; position: absolute; width: 90%; height: 100%; right: -5.5rem; top: 1rem; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Ccircle cx='2.5' cy='2.5' r='0.9' fill='%232c2e37'/%3E%3C/svg%3E") repeat bottom right; z-index: 0; }

.even .fi-container:before { right: initial; left: -3.5rem; }

.feature__icon-inner { position: relative; min-height: 150px; text-align: center; padding: 1.8rem; display: grid; align-items: center; justify-content: center; right: -5.5rem; width: 80%; z-index: 100; }

.feature__icon-inner img { max-height: 100px; max-width: 150px; vertical-align: middle; }

.even .feature__icon-inner { right: initial; left: -3rem; }

.feature__icon-mobile { position: absolute; top: 0; left: 0; background: #1C5371; padding: 0.5rem; height: 46px; width: 46px; display: flex; align-items: center; }

.feature__icon-mobile img { width: 100%; }

.feature__icon-mobile.fi-mobile__partner { background-color: #307A83; }

.feature__name { margin-bottom: 1rem; }

.feature__description { text-align: left; }

.details { background-color: #f0f0f0; padding-bottom: 17rem; }

.details.partner-details { padding-bottom: 7rem; }

.member-story { position: relative; background-color: #2c2e37; }

.member-story .case-studies { max-width: 800px; width: 80%; margin: 0 auto; }

.member-story .case-studies .card__content:before { background-color: #1C5371; }

.member-story .case-study { position: relative; width: 100%; overflow: hidden; border: 3px solid #1C5371; }

@media only screen and (min-width: 769px) { .member-story .case-study { margin: 0 3rem; min-height: 350px; padding: 2rem; } }

.member-story .case-study__label { padding: 1rem 2rem 2rem; width: 100%; background-color: #1C5371; color: #fff; }

@media only screen and (min-width: 769px) { .member-story .case-study__label { position: absolute; bottom: 0; left: 0; } }

.member-story .case-study__label h2 { margin-bottom: 1rem; }

.member-story .case-study__quote { display: none; }

@media only screen and (min-width: 769px) { .member-story .case-study__quote { display: block; } }

.member-story .case-study__quote h4 { text-transform: none; margin-bottom: 1rem; }

.join-case-studies { color: #fff; }

.testimonials { width: 94%; margin: 0 auto; }

@media only screen and (min-width: 769px) { .testimonials { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 6rem 3rem; margin: 3rem auto; margin-bottom: -4rem; } }

.test__logo { text-align: center; margin-bottom: 2rem; }

.test__logo img { max-width: 200px; }

.test__quote { margin-bottom: 1rem; }

.join-member-stories { padding-bottom: 8rem; margin-top: -17rem; }

.join-member-stories .vertical-card-inner { background-color: #fff; }

@media only screen and (min-width: 1180px) { .split-sided-3-4 { display: grid; grid-template-columns: 3fr 4fr; grid-gap: 4rem; } }

.split-sided-even { padding: 5rem 0; }

@media only screen and (min-width: 1180px) { .split-sided-even { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2rem; } }

.split-sided-even img { width: 100%; }

.side { display: grid; align-items: center; }

.data__container { position: relative; }

@media only screen and (min-width: 480px) { .data__container { display: grid; grid-template-columns: repeat(auto-fit, minmax(225px, 1fr)); margin-top: 2rem; } }

@media only screen and (min-width: 769px) { .data__container { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 2rem 1rem; } }

.data__point { text-align: center; z-index: 100; }

.data__stat { color: #1C5371; }

#partners .data__stat, #partners-page .data__stat { color: #307A83; }

.data__description { width: 60%; margin: 0 auto; }

.quotes { width: 96%; max-width: 700px; margin: 2rem auto 0; border: 3px solid #f0f0f0; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.23); }

.quote__container { padding: 4rem 2rem; display: grid; grid-template-areas: "img img img" "copy copy copy" "byline byline byline"; grid-template-columns: 1fr 1fr 1fr; }

@media only screen and (min-width: 480px) { .quote__container { grid-template-areas: "img copy" "....... byline"; grid-template-columns: 120px auto; grid-gap: 0 2rem; } }

.quote__container .quote__img { grid-area: img; position: relative; padding: 1rem; max-width: 150px; justify-self: center; }

.quote__container .quote__img:after { content: ''; position: absolute; top: 13px; right: 10px; width: 0; height: 0; border-style: solid; border-width: 0 65px 82px 0; border-color: transparent #FECF5D transparent transparent; opacity: 1; z-index: 0; transform: rotate(-5deg); }

.quote__container .quote__img img { position: relative; border-radius: 50%; width: 100%; z-index: 100; }

.quote__container .quote__copy { grid-area: copy; }

.quote__container .quote__copy .desc-break { width: 100px; border: 1px solid #FECF5D; display: inline-block; }

.quote__container .quote__byline { grid-area: byline; }

.global { display: grid; grid-template-columns: 1fr; grid-gap: 3rem; max-width: 1500px; margin: 8rem auto 0; }

.global.investor { margin: 0 auto; }

@media only screen and (min-width: 769px) { .global { grid-template-columns: 1fr 1fr; } }

.global .headline { display: grid; align-items: center; text-align: left; padding: 0 2rem; margin: 0 auto; }

.global .headline > * { margin-bottom: 1rem; }

.global .headline__container > * { margin-bottom: 2rem; }

.global.global-partner > * { color: #fff; }

.global-logos { padding: 0 2rem; text-align: center; overflow: auto; }

.global-logos ul { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(80px, 100px)); grid-gap: 3rem; justify-content: center; padding-left: 0; }

@media only screen and (min-width: 480px) { .global-logos ul { grid-template-columns: repeat(auto-fill, minmax(100px, 150px)); } }

.global-logos ul img { max-width: 100%; max-height: 100px; margin: 0 auto; }

.global-logos li { display: grid; align-items: center; }

.join-programs { background-color: #f0f0f0; padding: 8rem 0 4rem 0; }

@media only screen and (min-width: 480px) { .join-programs { padding: 8rem 0; } }

.join-programs .slick-track { padding: 1em 0; }

.join-programs .programs-sample-container { width: 96%; max-width: 1440px; margin: 0 auto; position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }

.join-programs .programs-sample { max-width: 700px; right: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }

.program-item__container .wide-img, .program-item__container video { width: 100%; }

.program-item__container .program-icon { height: 30px; }

@media only screen and (min-width: 769px) { .initiatives .flex-row { display: flex; justify-content: center; flex-wrap: wrap; } .initiatives .program-item { max-width: 50%; } }

.join-criteria { position: relative; padding: 4rem 0; overflow: hidden; }

.join-criteria.join-demo { background-repeat: no-repeat; background-size: cover; background-position: center; color: #fff; }

@media only screen and (min-width: 480px) { .join-criteria { padding: 8rem 0; } }

.triangle { clip-path: polygon(100% 0, 0 0, 50% 18%); position: absolute; top: 0; left: 0; height: 300px; width: 100%; background-color: #f0f0f0; }

.triangle.triangle-black { background-color: #2c2e37; }

.criteria__container { position: relative; }

.criteria__container .headline { text-align: left; margin: 2rem auto; }

.criteria__container h4 { text-transform: none; }

.criteria__container h4 > { margin-bottom: 2rem; }

.criteria__container .visual { width: 65%; margin: 0 auto; }

@media only screen and (min-width: 769px) { .criteria__container .visual { width: 100%; } }

.criteria__container .visual img { width: 100%; }

.criteria__container ul { list-style: none; }

.criteria__container li { position: relative; margin: 1rem 0; }

.criteria__container li:before { content: ''; position: absolute; top: 3px; left: -35px; height: 25px; width: 25px; background-image: url("/uploads/check-blue.svg"); background-size: cover; }

.join-demo li:before { background-image: url("/uploads/check-white.svg"); }

.join-cta { background-color: #2c2e37; color: #fff; text-align: center; }

.join-cta .button { display: inline-block; width: 100%; max-width: 200px; text-align: center; }

.team-cta { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1000px; margin: 0 auto; padding: 0 2rem; }

@media only screen and (min-width: 480px) { .team-cta { justify-content: center; } }

.team-person { position: relative; display: grid; grid-template-columns: 30% auto; grid-gap: 1rem; align-items: center; width: 100%; padding: 1rem 0.5rem; }

@media only screen and (min-width: 480px) { .team-person { width: 50%; } }

.team-person__photo { width: 90px; }

@media only screen and (min-width: 769px) { .team-person__photo { width: 130px; } }

.team-person__photo img { width: 100%; border-radius: 100%; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.join-pricing { background-color: #2c2e37; }

@media only screen and (min-width: 480px) { .pricing-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); justify-content: space-around; align-content: center; grid-gap: 10%; } .pricing-container.pricing-container-partner { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } }

.pricing-box { margin: 1rem 0; align-content: flex-start; position: relative; display: grid; z-index: 20; text-align: center; padding: 0; }

.pricing-box:before { content: ""; position: absolute; width: 95%; height: 100%; right: -0.5rem; top: 0.5rem; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Ccircle cx='2.5' cy='2.5' r='0.9' fill='%231C5371'/%3E%3C/svg%3E") repeat bottom right; z-index: 0; }

.pricing-box .price > * { display: inline; }

.pricing-box:nth-child(1) .price h2, .pricing-box:nth-child(1) .price h3 { border-bottom: 2px solid #FECF5D; }

.pricing-box:nth-child(2) .price h2, .pricing-box:nth-child(2) .price h3 { border-bottom: 2px solid #00ADD0; }

.pricing-box:nth-child(3) .price h2, .pricing-box:nth-child(3) .price h3 { border-bottom: 2px solid #FECF5D; }

.pricing-box:nth-child(4) .price h2, .pricing-box:nth-child(4) .price h3 { border-bottom: 2px solid #1C5371; }

.pricing-box.blue-dots:before { background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3'%3E%3Ccircle cx='2.5' cy='2.5' r='0.9' fill='%231C5371'/%3E%3C/svg%3E") repeat bottom right; }

.column_price .border-yellow, .price .border-yellow { border-color: #FECF5D !important; }

.column_price .border-light-blue, .price .border-light-blue { border-color: #00ADD0 !important; }

.pricing-box-inner { position: relative; z-index: 20; padding: 1rem; background-color: #fff; min-height: 14rem; }

.pricing-box-inner.short { min-height: 11rem; }

.price h2 { display: inline-block; }

.price-description { margin: 1rem 0; }

@media only screen and (min-width: 480px) { .pricing-container .price { min-height: 4rem; } .pricing-container .price-level { min-height: 17rem; } }

@media only screen and (min-width: 769px) { .pricing-container .price { min-height: initial; } .pricing-container .price-level { min-height: 10rem; } }

.wFormContainer { position: relative; z-index: 300; width: 94%; }

.wFormContainer form { display: block; }

@media only screen and (min-width: 769px) { .wFormContainer .wForm { padding: 1rem 3rem !important; } .wFormContainer .field-container-D { margin-bottom: 1rem !important; margin-right: 1rem; } .wFormContainer #tfa_4-D, .wFormContainer #tfa_3-D, .wFormContainer #tfa_7-D, .wFormContainer #tfa_6-D, .wFormContainer #tfa_17-D, .wFormContainer #tfa_2-D, .wFormContainer #tfa_18-D, .wFormContainer #tfa_20-D { display: inline-block; } }

#himss-login-digital-startup-bootcamp-page .wFormContainer { margin: 0 !important; }

#himss-login-digital-startup-bootcamp-page .wFormContainer .wForm { padding: 0 !important; }

#himss-login-digital-startup-bootcamp-page .actions { margin: 0 !important; padding: 0 !important; }

#himss-login-digital-startup-bootcamp-page .field-container-D { margin-bottom: 0 !important; }

#himss-login-digital-startup-bootcamp-page .primaryAction { margin-top: 1em !important; }

.comparison-component { display: flex; justify-content: center; align-items: center; max-width: 1000px; }

.comparison-container { display: grid; grid-template-columns: 1fr; grid-gap: 0; margin: 0 auto; }

@media only screen and (min-width: 769px) { .comparison-container { grid-template-columns: repeat(2, 1fr); } }

.column_list { border-top: 1px solid rgba(0, 0, 0, 0.25); }

.column_list li { background-color: #fff; padding: 10px; height: 3em; }

.column_list li:nth-child(2n) { background-color: #f0f0f0; }

@media only screen and (min-width: 769px) { .column_label { min-height: 200px; } }

@media only screen and (min-width: 1180px) { .column_label { min-height: 160px; } }

.column_price span { margin-left: 0.5rem; }

.column_price .price-number { border-bottom: 2px solid transparent; }

.column_price > * { display: inline; line-height: 20px; }

.column_cta { position: relative; z-index: 20; }

.column_cta a { color: #000; text-decoration: underline; }

.column_one { position: relative; }

@media only screen and (min-width: 769px) { .column_one { border-right: 1px solid rgba(0, 0, 0, 0.25); } }

.column_one li { z-index: 20; position: relative; }

.join-proof .join-case-studies { background-color: #2c2e37; }

.join-proof .join-member-stories { margin-top: 0; margin-bottom: -9rem; }

.challenges .container { margin-top: 4rem; }

.upcoming-challenges { padding-bottom: 5rem; }

.challenges__container { margin: 4rem 0; }

.challenges__container hr { margin-bottom: 4rem; border: 0.5px solid #C9CAC8; }

.challenges__container.past-challenges__container.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); grid-gap: 3rem; }

#no-upcoming-challenges-header { display: none; }

.challenge { margin-bottom: 4rem; }

@media only screen and (min-width: 769px) { .challenge { display: grid; grid-template-columns: 300px auto; grid-gap: 2rem; } }

.challenge__image img { width: 100%; }

.challenge__title { margin-bottom: 2rem; }

.challenge__title h4 { color: #1C5371; }

.challenge__title h5 { color: #000; }

.challenge__dates { margin-bottom: 1rem; }

.past-challenge { padding: 0 1rem; }

.challenge-post-head { font-size: 0; }

.challenge-post-head .postHero, .challenge-post-head .postHero__mobile { width: 100%; max-width: initial; margin-bottom: 0; }

.challenge-post-head .challenge__head { font-size: initial; width: 100%; padding: 2rem; background: #1C5371; color: #fff; }

.challenge-post-head .challenge__head hr { margin: 2rem 0; }

.challenge-post-head .challenge__head .challenge-cta__container { background: transparent; }

.challenge-post-head .challenge__statement { max-width: 700px; margin: 0 auto; text-align: center; text-wrap: balance; text-wrap: pretty; }

.challenge-post-head .triangle__container { position: relative; width: 100%; }

.challenge-post-head .triangle { clip-path: polygon(100% 0, 0 0, 50% 18%); position: absolute; top: -1px; left: 0; height: 300px; width: 100%; background-color: #1C5371; }

.challenge-post-head .headline, .challenge-post-head .apply-button { text-align: center; }

.challenge-post { padding: 70px 0px 50px 0; }

.challenge-post .postContent { padding-top: 5rem; }

.challenge-post .case-studies { max-width: 800px; width: 80%; margin: 0 auto; }

.challenge-post .case-studies .card__content::before { background-color: #1C5371; }

.challenge-post .module { margin-bottom: 2rem; }

.challenge-post .module img { margin: 0; }

.challenge-post .module img.module__image { margin: 0 auto; }

@media only screen and (min-width: 480px) { .challenge-post .module.half-width { display: inline-block; width: 45%; vertical-align: top; } .challenge-post .module.half-width + .half-width { margin-left: 3rem; } }

.challenge-post hr { margin: 1rem auto; max-width: 900px; }

.half-width .module__headline { min-height: 100px; }

@media only screen and (min-width: 480px) { .partnerLogos__container { display: grid; justify-content: center; grid-auto-flow: column; grid-gap: 4rem; } }

.partnerLogos__container img { padding: 4rem; max-width: 200px; }

@media only screen and (min-width: 769px) { .partnerLogos__container img { padding: 2rem 0; } }

.challenge-headline, .challenge-post h2 { color: #1C5371; }

.challenge-cta__container { background-color: #C9CAC8; margin: 0 auto; text-align: center; padding: 1rem; }

@media only screen and (min-width: 480px) { .challenge-cta__container { width: 80%; } }

.challenge-cta__container .button { margin: 1rem 0; }

.about-section { position: relative; padding: 3rem 0; }

@media only screen and (min-width: 769px) { .about-section { padding: 4rem 0; } }

.about-section .headline { margin-bottom: 2rem; max-width: 700px; }

.about-hero { color: #fff; background-size: cover; background-repeat: no-repeat; background-position: 80% center; }

.about-hero .container { padding-top: 8rem; padding-bottom: 5rem; }

@media only screen and (min-width: 769px) { .about-hero .container { padding-bottom: 12rem; } }

.about-hero .container h2 { text-align: center; }

.about-hero .container img { width: 100%; }

@media only screen and (min-width: 769px) { .about-hero .container img { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.23); } }

.about-hero .headline { margin: 0 auto; position: relative; }

.about-hero:after { content: ''; position: absolute; bottom: -5%; right: 0; width: 0; height: 0; border-style: solid; border-width: 150px 900px 0 0; border-color: transparent #00ADD0 transparent transparent; opacity: 1; z-index: 0; }

@media only screen and (min-width: 769px) { .about-hero:after { bottom: 10%; } }

.about-story { padding-top: 0; }

.about-story.angled:before { content: ''; position: absolute; top: -2%; left: 0; width: 100%; height: 100%; background: #f0f0f0; transform: skewY(2deg); opacity: 1; z-index: 0; }

@media only screen and (min-width: 769px) { .about-story.angled:before { height: 106%; top: -6%; } }

.about-story * { z-index: 100; position: relative; }

.about-story .features-container { padding-top: 4rem; }

.about-story h3 { color: #1C5371; font-style: italic; margin: 2rem 0; }

@media only screen and (min-width: 769px) { .about-story h3 { width: 105%; margin-left: -5%; } }

.about-story__container { display: grid; grid-template-columns: 1fr; grid-gap: 1rem; }

@media only screen and (min-width: 769px) { .about-story__container { grid-template-columns: 40% auto; grid-gap: 2rem; } .about-story__container.image-right { grid-template-columns: auto 40%; } }

@media only screen and (min-width: 1180px) { .about-story__container { grid-template-columns: 1fr 1fr; grid-gap: 4rem; } .about-story__container.image-right { grid-template-columns: 1fr 1fr; } }

.about-story__container img { width: 100%; }

.story-description, .model-description { max-width: 700px; margin: 0 auto; }

.story-description p, .model-description p { margin-bottom: 1rem; }

.model { display: grid; align-content: space-between; grid-gap: 0.5rem; padding-bottom: 3rem; }

.model__name { display: grid; grid-template-columns: 45px auto; grid-gap: 1rem; }

.model__name img { max-height: 45px; }

.model__cta a { border-bottom: 2px solid #1C5371; }

.model__cta a .fa { font-size: 1rem; }

.about-explore { padding-bottom: 4rem; }

.boxes { margin: 0 auto; max-width: 1200px; }

@media only screen and (min-width: 769px) { .boxes { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr 1fr; justify-content: space-around; } }

.box { padding: 0 1em 3rem; outline: none; }

.box .box-meta { display: grid; align-content: space-between; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); padding: 2em 2em 3em; min-height: 230px; position: relative; transition: box-shadow 350ms ease, border-color 350ms ease; background-color: #fafafa; }

.box .box-meta:hover { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.23); }

.box .box-meta.em-last { display: grid; justify-content: center; align-items: center; text-align: center; }

.box .box-meta.em-last .button { background-color: #DB1F5A; }

.box .box-meta .box-date { position: absolute; left: 2em; bottom: 2em; padding-top: 1rem; border-top: 2px solid #DB1F5A; }

.box__cta { text-align: center; }

.box__cta a.button { background-color: #00ADD0; }

.box__cta a.button:hover, .box__cta a.button:active { background-color: #006d84; }

.split-cta__container { display: grid; grid-template-columns: 1fr; max-width: 900px; margin: 0 auto; overflow: hidden; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

@media only screen and (min-width: 769px) { .split-cta__container { grid-template-columns: 55% 45%; } }

.split__side { padding: 5rem 3rem; }

.split__one { background-color: #f0f0f0; }

.split__two { background-color: #1C5371; color: #fff; position: relative; }

.split__two:before { content: ''; position: absolute; right: 0; top: -50px; width: 0; height: 0; border-style: solid; border-width: 0 0px 50px 400px; border-color: transparent transparent #1C5371 transparent; opacity: 1; z-index: 0; }

@media only screen and (min-width: 769px) { .split__two:before { right: initial; left: -144px; top: 0; border-width: 0 0px 330px 144px; } }

.copy__container { max-width: 580px; margin: 0 auto; }

.community-hero { background-color: #f0f0f0; }

.community-hero:before { content: ''; position: absolute; top: -20%; left: 0; width: 100%; height: 115%; background: #1C5371; transform: skewY(-5deg); opacity: 1; z-index: 50; }

@media only screen and (min-width: 769px) { .community-content.original { background-image: url("/uploads/matter-network-1.png"); background-position-x: -10%; background-size: 50%; overflow: visible; background-position-y: 28%; background-repeat: no-repeat; } }

@media only screen and (min-width: 1480px) { .community-content.original { background-position-x: 10%; background-size: 40%; } }

@media only screen and (min-width: 769px) { .community-graphic { display: grid; grid-template-columns: 3fr 6fr; grid-gap: 3rem; } }

@media only screen and (min-width: 1180px) { .community-graphic { grid-template-columns: 1fr 1fr; } }

.graphic__container img { display: block; width: 120%; margin-left: -10%; padding-bottom: 3rem; }

@media only screen and (min-width: 480px) { .graphic__container img { width: 80%; margin-left: 10%; } }

@media only screen and (min-width: 769px) { .graphic__container img { display: none; } }

.community-section { background-color: #f0f0f0; }

.community-section .section__cta { width: 80%; max-width: 800px; background-color: #fff; padding: 2rem; margin: 7rem auto 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.community-modal .modal__content { width: 50%; }

.birthday-intro-section { background-color: #2c2e37; color: #fff; }

.bg-img { height: 45vh; min-height: 500px; position: relative; display: flex; align-items: center; background-size: cover; background-repeat: no-repeat; background-position: center; }

.bg-img .headline { color: #fff; z-index: 100; }

.bg-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5; }

.birthday-hero { height: 100vh; position: relative; overflow: hidden; }

.birthday-hero video { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; }

.birthday-hero .content { width: 100%; position: absolute; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }

@media only screen and (min-width: 769px) { .birthday-hero .content { width: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.birthday-hero .copy { text-align: center; padding: 20px 0px; color: #fff; max-width: 720px; }

@media only screen and (min-width: 769px) { .birthday-hero .copy { padding: 50px 0px; } }

.birthday-intro-section p:first-of-type:first-letter { font-size: 5rem; float: left; padding-top: 0.4rem; }

.birthday-intro-section p { padding-bottom: 1rem; }

.highlighted-text { position: relative; color: #1C5371; z-index: 100; font-weight: normal; }

.highlighted-text:before { content: ''; position: absolute; background-color: #FECF5D; opacity: 0.7; height: 40%; width: 100%; left: 0; bottom: 0; z-index: -10; }

.birthday-page-section .side__right { padding-top: 3rem; }

.switchbacks { max-width: 720px; margin: 0 auto; padding: 2rem 0; }

.switchbacks img { width: 100%; flex: 1; max-width: 100px; }

.switchbacks .switchback-content { flex: 7; display: flex; align-items: center; }

.switchback-left, .switchback-right { padding-bottom: 2rem; display: flex; gap: 2rem; align-items: center; }

.birthday-page-section .copy { width: 50%; }

.birthday-page-section .featureB { color: initial; }

.birthday-page-section .feature__description { text-align: center; }

.birthday-page-section.heroCenter { height: 50vh; }

.birthday-page-section .data-columns { display: flex; }

.birthday-page-section .data__point { flex: 1; padding: 2rem; border-right: 1px solid #1C5371; }

.birthday-page-section .data__point:last-of-type { border: none; }

.birthday-page-section.heroCenter .data__stat, .birthday-page-section.heroCenter .data__point { color: #fff; border-color: #fff; }

.link-container a { text-decoration: underline; }

.subsection { padding: 3rem 0; }

.testimonial { max-width: 800px; border-bottom: 3px dotted #1C5371; border-top: 3px dotted #1C5371; display: grid; grid-template-areas: "img img img" "copy copy copy" "byline byline byline"; grid-template-columns: 1fr 1fr 1fr; }

@media only screen and (min-width: 480px) { .testimonial { grid-template-areas: "img copy" "....... byline"; grid-template-columns: 120px auto; grid-gap: 0 2rem; } }

.testimonial p, .testimonial h4, .testimonial h5 { padding-bottom: 1rem; grid-area: copy; font-family: "Visby", sans-serif; }

.testimonial .byline { grid-area: byline; }

.testimonial a { color: #1C5371; }

.testimonial a:hover { text-decoration: underline; }

.testimonial.v1b { border: none; }

.testimonial.v2 { border-bottom: 3px solid #1C5371; border-top: 3px solid #1C5371; grid-template-columns: initial; }

@media only screen and (min-width: 480px) { .testimonial.v2 { grid-template-columns: 2fr 3fr; } }

.testimonial__img { grid-area: img; position: relative; padding: 1rem; max-width: 150px; justify-self: center; }

.testimonial__img:after { content: ''; position: absolute; top: 20px; right: 20px; width: 0; height: 0; border-style: solid; border-width: 0 80px 100px 0; border-color: transparent #FECF5D transparent transparent; opacity: 1; z-index: 0; transform: rotate(-5deg); }

.testimonial__img img { position: relative; border-radius: 50%; width: 100%; z-index: 100; }

.v2 .testimonial__img { max-width: none; padding: 0; }

.v2 .testimonial__img:after { border: none; }

.v2 .testimonial__img img { border-radius: 0; }

.bulleted-list { max-width: 720px; }

.bulleted-list ul { columns: 2; }

.single-image { text-align: center; }

.single-image img { width: 100%; max-width: 720px; margin: 0 auto; }

.stacked-image-text { padding-bottom: 8rem; }

.thank-you-section { background-color: #2c2e37; }

.thank-you-section * { color: #fff; }

.thanks-container { max-width: 800px; margin: 0 auto; }

.bg_light-gray { background-color: #f0f0f0 !important; }

.bg_white { background-color: #fff !important; }

.yir .featured-bullets { max-width: 620px; margin: 0 auto; }

.yir .featured-bullets ul { width: fit-content; margin: 0 auto; text-align: left; }

.yir .featured-bullets li span { display: inline-block; }

.yir .featured-bullets li::marker { color: #1C5371; }

.yir .slider-box { max-width: 700px; margin: 0 auto; }

.yir .slider-box img { max-width: 60%; width: auto; max-height: 200px; margin: 0 auto; }

.yir .slider-box .slick-dots { bottom: -60px; }

.yir .acquisitions .slider-box { border: 4px solid #2c2e37; }

.two-column { display: grid; grid-template-columns: 1fr; gap: 2rem; }

@media only screen and (min-width: 769px) { .two-column { grid-template-columns: 1fr 1fr; } }

.two-column p a { text-decoration: underline; }

@media only screen and (min-width: 769px) { .two-column.md-reverse :first-child { order: 2; } .two-column.md-reverse :nth-child(2) { order: 1; } }

.color-block { padding: 0.5em 0; }

.color-block > * { margin-bottom: 0; }

.color-block sup { font-size: 1rem; vertical-align: super; }

.color-block.blue { background-color: #1C5371; color: #fff; }

.color-block.yellow { background-color: #FECF5D; }

.color-block.aqua { background-color: #307A83; color: #fff; }

.color-block.red { background-color: #DB1F5A; color: #fff; }

.back-to-top-fixed { position: fixed; bottom: 20px; right: 20px; z-index: 9999; background-color: #333; color: #fff; border: none; border-radius: 50%; width: 60px; height: 60px; font-size: 20px; cursor: pointer; display: flex; justify-content: center; align-items: center; padding-top: 8px; opacity: 0; transition: opacity 0.3s ease-in-out; }

.back-to-top-fixed.show { opacity: 1; }

.back-to-top-fixed svg { transform: rotate(-90deg); height: 40px; }

.back-to-top-fixed path { fill: #fff; stroke: #fff; }

.back-to-top svg { transform: rotate(-90deg); max-width: 16px; }

.back-to-top path { fill: #fff; stroke: #fff; }

.intro a { text-decoration: underline; }

.menu-button { display: inline-block; padding: .5rem; }

@media only screen and (min-width: 1180px) { .menu-button { display: none; } }

.burger-icon { position: relative; margin-top: 8px; margin-bottom: 8px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.burger-icon, .burger-icon::before, .burger-icon::after { display: block; width: 25px; height: 1px; background-color: #2c2e37; outline: 1px solid transparent; -webkit-transition-property: background-color, -webkit-transform; -moz-transition-property: background-color, -moz-transform; -o-transition-property: background-color, -o-transform; transition-property: background-color, transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }

.burger-icon::before, .burger-icon::after { position: absolute; content: ""; }

.burger-icon::before { top: -8px; }

.burger-icon::after { top: 8px; }

.menu-button.is-active .burger-icon { background-color: transparent; }

.menu-button.is-active .burger-icon::before { -webkit-transform: translateY(8px) rotate(45deg); -moz-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }

.menu-button.is-active .burger-icon::after { -webkit-transform: translateY(-8px) rotate(-45deg); -moz-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -o-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }

.fixed-header .cappedLink, .default-subnav .cappedLink { color: #000; }

.fixed-header .cappedLink .icon-wrapper, .default-subnav .cappedLink .icon-wrapper { padding-left: 0.35rem; }

.fixed-header .cappedLink .fa, .default-subnav .cappedLink .fa { font-size: 0.8rem; vertical-align: top; padding-top: 0.4rem; }

.fixed-header .cappedLink.active, .default-subnav .cappedLink.active { border-bottom: 2px solid #00ADD0; }

.nav-grid { display: grid; grid-template-columns: min-content auto min-content; grid-template-areas: "logo . default-nav"; z-index: 500; position: relative; background-color: white; }

@media only screen and (min-width: 1180px) { .nav-grid { grid-template-columns: min-content auto auto; } }

.nav-logo { grid-area: logo; align-self: center; padding: 1rem 0 0.25rem 0; }

.default-nav { grid-area: default-nav; display: grid; align-items: center; }

.default-nav ul { padding: 0; grid-template-columns: repeat(6, auto); list-style: none; }

.default-nav ul.desktop { display: none; }

@media only screen and (min-width: 1180px) { .default-nav ul.desktop { display: grid; } }

.default-nav li { text-align: right; }

.default-nav li span:hover { cursor: pointer; }

.default-nav a.active { border-bottom: 1px solid #1C5371; }

.default-subnav { display: none; position: fixed; left: 0; top: -6px; width: 100%; background-color: white; z-index: 300; transition: top 300ms ease; border-bottom: 1px solid #C9CAC8; }

@media only screen and (min-width: 1180px) { .default-subnav { display: block; } }

.default-subnav.open { top: 104px; }

.default-subnav.open.promo-bar-is-open { top: 151px; }

.default-subnav ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(70px, max-content)); column-gap: 3rem; justify-content: end; padding: 0; list-style: none; }

.default-subnav li { text-align: right; }

.offcanvas { position: fixed; z-index: 250; right: -250px; top: 0; width: 100%; max-width: 250px; height: 100vh; padding: 2rem; background-color: #2c2e37; transition: right 300ms ease; overflow-y: scroll; }

.offcanvas.active { right: 0; }

@media only screen and (min-width: 1180px) { .offcanvas { display: none; } }

.offcanvas * { color: #ffffff; }

.offcanvas .offcanvas__content { position: relative; min-height: 100%; }

.offcanvas .offcanvas__content .movile_nav_logo { float: left; max-width: 44px; }

.offcanvas .close { width: 120px; position: relative; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; }

.mobile-sitenav__links > li { text-transform: uppercase; padding: 0.5rem 0; }

.mobile-sitenav__links > li .cappedLink { color: #fff; opacity: 1; }

.mobile-sub-menu-parent { border-bottom: 1px solid #C9CAC8; }

.mobile-sub-menu { display: none; }

.fixed-header { position: fixed; z-index: 500; background-color: white; width: 100%; border-bottom: 1px solid #C9CAC8; top: 38px; right: 0; transition: right 300ms ease; }

.menu-open .fixed-header { right: 250px; }

.fixed-header.promo-bar-is-open { top: 106px; }

@media only screen and (min-width: 769px) { .fixed-header.promo-bar-is-open { top: 82px; } }

.library-modules { padding-top: 5rem; }

.library-module { max-width: 800px; margin: 0 auto; padding: 3rem 0; }

.lm__header img { float: left; max-width: 100px; margin-right: 1rem; margin-bottom: 1rem; }

.lm__description { clear: both; }

.video-img img { width: 100%; }

.video-cta { padding: 1rem 0; }

.health-equity .slider-box { max-width: 800px; }

.health-equity .slider-box img { width: 100%; max-width: none; max-height: none; }

.body-paragraph { display: inline-block; }

.body-paragraph img { max-width: 500px; width: 100%; }

#equity-testimonial .fa-chevron-right, #equity-testimonial .fa-chevron-left { color: #1C5371; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

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

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

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

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

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

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