/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* 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 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in 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;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 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;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
    1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
    2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
    3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
    4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
    5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
    6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
        6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 1px;
  margin: 6px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 1px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width .2s ease-out .2s, height .2s ease-out .2s,
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
    ----------------------------------------
    6.1 THEMES
    ----------------------------------------
    */
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(255, 255, 255, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
        sprites locations
        light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
        dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
        */
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
        sprites locations
        light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
        dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
        */
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
        sprites locations
        light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
        dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
        */
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
        sprites locations
        light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
        dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
        */
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 13px 8px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 1;
}

.hamburger-box {
  width: 25px;
  height: 15px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 25px;
  height: 3px;
  background-color: #00b1b9;
  border-radius: 0px;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -6px;
}

.hamburger-inner::after {
  bottom: -6px;
}

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 1.5px;
}

.hamburger--slider .hamburger-inner::before {
  top: 6px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}

.hamburger--slider .hamburger-inner::after {
  top: 12px;
}

.hamburger--slider.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
          transform: translate3d(0, 6px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-3.57143px, -3px, 0);
          transform: rotate(-45deg) translate3d(-3.57143px, -3px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -12px, 0) rotate(-90deg);
          transform: translate3d(0, -12px, 0) rotate(-90deg);
}

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 1.5px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 6px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.2s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 12px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  -webkit-transform: translate3d(0, 6px, 0) rotate(-45deg);
          transform: translate3d(0, 6px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  -webkit-transform: rotate(45deg) translate3d(3.57143px, -3px, 0);
          transform: rotate(45deg) translate3d(3.57143px, -3px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  -webkit-transform: translate3d(0, -12px, 0) rotate(90deg);
          transform: translate3d(0, -12px, 0) rotate(90deg);
}

html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

/* Variables */
/* media queries */
@font-face {
  font-family: "Avenir";
  font-weight: 300;
  src: url("../fonts/avenir/300-light/avenir-light.eot?") format("eot"), url("../fonts/avenir/300-light/avenir-light.woff2") format("woff2"), url("../fonts/avenir/300-light/avenir-light.woff") format("woff"), url("../fonts/avenir/300-light/avenir-light.ttf") format("truetype"), url("../fonts/avenir/300-light/avenir-light.svg#Avenir") format("svg"), url("../fonts/avenir/300-light/avenir-light.otf") format("opentype");
}

@font-face {
  font-family: "Avenir";
  font-weight: 800;
  src: url("../fonts/avenir/800-heavy/Avenir-Heavy.eot?") format("eot"), url("../fonts/avenir/800-heavy/Avenir-Heavy.woff2") format("woff2"), url("../fonts/avenir/800-heavy/Avenir-Heavy.woff") format("woff"), url("../fonts/avenir/800-heavy/Avenir-Heavy.ttf") format("truetype"), url("../fonts/avenir/800-heavy/Avenir-Heavy.svg#Avenir") format("svg"), url("../fonts/avenir/800-heavy/Avenir-Heavy.otf") format("opentype");
}

@font-face {
  font-family: "Avenir";
  font-weight: 900;
  src: url("../fonts/avenir/900-black/Avenir-Black.eot?") format("eot"), url("../fonts/avenir/900-black/Avenir-Black.woff2") format("woff2"), url("../fonts/avenir/900-black/Avenir-Black.woff") format("woff"), url("../fonts/avenir/900-black/Avenir-Black.ttf") format("truetype"), url("../fonts/avenir/900-black/Avenir-Black.svg#Avenir") format("svg"), url("../fonts/avenir/900-black/Avenir-Black.otf") format("opentype");
}

.xyzAnnualReport {
  box-sizing: border-box;
  font-family: "Avenir";
  color: #0F2D5D;
}

.xyzAnnualReport *, .xyzAnnualReport *:before, .xyzAnnualReport *:after {
  box-sizing: inherit;
}

@media print {
  .xyzAnnualReport *, .xyzAnnualReport *:before, .xyzAnnualReport *:after {
    /* All your print styles go here */
    color: #000000 !important;
  }
}

.xyzAnnualReport svg {
  overflow: initial;
}

.xyzPageContainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  width: 100%;
  padding-top: 155px;
}

.xyzPageContainer::after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (max-width: 960px) {
  .xyzPageContainer {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media screen and (max-width: 768px) {
  .xyzPageContainer {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%;
    padding-top: 115px;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }
  .xyzPageContainer:last-child {
    margin-right: 0;
  }
}

.xyzPageContainer .xyzPageContainerColumn {
  margin-bottom: 100px;
  max-width: 100%;
}

.xyzPageContainer .xyzPageContainerColumn.xyzPageContainerOverflow {
  overflow: hidden;
}

.xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerLeft {
  position: fixed;
  margin-left: 0;
  width: 48%;
  max-width: calc((960px * 48) / 100);
}

@media screen and (max-width: 768px) {
  .xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerLeft {
    width: 100%;
    position: relative;
    max-width: 100%;
    z-index: 0;
  }
}

.xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerRight {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-left: 51.17883%;
}

.xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerRight:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerRight {
    width: 100%;
    float: none;
    margin: 0;
  }
}

.xyzPageContainer .xyzPageContainerLeft {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%;
}

.xyzPageContainer .xyzPageContainerLeft:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzPageContainer .xyzPageContainerLeft {
    width: 100%;
    float: none;
    margin: 0;
  }
}

.xyzPageContainer .xyzPageContainerLeft .xyzFirstSection {
  position: relative;
}

.xyzPageContainer .xyzPageContainerLeft .xyzFirstSection .xyzTextHeader {
  text-transform: uppercase;
}

.xyzPageContainer .xyzPageContainerLeft .xyzFirstSection .xyzTextHeader span {
  display: block;
}

.xyzPageContainer .xyzPageContainerLeft .xyzSecondSection,
.xyzPageContainer .xyzPageContainerLeft .xyzThirdSection,
.xyzPageContainer .xyzPageContainerLeft .xyzFourthSection,
.xyzPageContainer .xyzPageContainerLeft .xyzFifthSection {
  padding-right: 30%;
}

.xyzPageContainer .xyzPageContainerRight {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-left: 8.5298%;
}

.xyzPageContainer .xyzPageContainerRight:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzPageContainer .xyzPageContainerRight {
    width: 100%;
    float: none;
    margin: 0;
  }
}

.xyzPageContainer .xyzPageContainerRight svg {
  overflow: initial;
}

.xyzPageContainer .xyzPageContainerCenter {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
}

.xyzPageContainer .xyzPageContainerCenter:last-child {
  margin-right: 0;
}

.xyzMediaContentVideo {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.xyzMediaContentVideo:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  z-index: 1;
}

.xyzMediaContentVideo iframe {
  margin-bottom: 0;
  display: block;
  opacity: 0;
}

.xyzMediaContentVideo img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  height: 100%;
}

.xyzMediaContentVideo .xyzIconPlay {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 4;
  cursor: pointer;
}

.xyzMediaContentVideo .xyzIconPlay svg {
  display: block;
  fill: #00b1b9;
  height: 60px;
  width: 60px;
  opacity: 0.8;
}

.xyzMediaContentVideo .xyzIconClose {
  position: absolute;
  top: 30px;
  left: 10px;
  z-index: 3;
  cursor: pointer;
  padding: 10px;
}

.xyzMediaContentVideo .xyzIconClose svg {
  fill: #00b1b9;
  height: 20px;
  width: 20px;
  display: block;
}

.xyzMediaContent {
  margin-bottom: 40px;
}

.xyzMediaContent img {
  display: block;
  width: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

.xyzMediaContent iframe {
  max-width: 100%;
  height: 260px;
}

@media screen and (max-width: 768px) {
  .xyzMediaContent iframe {
    height: 360px;
  }
}

@media screen and (max-width: 374px) {
  .xyzMediaContent iframe {
    height: 260px;
  }
}

.xyzMediaContent .xyzMediaContentCaption {
  margin-top: 20px;
}

.xyzMediaContent .xyzMediaContentCaption p {
  font-size: 10px;
  line-height: 14px;
  margin-top: 0;
  margin-bottom: 0;
  color: #5e6368;
}

.xyzBodyImage {
  max-width: 100%;
}

.xyzBodyImage img {
  width: 100%;
  display: block;
}

.xyzPageHidden {
  display: none;
}

.xyzAnimateScroll {
  transition: opacity 0.3s linear;
}

@media screen and (max-width: 768px) {
  .xyzAnimateScroll {
    transition: none;
  }
}

.xyzAnimateScroll.xyzAnimateActive {
  transition: opacity 0.3s linear;
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .xyzAnimateScroll.xyzAnimateActive {
    transition: none;
    opacity: initial;
  }
}

.hamburger {
  background-color: #ffffff;
  outline: none;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}

@media screen and (max-width: 768px) {
  .hamburger {
    padding: 8px 8px;
  }
}

.hamburger:hover {
  background-color: #00b1b9;
}

.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner:before,
.hamburger:hover .hamburger-inner:after {
  background-color: #ffffff;
}

.hamburger .hamburger-inner,
.hamburger .hamburger-inner:before,
.hamburger .hamburger-inner:after {
  transition: background-color 0.2s ease-in-out;
}

@media screen and (max-width: 768px) {
  .hamburger .hamburger-inner,
  .hamburger .hamburger-inner:before,
  .hamburger .hamburger-inner:after {
    width: 14px;
  }
}

.hamburger .hamburger-box {
  display: block;
}

@media screen and (max-width: 768px) {
  .hamburger .hamburger-box {
    width: 14px;
  }
}

.xyzTextHeader {
  font-size: 40px;
  font-weight: 900;
}

@media screen and (max-width: 768px) {
  .xyzTextHeader {
    font-size: 35px;
  }
}

.xyzTextSubHeader {
  font-size: 28px;
  font-weight: 300;
}

.xyzTextBody {
  font-size: 16px;
  font-weight: 300;
}

.xyzTextBodyHighlights {
  font-size: 16px;
  font-weight: 800;
}

.xyzTextPullQuote {
  font-size: 24px;
  font-weight: 300;
}

.xyzTextDetails {
  font-size: 12px;
  font-weight: 800;
}

.xyzTextInfo {
  font-size: 10px;
  font-weight: 300;
}

.xyzButtonLetter {
  color: #00b1b9;
  font-size: 12px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  width: 233px;
  height: 42px;
  border-radius: 2px;
  text-transform: uppercase;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out, color 0.2s ease-in-out;
}

@media screen and (max-width: 768px) {
  .xyzButtonLetter {
    background-color: #00b1b9;
    color: #ffffff;
    width: auto;
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media print {
  .xyzButtonLetter {
    /* All your print styles go here */
    color: #000000;
  }
}

.xyzButtonLetter:hover {
  background-color: #00b1b9;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .xyzButtonLetter:hover {
    background-color: #ffffff;
    color: #00b1b9;
  }
}

.xyzButtonLetter.xyzButtonLetterAlternative {
  background-color: #00b1b9;
  color: #ffffff;
}

.xyzButtonLetter.xyzButtonLetterAlternative:hover {
  background-color: #ffffff;
  color: #00b1b9;
}

.xyzButtonLetter .xyzButtonLetterTextDesktop {
  margin-left: 5px;
}

@media screen and (max-width: 768px) {
  .xyzButtonLetter .xyzButtonLetterTextDesktop {
    display: none;
  }
}

.xyzButtonBorder {
  height: 45px;
  max-width: 300px;
  color: #00b1b9;
  border: 2px solid #00b1b9;
  border-radius: 2px;
  padding-left: 15px;
  padding-right: 15px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  text-decoration: none;
  transition: background-color 0.3s ease-in-out, color 0.2s ease-in-out;
}

.xyzButtonBorder:hover {
  background-color: #00b1b9;
  color: #ffffff;
}

.xyzHeaderBg {
  width: 100%;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  .xyzHeaderBg {
    height: 75px;
    background-color: #ffffff;
  }
}

.xyzHeaderBg.xyzHeaderBgWhite, .xyzHeaderBg.xyzHeaderBgBlue, .xyzHeaderBg.xyzHeaderBgTurquoise, .xyzHeaderBg.xyzHeaderBgTurquoise2 {
  height: 100px;
}

@media screen and (max-width: 768px) {
  .xyzHeaderBg.xyzHeaderBgWhite, .xyzHeaderBg.xyzHeaderBgBlue, .xyzHeaderBg.xyzHeaderBgTurquoise, .xyzHeaderBg.xyzHeaderBgTurquoise2 {
    height: 75px;
  }
}

.xyzHeaderBg.xyzHeaderBgWhite {
  background-color: #ffffff;
}

@media screen and (max-width: 768px) {
  .xyzHeaderBg.xyzHeaderBgWhite {
    background-color: #ffffff;
  }
}

.xyzHeaderBg.xyzHeaderBgBlue {
  background-color: #073586;
}

@media screen and (max-width: 768px) {
  .xyzHeaderBg.xyzHeaderBgBlue {
    background-color: #ffffff;
  }
}

.xyzHeaderBg.xyzHeaderBgTurquoise {
  background-color: #00b1b9;
}

@media screen and (max-width: 768px) {
  .xyzHeaderBg.xyzHeaderBgTurquoise {
    background-color: #ffffff;
  }
}

.xyzHeaderBg.xyzHeaderBgTurquoise2 {
  background-color: #31AEAE;
}

@media screen and (max-width: 768px) {
  .xyzHeaderBg.xyzHeaderBgTurquoise2 {
    background-color: #ffffff;
  }
}

.xyzHeaderSite {
  position: fixed;
  z-index: 41;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite {
    height: 75px;
    width: 100%;
  }
}

.xyzHeaderSite .headerLogo {
  position: fixed;
  top: 32px;
  left: 161px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 20;
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite .headerLogo {
    top: 28px;
    left: 96px;
  }
}

.xyzHeaderSite .headerLogo a {
  display: block;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease-in-out;
}

.xyzHeaderSite .headerLogo .xyzHeaderLogoDesktop {
  display: block;
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite .headerLogo .xyzHeaderLogoDesktop {
    display: none;
  }
}

.xyzHeaderSite .headerLogo .xyzHeaderLogoMobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite .headerLogo .xyzHeaderLogoMobile {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite .headerLogo .xyzHeaderLogoMobile .headerLogoDetails {
    color: #000000;
  }
}

.xyzHeaderSite .headerLogo svg {
  transition: fill 0.3s ease-in-out;
}

.xyzHeaderSite .headerLogo img,
.xyzHeaderSite .headerLogo svg {
  height: 24px;
  width: 147px;
  display: block;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite .headerLogo img,
  .xyzHeaderSite .headerLogo svg {
    width: 97.3px;
    margin-bottom: 3.6px;
  }
}

.xyzHeaderSite .headerLogo .headerLogoDetails {
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite .headerLogo .headerLogoDetails {
    font-size: 10px;
  }
}

.xyzHeaderSite .headerLogo.headerLogoBlack a,
.xyzHeaderSite .headerLogo.headerLogoBlack a:hover,
.xyzHeaderSite .headerLogo.headerLogoBlack a:focus,
.xyzHeaderSite .headerLogo.headerLogoBlack a:active {
  color: #000000;
}

.xyzHeaderSite .headerLogo.headerLogoBlack a svg,
.xyzHeaderSite .headerLogo.headerLogoBlack a:hover svg,
.xyzHeaderSite .headerLogo.headerLogoBlack a:focus svg,
.xyzHeaderSite .headerLogo.headerLogoBlack a:active svg {
  fill: #000000;
}

.xyzHeaderSite .headerLogo.headerLogoWhite a,
.xyzHeaderSite .headerLogo.headerLogoWhite a:hover,
.xyzHeaderSite .headerLogo.headerLogoWhite a:focus,
.xyzHeaderSite .headerLogo.headerLogoWhite a:active {
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite .headerLogo.headerLogoWhite a,
  .xyzHeaderSite .headerLogo.headerLogoWhite a:hover,
  .xyzHeaderSite .headerLogo.headerLogoWhite a:focus,
  .xyzHeaderSite .headerLogo.headerLogoWhite a:active {
    color: #000000;
  }
}

.xyzHeaderSite .headerLogo.headerLogoWhite a svg,
.xyzHeaderSite .headerLogo.headerLogoWhite a:hover svg,
.xyzHeaderSite .headerLogo.headerLogoWhite a:focus svg,
.xyzHeaderSite .headerLogo.headerLogoWhite a:active svg {
  fill: #ffffff;
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite .headerLogo.headerLogoWhite a svg,
  .xyzHeaderSite .headerLogo.headerLogoWhite a:hover svg,
  .xyzHeaderSite .headerLogo.headerLogoWhite a:focus svg,
  .xyzHeaderSite .headerLogo.headerLogoWhite a:active svg {
    fill: #000000;
  }
}

.xyzHeaderSite.is-active .headerLogo a,
.xyzHeaderSite.is-active .headerLogo a:hover,
.xyzHeaderSite.is-active .headerLogo a:focus,
.xyzHeaderSite.is-active .headerLogo a:active,
.xyzHeaderSite.is-active .headerLogoBlack a,
.xyzHeaderSite.is-active .headerLogoBlack a:hover,
.xyzHeaderSite.is-active .headerLogoBlack a:focus,
.xyzHeaderSite.is-active .headerLogoBlack a:active {
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite.is-active .headerLogo a,
  .xyzHeaderSite.is-active .headerLogo a:hover,
  .xyzHeaderSite.is-active .headerLogo a:focus,
  .xyzHeaderSite.is-active .headerLogo a:active,
  .xyzHeaderSite.is-active .headerLogoBlack a,
  .xyzHeaderSite.is-active .headerLogoBlack a:hover,
  .xyzHeaderSite.is-active .headerLogoBlack a:focus,
  .xyzHeaderSite.is-active .headerLogoBlack a:active {
    color: #ffffff;
  }
}

.xyzHeaderSite.is-active .headerLogo a svg,
.xyzHeaderSite.is-active .headerLogo a:hover svg,
.xyzHeaderSite.is-active .headerLogo a:focus svg,
.xyzHeaderSite.is-active .headerLogo a:active svg,
.xyzHeaderSite.is-active .headerLogoBlack a svg,
.xyzHeaderSite.is-active .headerLogoBlack a:hover svg,
.xyzHeaderSite.is-active .headerLogoBlack a:focus svg,
.xyzHeaderSite.is-active .headerLogoBlack a:active svg {
  fill: #ffffff;
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite.is-active .headerLogo a svg,
  .xyzHeaderSite.is-active .headerLogo a:hover svg,
  .xyzHeaderSite.is-active .headerLogo a:focus svg,
  .xyzHeaderSite.is-active .headerLogo a:active svg,
  .xyzHeaderSite.is-active .headerLogoBlack a svg,
  .xyzHeaderSite.is-active .headerLogoBlack a:hover svg,
  .xyzHeaderSite.is-active .headerLogoBlack a:focus svg,
  .xyzHeaderSite.is-active .headerLogoBlack a:active svg {
    fill: #ffffff;
  }
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite.is-active .xyzButtonLetter {
    display: none;
  }
}

.xyzButtonLetter {
  position: fixed;
  top: 25px;
  right: 40px;
  z-index: 42;
}

@media screen and (max-width: 768px) {
  .xyzButtonLetter {
    top: 23px;
    right: 30px;
  }
}

.xyzButtonLetter.xyzButtonLetterActive {
  z-index: 5;
}

@media screen and (max-width: 768px) {
  .xyzBoxNavigation {
    width: 100%;
  }
}

.xyzBoxNavigation .boxNavigationBottom {
  height: calc(100% / 3);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 21;
}

@media screen and (max-width: 768px) {
  .xyzBoxNavigation .boxNavigationBottom {
    position: static;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    height: auto;
    width: 100%;
  }
}

.xyzBoxNavigation .boxNavigationRight {
  width: calc(100% / 4);
  height: calc((100% / 3) * 2);
  position: fixed;
  top: 0;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 21;
}

@media screen and (max-width: 768px) {
  .xyzBoxNavigation .boxNavigationRight {
    position: static;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    height: auto;
    width: 100%;
  }
}

.xyzBoxNavigation .boxNavigationRight .boxNavigationSingle {
  height: calc(100% / 2);
  width: 100%;
}

@media screen and (max-width: 768px) {
  .xyzBoxNavigation .boxNavigationRight .boxNavigationSingle {
    height: 50vw;
    width: 50%;
  }
}

.xyzBoxNavigation .boxNavigationSingle {
  width: calc(100vw / 4);
  width: calc(100% / 4);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .xyzBoxNavigation .boxNavigationSingle {
    width: 50%;
    height: 50vw;
  }
}

.xyzBoxNavigation .boxNavigationSingle h3 {
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

@media screen and (max-width: 768px) {
  .xyzBoxNavigation .boxNavigationSingle h3 {
    font-size: 12px;
  }
}

.xyzBoxNavigation .boxNavigationSingle .boxNavigationLogo {
  height: 48%;
  margin-bottom: 10%;
}

@media screen and (max-width: 768px) {
  .xyzBoxNavigation .boxNavigationSingle .boxNavigationLogo {
    margin-bottom: 15%;
  }
}

.xyzBoxNavigation .boxNavigationSingle .boxNavigationLogo svg {
  max-width: 100%;
  height: 17vh;
  width: 100%;
  display: block;
}

.xyzBoxNavigation .boxNavigationMask {
  height: calc(100vh / 3);
  width: calc(100vw / 4);
  background-color: #ffffff;
  opacity: 0.5;
  position: fixed;
  bottom: 0;
  transition: opacity 0.4s linear, -webkit-transform 0.6s ease;
  transition: transform 0.6s ease, opacity 0.4s linear;
  transition: transform 0.6s ease, opacity 0.4s linear, -webkit-transform 0.6s ease;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  visibility: hidden;
  z-index: 22;
}

.xyzBoxNavigation .boxNavigationMask.transitionMaskFromBottom {
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: scale(8, 4);
      -ms-transform: scale(8, 4);
          transform: scale(8, 4);
  visibility: visible;
  opacity: 1;
}

.xyzBoxNavigation .boxNavigationMask.transitionMaskFromRight {
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  -webkit-transform: scale(8, 6);
      -ms-transform: scale(8, 6);
          transform: scale(8, 6);
  visibility: visible;
  opacity: 1;
}

.xyzBoxNavigation .boxNavigationBg1 {
  background-color: #00b1b9;
}

.xyzBoxNavigation .boxNavigationBg1 h3 {
  color: #ffffff;
}

.xyzBoxNavigation .boxNavigationBg2 {
  background-color: #ffffff;
}

.xyzBoxNavigation .boxNavigationBg2 h3 {
  color: #0F2D5D;
}

.xyzBoxNavigation .boxNavigationBg3 {
  background-color: #0F2D5D;
}

.xyzBoxNavigation .boxNavigationBg3 h3 {
  color: #ffffff;
}

.xyzBoxNavigation .boxSolutions {
  border: solid 1px rgba(150, 150, 150, 0.36);
}

.xyzBoxNavigation .boxFiduciary:hover .boxNavigationLogo {
  -webkit-animation: xyzPulseLittle2 1s both;
          animation: xyzPulseLittle2 1s both;
  -webkit-transform-origin: center center 0;
      -ms-transform-origin: center center 0;
          transform-origin: center center 0;
}

.xyzBoxNavigation .boxFutures:hover .boxNavigationLogo {
  -webkit-animation: xyzBounceUp 1.4s both;
          animation: xyzBounceUp 1.4s both;
}

.xyzBoxNavigation .boxSolutions:hover .boxNavigationLogo {
  -webkit-animation: xyzRotate 2s cubic-bezier(0.02, 0.07, 0.7, 0.94);
          animation: xyzRotate 2s cubic-bezier(0.02, 0.07, 0.7, 0.94);
}

.xyzBoxNavigation .boxTechnology svg {
  -webkit-transform: scale(1) translateY(20px);
      -ms-transform: scale(1) translateY(20px);
          transform: scale(1) translateY(20px);
  -webkit-transform-origin: bottom bottom;
      -ms-transform-origin: bottom bottom;
          transform-origin: bottom bottom;
}

.xyzBoxNavigation .boxTechnology svg path {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: center 0 0;
      -ms-transform-origin: center 0 0;
          transform-origin: center 0 0;
}

.xyzBoxNavigation .boxTechnology:hover svg .xyzArrow1 {
  -webkit-animation: xyzBounceArrow 0.8s 0.4s ease-in-out;
          animation: xyzBounceArrow 0.8s 0.4s ease-in-out;
}

.xyzBoxNavigation .boxTechnology:hover svg .xyzArrow2 {
  -webkit-animation: xyzBounceArrow 0.8s 0.2s ease-in-out;
          animation: xyzBounceArrow 0.8s 0.2s ease-in-out;
}

.xyzBoxNavigation .boxTechnology:hover svg .xyzArrow3 {
  -webkit-animation: xyzBounceArrow 0.8s ease-in-out;
          animation: xyzBounceArrow 0.8s ease-in-out;
}

.xyzBoxNavigation .boxGlobalCulture .boxNavigationLogo svg {
  height: 15vh;
}

.xyzBoxNavigation .boxGlobalCulture:hover .xyzicon-cube-turquoise {
  -webkit-transform: scale(1) translate3d(0, 0, 0);
          transform: scale(1) translate3d(0, 0, 0);
  -webkit-animation: xyzCornerRightBottom 1.2s linear;
          animation: xyzCornerRightBottom 1.2s linear;
}

.xyzBoxNavigation .boxGlobalCulture:hover .xyzicon-cube-orange {
  -webkit-transform: scale(1) translate3d(0, 0, 0);
          transform: scale(1) translate3d(0, 0, 0);
  -webkit-animation: xyzCornerRightTop 1.2s linear;
          animation: xyzCornerRightTop 1.2s linear;
}

.xyzBoxNavigation .boxGlobalCulture:hover .xyzicon-cube-dark-blue {
  -webkit-transform: scale(1) translate3d(0, 0, 0);
          transform: scale(1) translate3d(0, 0, 0);
  -webkit-animation: xyzCornerLeftTop 1.2s linear;
          animation: xyzCornerLeftTop 1.2s linear;
}

.xyzBoxNavigation .boxGlobalCulture:hover .xyzicon-cube-blue {
  -webkit-transform: scale(1) translate3d(0, 0, 0);
          transform: scale(1) translate3d(0, 0, 0);
  -webkit-animation: xyzCornerLeftBottom 1.2s linear;
          animation: xyzCornerLeftBottom 1.2s linear;
}

.xyzBoxNavigation .boxLetter:hover svg path,
.xyzBoxNavigation .boxLetter:hover svg g {
  -webkit-animation-name: xyzPulseCircle;
          animation-name: xyzPulseCircle;
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-transform-origin: left bottom 0;
      -ms-transform-origin: left bottom 0;
          transform-origin: left bottom 0;
  -webkit-animation-direction: both;
          animation-direction: both;
}

.xyzBoxNavigation .boxLetter:hover svg .xyzIconLetter1 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.xyzBoxNavigation .boxLetter:hover svg .xyzIconLetter2 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.xyzBoxNavigation .boxLetter:hover svg .xyzIconLetter3 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

@-webkit-keyframes xyzPulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes xyzPulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
            transform: scale3d(1.2, 1.2, 1.2);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes xyzPulseLittle2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes xyzPulseLittle2 {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes xyzPulseCircle {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes xyzPulseCircle {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes xyzPulseLittle {
  from {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 0.85, 1);
            transform: scale3d(0.85, 0.85, 1);
  }
  to {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
}

@keyframes xyzPulseLittle {
  from {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 0.85, 1);
            transform: scale3d(0.85, 0.85, 1);
  }
  to {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
}

@-webkit-keyframes xyzPulseMedium {
  from {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
  50% {
    -webkit-transform: scale3d(0.9, 0.9, 1);
            transform: scale3d(0.9, 0.9, 1);
  }
  to {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
}

@keyframes xyzPulseMedium {
  from {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
  50% {
    -webkit-transform: scale3d(0.9, 0.9, 1);
            transform: scale3d(0.9, 0.9, 1);
  }
  to {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
}

@-webkit-keyframes xyzPulseLarge {
  from {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
}

@keyframes xyzPulseLarge {
  from {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
  50% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  to {
    -webkit-transform: scale3d(0.8, 0.8, 1);
            transform: scale3d(0.8, 0.8, 1);
  }
}

@-webkit-keyframes xyzRotate {
  from {
    -webkit-transform: rotate(0deg) translateZ(0);
            transform: rotate(0deg) translateZ(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  to {
    -webkit-transform: rotate(360deg) translateZ(0);
            transform: rotate(360deg) translateZ(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}

@keyframes xyzRotate {
  from {
    -webkit-transform: rotate(0deg) translateZ(0);
            transform: rotate(0deg) translateZ(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  to {
    -webkit-transform: rotate(360deg) translateZ(0);
            transform: rotate(360deg) translateZ(0);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}

@-webkit-keyframes xyzGrowthShrink {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  25% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
  75% {
    -webkit-transform: scale3d(0.9, 0.9, 1);
            transform: scale3d(0.9, 0.9, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes xyzGrowthShrink {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  25% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
  75% {
    -webkit-transform: scale3d(0.9, 0.9, 1);
            transform: scale3d(0.9, 0.9, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes xyzBounceUp {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}

@keyframes xyzBounceUp {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
            animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
  }
}

@-webkit-keyframes xyzBounceArrow {
  from {
    -webkit-transform: translate(0, 0) scale(0.8);
            transform: translate(0, 0) scale(0.8);
  }
  50% {
    -webkit-transform: translate(0, -5px) scale(0.8);
            transform: translate(0, -5px) scale(0.8);
  }
  to {
    -webkit-transform: translate(0, 0) scale(0.8);
            transform: translate(0, 0) scale(0.8);
  }
}

@keyframes xyzBounceArrow {
  from {
    -webkit-transform: translate(0, 0) scale(0.8);
            transform: translate(0, 0) scale(0.8);
  }
  50% {
    -webkit-transform: translate(0, -5px) scale(0.8);
            transform: translate(0, -5px) scale(0.8);
  }
  to {
    -webkit-transform: translate(0, 0) scale(0.8);
            transform: translate(0, 0) scale(0.8);
  }
}

@-webkit-keyframes xyzCornerLeftTop {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: scale(1.1) translate3d(-3px, -3px, 0);
            transform: scale(1.1) translate3d(-3px, -3px, 0);
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
}

@keyframes xyzCornerLeftTop {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: scale(1.1) translate3d(-3px, -3px, 0);
            transform: scale(1.1) translate3d(-3px, -3px, 0);
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
}

@-webkit-keyframes xyzCornerRightTop {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: scale(1.1) translate3d(3px, -3px, 0);
            transform: scale(1.1) translate3d(3px, -3px, 0);
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
}

@keyframes xyzCornerRightTop {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: scale(1.1) translate3d(3px, -3px, 0);
            transform: scale(1.1) translate3d(3px, -3px, 0);
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
}

@-webkit-keyframes xyzCornerLeftBottom {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: scale(1.1) translate3d(-3px, 3px, 0);
            transform: scale(1.1) translate3d(-3px, 3px, 0);
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
}

@keyframes xyzCornerLeftBottom {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: scale(1.1) translate3d(-3px, 3px, 0);
            transform: scale(1.1) translate3d(-3px, 3px, 0);
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
}

@-webkit-keyframes xyzCornerRightBottom {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: scale(1.1) translate3d(3px, 3px, 0);
            transform: scale(1.1) translate3d(3px, 3px, 0);
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
}

@keyframes xyzCornerRightBottom {
  from {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
  50% {
    -webkit-transform: scale(1.1) translate3d(3px, 3px, 0);
            transform: scale(1.1) translate3d(3px, 3px, 0);
  }
  to {
    -webkit-transform: scale(1) translate3d(0, 0, 0);
            transform: scale(1) translate3d(0, 0, 0);
  }
}

.xyzHeaderSite .hamburger {
  position: fixed;
  z-index: 20;
  top: 25px;
  left: 41px;
}

@media screen and (max-width: 768px) {
  .xyzHeaderSite .hamburger {
    left: 32px;
    top: 28px;
  }
}

.xyzHeaderSite .hamburger.is-active ~ .menuSite {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.xyzHeaderSite .hamburger.is-active ~ .menuSite .headerLogo {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.xyzHeaderSite .hamburger.is-active ~ .menuSiteMask {
  visibility: visible;
  opacity: 1;
}

.xyzHeaderSite.is-active ~ .xyzMenuContainer .menuSite {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.xyzHeaderSite.is-active ~ .xyzMenuContainer .menuSiteMask {
  visibility: visible;
  opacity: 1;
}

.xyzMenuContainer .menuSite {
  background-color: #00b1b9;
  border-top: 100px solid #00b1b9;
  max-width: 700px;
  width: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 40;
  overflow: hidden;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  padding-top: 55px;
}

.xyzMenuContainer .menuSite::-webkit-scrollbar {
  display: none;
}

@media screen and (max-height: 750px) {
  .xyzMenuContainer .menuSite {
    padding-top: 0;
  }
}

@media screen and (max-height: 750px) {
  .xyzMenuContainer .menuSite {
    max-width: 45%;
  }
}

@media screen and (max-width: 768px) {
  .xyzMenuContainer .menuSite {
    max-width: 100%;
    padding-top: 15px;
    border-top: 75px solid #00b1b9;
  }
}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .xyzMenuContainer .menuSite {
    padding-top: 0;
  }
}

@media screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
  .xyzMenuContainer .menuSite {
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

@media screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
  .xyzMenuContainer .menuSite.xyzMenuNoScroll {
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

.xyzMenuContainer .menuSite.xyzMenuNoScroll .menuSiteFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}

@media screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
  .xyzMenuContainer .menuSite.xyzMenuNoScroll .menuSiteFooter {
    position: static;
  }
}

.xyzMenuContainer .menuSite .headerLogo {
  -webkit-transform: translateX(400%);
      -ms-transform: translateX(400%);
          transform: translateX(400%);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  position: absolute;
}

.xyzMenuContainer .menuSiteMask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.69);
  z-index: 35;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease;
}

.xyzMenuContainer .menuSiteItems {
  padding-left: 41px;
  padding-right: 40px;
  padding-bottom: 69px;
}

@media screen and (max-height: 750px) {
  .xyzMenuContainer .menuSiteItems {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%;
    float: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
  }
  .xyzMenuContainer .menuSiteItems:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .xyzMenuContainer .menuSiteItems {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%;
    float: none;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 31px;
  }
  .xyzMenuContainer .menuSiteItems:last-child {
    margin-right: 0;
  }
}

@media screen and (min-device-width: 375px) and (max-device-width: 736px) {
  .xyzMenuContainer .menuSiteItems {
    padding-top: 20px;
  }
}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .xyzMenuContainer .menuSiteItems {
    padding-bottom: 10px;
  }
}

.xyzMenuContainer .menuSiteItems .xyzItemMenuActive {
  color: #0F2D5D;
}

.xyzMenuContainer .menuSiteSingleItem .xyzTextHeader {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1.9;
}

@media screen and (max-height: 980px) {
  .xyzMenuContainer .menuSiteSingleItem .xyzTextHeader {
    font-size: 20px;
    line-height: 2.25;
  }
}

@media screen and (max-height: 660px) {
  .xyzMenuContainer .menuSiteSingleItem .xyzTextHeader {
    line-height: 1.6;
  }
}

@media screen and (max-width: 768px) {
  .xyzMenuContainer .menuSiteSingleItem .xyzTextHeader {
    font-size: 20px;
    line-height: 2.25;
  }
}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .xyzMenuContainer .menuSiteSingleItem .xyzTextHeader {
    font-size: 18px;
    line-height: 1.2;
  }
}

@media screen and (min-device-width: 350px) and (max-device-width: 650px) {
  .xyzMenuContainer .menuSiteSingleItem .xyzTextHeader {
    line-height: 2;
  }
}

@media screen and (min-device-width: 375px) and (max-device-width: 736px) {
  .xyzMenuContainer .menuSiteSingleItem .xyzTextHeader {
    font-size: 20px;
    line-height: 1.8;
  }
}

.xyzMenuContainer .menuSiteSingleItem .xyzTextHeader a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

.xyzMenuContainer .menuSiteSingleItem .xyzTextHeader a:hover {
  color: #0F2D5D;
}

.xyzMenuContainer .menuSiteSingleItem .xyzTextHeader a.xyzItemMenuActive {
  color: #0F2D5D;
}

.xyzMenuContainer .submenuSite {
  padding: 0;
  margin: 10px 0 35px;
  list-style: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

@media screen and (max-height: 980px) {
  .xyzMenuContainer .submenuSite {
    margin-top: 0;
    margin-bottom: 17px;
  }
}

@media screen and (max-height: 660px) {
  .xyzMenuContainer .submenuSite {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .xyzMenuContainer .submenuSite {
    margin-top: 0;
    margin-bottom: 17px;
  }
}

.xyzMenuContainer .submenuSite li {
  width: 50%;
}

.xyzMenuContainer .submenuSite a {
  color: #ffffff;
  text-decoration: none;
  line-height: 1.86;
  transition: color 0.3s ease-in-out;
}

@media screen and (max-height: 980px) {
  .xyzMenuContainer .submenuSite a {
    font-size: 16px;
    line-height: 1.8;
  }
}

@media screen and (max-height: 660px) {
  .xyzMenuContainer .submenuSite a {
    line-height: 1.5;
  }
}

@media screen and (max-width: 768px) {
  .xyzMenuContainer .submenuSite a {
    font-size: 16px;
    line-height: 2.5;
  }
}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .xyzMenuContainer .submenuSite a {
    font-size: 14px;
    line-height: 1.2;
  }
}

@media screen and (min-device-width: 375px) and (max-device-width: 736px) {
  .xyzMenuContainer .submenuSite a {
    line-height: 2.2;
  }
}

.xyzMenuContainer .submenuSite a:hover {
  color: #0F2D5D;
}

.xyzMenuContainer .submenuSite a.xyzItemMenuActive {
  color: #0F2D5D;
}

.xyzMenuContainer .menuSiteFooter {
  background-color: rgba(94, 99, 104, 0.15);
  padding: 36px 74px 36px 39px;
  color: #ffffff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-height: 750px) {
  .xyzMenuContainer .menuSiteFooter {
    padding: 29px 0 13px;
  }
}

@media screen and (max-width: 768px) {
  .xyzMenuContainer .menuSiteFooter {
    padding: 29px 0 13px;
  }
}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .xyzMenuContainer .menuSiteFooter {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.xyzMenuContainer .menuSiteFooterMenu {
  padding: 0;
  list-style: none;
  margin: 0;
}

.xyzMenuContainer .menuSiteFooterMenu a {
  line-height: 2.3;
  color: #ffffff;
  text-decoration: none;
}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .xyzMenuContainer .menuSiteFooterMenu a {
    line-height: 1;
  }
}

.xyzMenuContainer .menuSiteFooterLeft {
  width: 330px;
  padding-right: 87.2px;
  border-right: 1px solid #ffffff;
}

.xyzMenuContainer .menuSiteFooterRight {
  padding-left: 82px;
  width: 100%;
}

.xyzMenuContainer .menuSiteFooterLogo {
  height: 20px;
  width: 130px;
  margin-bottom: 16px;
  display: block;
}

.xyzMenuContainer .menuSiteFooterLogo img {
  display: block;
  height: 100%;
}

.xyzMenuContainer .menuSiteFooterLogo svg {
  height: 100%;
  width: 130px;
  fill: #ffffff;
}

.xyzMenuContainer .menuSiteFooterSocial {
  margin-bottom: 22px;
}

.xyzMenuContainer .menuSiteFooterSocial ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.xyzMenuContainer .menuSiteFooterSocial li {
  width: 22px;
  margin-right: 17.2px;
}

.xyzMenuContainer .menuSiteFooterSocial li:last-child {
  margin-right: 0;
}

.xyzMenuContainer .menuSiteFooterSocial li a {
  display: block;
}

.xyzMenuContainer .menuSiteFooterSocial li svg {
  height: 22px;
  width: 100%;
}

.xyzMenuContainer .menuSiteFooterInfo {
  margin-bottom: 37px;
  line-height: 1.4;
}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .xyzMenuContainer .menuSiteFooterInfo {
    line-height: 1;
  }
}

.xyzMenuContainer .menuSiteFooterInfo a {
  color: #ffffff;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

.xyzMenuContainer .menuSiteFooterInfo a:hover {
  color: #0F2D5D;
}

.xyzMenuContainer .menuSiteFooterDesktop {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-height: 750px) {
  .xyzMenuContainer .menuSiteFooterDesktop {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .xyzMenuContainer .menuSiteFooterDesktop {
    display: none;
  }
}

.xyzMenuContainer .menuSiteFooterMobile {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
  margin-left: 8.5298%;
  float: none;
  display: none;
}

.xyzMenuContainer .menuSiteFooterMobile:last-child {
  margin-right: 0;
}

@media screen and (max-height: 750px) {
  .xyzMenuContainer .menuSiteFooterMobile {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .xyzMenuContainer .menuSiteFooterMobile {
    display: block;
  }
}

.xyzMenuContainer .menuSiteFooterMobile .menuSiteFooterMobileTop {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 11px;
}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .xyzMenuContainer .menuSiteFooterMobile .menuSiteFooterMobileTop {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}

.xyzMenuContainer .menuSiteFooterMobile .menuSiteFooterSocial,
.xyzMenuContainer .menuSiteFooterMobile .menuSiteFooterLogo,
.xyzMenuContainer .menuSiteFooterMobile .menuSiteFooterInfo {
  margin-bottom: 0;
}

.xyzMenuContainer .menuSiteFooterMobile .menuSiteFooterMenu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}

@media screen and (min-device-width: 320px) and (max-device-width: 568px) {
  .xyzMenuContainer .menuSiteFooterMobile .menuSiteFooterMenu {
    margin-bottom: 5px;
  }
}

.xyzMenuContainer .menuSiteFooterMobile .menuSiteFooterCopyright {
  margin-bottom: 6px;
}

.xyzMenuContainer .menuSiteFooterMobile .menuSiteFooterLogo {
  height: 14px;
  width: 85px;
  margin-right: 54px;
}

.xyzMenuContainer .menuSiteFooterMobile .menuSiteFooterLogo img {
  width: 100%;
  display: block;
}

.xyzMenuContainer .menuSiteFooterMobile .menuSiteFooterLogo svg {
  fill: #ffffff;
  height: 14px;
  width: 85px;
}

.xyzPageContainer.xyzHomeContainer {
  height: calc((100vh / 3) * 2);
  overflow-y: scroll;
  overflow-x: hidden;
  padding-bottom: 100px;
  padding-right: calc((100vw / 4) * 1.2);
  max-width: 80%;
  padding-top: 155px;
}

@media screen and (max-width: 1000px) {
  .xyzPageContainer.xyzHomeContainer {
    max-width: 940px;
    padding-right: calc((100vw / 4) + 20px);
    padding-left: calc(20px + 90px);
  }
}

@media screen and (max-width: 768px) {
  .xyzPageContainer.xyzHomeContainer {
    height: auto;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-bottom: 50px;
    border-top: 0;
    padding-top: 115px;
    overflow: initial;
  }
}

.xyzPageContainer .homeTitle {
  color: #0F2D5D;
  margin-top: 0;
  line-height: 1.12;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .xyzPageContainer .homeTitle {
    margin-bottom: 50px;
    word-break: break-word;
  }
}

@media screen and (max-width: 374px) {
  .xyzPageContainer .homeTitle {
    font-size: 30px;
  }
}

.xyzPageContainer .homeTitle .homeTitleColor {
  color: #00b1b9;
}

.xyzPageContainer .homeSubtitle {
  color: #0F2D5D;
  margin-bottom: 20px;
  line-height: 1.46;
}

.xyzPageContainer .homeDetails {
  color: #0F2D5D;
}

.xyzPageContainer .homeDetails .xyzHomeDetailsParagraph {
  line-height: 1.38;
  margin-bottom: 22px;
  margin-top: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 768px) {
  .xyzPageContainer .homeDetails .xyzHomeDetailsParagraph {
    opacity: 1;
    transition: none;
  }
}

.xyzPageContainer .homeDetails .xyzHomeDetailsParagraph.xyzHomeDetailsParagraphActive {
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .xyzPageContainer .homeDetails .xyzHomeDetailsParagraph.xyzHomeDetailsParagraphActive {
    transition: none;
  }
}

.xyzHomeScroll {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  bottom: 38%;
  -webkit-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
          transform: translateX(-100px);
  opacity: 1;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 768px) {
  .xyzHomeScroll {
    display: none;
    transition: none;
  }
}

.xyzHomeScroll.xyzHomeScrollEnd {
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .xyzHomeScroll.xyzHomeScrollEnd {
    transition: none;
  }
}

.xyzHomeScroll .xyzHomeScrollText {
  text-transform: uppercase;
}

.xyzHomeScroll .xyzHomeScrollIcon {
  height: 23px;
  width: 14px;
  margin-left: 10px;
}

.xyzButtonLetterHome {
  display: none;
}

@media screen and (max-width: 768px) {
  .xyzButtonLetterHome {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.xyzFooterNavContainer {
  z-index: 10;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 60px;
  padding-right: 60px;
  height: 42px;
  background-color: #ffffff;
  border: solid 1px rgba(150, 150, 150, 0.59);
}

@media screen and (max-width: 768px) {
  .xyzFooterNavContainer {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 374px) {
  .xyzFooterNavContainer {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.xyzFooterNavContainer.xyzFooterNavContainerAnimated .xyzFooterNavLeft .xyzFooterNavItemContentText,
.xyzFooterNavContainer.xyzFooterNavContainerAnimated .xyzFooterNavRight .xyzFooterNavItemContentText,
.xyzFooterNavContainer.xyzFooterNavContainerAnimated .xyzFooterNavCenter .xyzFooterNavItemContentText {
  -webkit-animation: xyzAnimateText 0.6s 0.6s ease-in-out forwards;
          animation: xyzAnimateText 0.6s 0.6s ease-in-out forwards;
}

.xyzFooterNavContainer.xyzFooterNavContainerAnimated .xyzFooterNavLeft svg,
.xyzFooterNavContainer.xyzFooterNavContainerAnimated .xyzFooterNavRight svg {
  -webkit-animation: xyzArrowAnimated 0.6s ease-in-out forwards;
          animation: xyzArrowAnimated 0.6s ease-in-out forwards;
}

.xyzFooterNavItem {
  color: #5e6368;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .xyzFooterNavItem {
    font-size: 9px;
  }
}

@media screen and (max-width: 374px) {
  .xyzFooterNavItem {
    font-size: 8px;
  }
}

.xyzFooterNavItem svg {
  height: 22.1px;
  width: 22.9px;
}

@media screen and (max-width: 768px) {
  .xyzFooterNavItem svg {
    width: 20.72px;
    height: 20.19px;
  }
}

@media screen and (max-width: 374px) {
  .xyzFooterNavItem svg {
    width: 15px;
    height: 15px;
  }
}

.xyzFooterNavLeft,
.xyzFooterNavRight,
.xyzFooterNavCenter {
  width: 33%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.xyzFooterNavLeft .xyzFooterNavItemContentText,
.xyzFooterNavRight .xyzFooterNavItemContentText,
.xyzFooterNavCenter .xyzFooterNavItemContentText {
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
  display: block;
}

.xyzFooterNavItemContent {
  overflow: hidden;
}

.xyzFooterNavLeft,
.xyzFooterNavRight {
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}

.xyzFooterNavLeft svg path,
.xyzFooterNavRight svg path {
  transition: fill 0.3s ease-in-out;
}

.xyzFooterNavLeft:hover,
.xyzFooterNavRight:hover {
  color: #00b1b9;
}

.xyzFooterNavLeft:hover svg path,
.xyzFooterNavRight:hover svg path {
  fill: #00b1b9;
}

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

.xyzFooterNavLeft {
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.xyzFooterNavLeft svg {
  margin-right: 19.2px;
  -webkit-transform: translateX(-100px);
      -ms-transform: translateX(-100px);
          transform: translateX(-100px);
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .xyzFooterNavLeft svg {
    margin-right: 13px;
  }
}

.xyzFooterNavRight {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.xyzFooterNavRight svg {
  margin-left: 19.2px;
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px);
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .xyzFooterNavRight svg {
    margin-left: 13px;
  }
}

@-webkit-keyframes xyzAnimateText {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes xyzAnimateText {
  0% {
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes xyzArrowAnimated {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes xyzArrowAnimated {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.xyzPageContainerLeft .xyzFirstSection {
  margin-bottom: 41px;
}

.xyzPageContainerLeft .xyzTextHeader {
  margin-bottom: 0;
  margin-top: 0;
}

.xyzPageContainerLeft .xyzTextBody {
  margin-bottom: 20px;
}

.xyzPageContainerLeft .xyzTextBodyHighlights {
  margin-bottom: 10px;
}

.xyzWhite {
  color: #ffffff;
}

@media print {
  .xyzWhite {
    /* All your print styles go here */
    color: #000000;
  }
}

.xyzTurquoise {
  color: #00b1b9;
}

@media print {
  .xyzTurquoise {
    /* All your print styles go here */
    color: #000000;
  }
}

.xyzDarkBlue {
  color: #0F2D5D;
}

@media print {
  .xyzDarkBlue {
    /* All your print styles go here */
    color: #000000;
  }
}

.xyzPageContainerRight .xyzTextSubHeader {
  margin-bottom: 40px;
}

.xyzPageContainerRight .xyzContainerImage svg {
  width: 100%;
}

.xyzPageContainerRight .xyzTextBodyHighlights {
  margin-bottom: 18px;
}

.xyzPageContainerRight .xyzTextPullQuote {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 22px;
  margin-bottom: 22px;
}

.xyzPageContainerRight .xyzTextPullQuote::after {
  clear: both;
  content: "";
  display: block;
}

.xyzPageContainerRight .xyzTextPullQuote .xyzTextPullQuoteContent {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  text-transform: uppercase;
  margin: 0 auto;
  float: none;
  text-align: left;
}

.xyzPageContainerRight .xyzTextPullQuote .xyzTextPullQuoteContent:last-child {
  margin-right: 0;
}

.xyzPageContainerRight .xyzTextBody {
  margin-bottom: 22px;
  line-height: 1.38;
}

@media screen and (max-width: 768px) {
  .xyzPageFutures {
    height: 90vh;
  }
}

.xyzPageFutures.xyzFixedContent {
  overflow: hidden;
}

.xyzPageFutures .xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzSecondSection,
.xyzPageFutures .xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzThirdSection,
.xyzPageFutures .xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerRight {
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 768px) {
  .xyzPageFutures .xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerRight {
    width: 100%;
    float: none;
    margin: 0;
  }
}

@media screen and (max-width: 768px) {
  .xyzPageFutures .xyzSecondSection {
    margin-bottom: 44px;
  }
}

@media screen and (max-width: 768px) {
  .xyzPageFutures .xyzTextHeader {
    font-size: 40px;
  }
}

.xyzPageFutures .xyzTextHeaderEnd {
  opacity: 0;
}

.xyzPageFutures .xyzPageContainerRight {
  overflow: hidden;
  padding-bottom: 20vh;
}

@media screen and (max-width: 768px) {
  .xyzPageFutures .xyzPageContainerRight {
    padding-bottom: 10vh;
  }
}

.xyzPageFutures .xyzPageContainerRight .xyzTextSubHeader {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .xyzPageFutures .xyzPageContainerRight .xyzTextSubHeader {
    font-size: 24px;
  }
}

.xyzFutureBackground {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
}

@media screen and (max-width: 768px) {
  .xyzFutureBackground {
    top: 75px;
  }
}

.xyzFutureBackground img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

@media screen and (max-width: 375px) {
  .xyzFutureBackground .xyzFutureBackground3 {
    object-position: -120px 0px;
    font-family: 'object-fit: cover; object-position: -180px 0px;';
  }
}

.xyzFutureBackground .xyzFutureMask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: 0;
  opacity: 0.4;
  background-color: #000000;
}

.xyzFutureNumber {
  line-height: 1.36;
  margin-bottom: 11px;
}

.xyzChart {
  margin-bottom: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.xyzChart .xyzChartLabels {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 46px;
}

.xyzChart .xyzChartSingleLabel {
  margin-bottom: 18.7px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.xyzChart .xyzChartLabelMark {
  display: block;
  width: 12.3px;
  height: 12.3px;
  margin-right: 10px;
}

.xyzChart .xyzChartLabelText {
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

.xyzChart .xyzChartLabelMarkBlue {
  background-color: #07509e;
}

.xyzChart .xyzChartLabelMarkTurquoise {
  background-color: #00b1b9;
}

.xyzChart .xyzChartLabelMarkOrange {
  background-color: #f7921f;
}

.xyzChart svg {
  height: 125px;
  width: 125px;
}

.xyzPageSolutions .xyzPageContainerLeft::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 768px) {
  .xyzPageSolutions .xyzPageContainerLeft {
    max-height: none;
  }
}

.xyzPageSolutions .xyzPageContainerLeft .xyzThirdSection {
  padding-top: 20px;
}

@media screen and (max-width: 768px) {
  .xyzPageSolutions .xyzPageContainerLeft .xyzThirdSection {
    padding-top: 0;
  }
}

@media screen and (max-height: 850px) {
  .xyzPageSolutions.xyzPageContainer .xyzPageContainerLeft .xyzFirstSection .xyzTextHeader span {
    display: inline;
    word-break: initial;
  }
}

@media screen and (max-width: 960px) {
  .xyzPageSolutions .xyzTextHeaderStart,
  .xyzPageSolutions .xyzTextHeaderEnd {
    font-size: 35px;
  }
}

@media screen and (max-width: 860px) {
  .xyzPageSolutions .xyzTextHeaderStart,
  .xyzPageSolutions .xyzTextHeaderEnd {
    font-size: 30px;
  }
}

@media screen and (max-width: 768px) {
  .xyzPageSolutions .xyzTextHeaderStart,
  .xyzPageSolutions .xyzTextHeaderEnd {
    font-size: 35px;
  }
}

@media screen and (max-width: 640px) {
  .xyzPageSolutions .xyzTextHeaderStart,
  .xyzPageSolutions .xyzTextHeaderEnd {
    font-size: 30px;
  }
}

@media screen and (max-height: 850px) {
  .xyzPageSolutions .xyzTextBody {
    font-size: 15px;
    margin-bottom: 10px;
  }
}

.xyzPageSolutions .xyzTextHeaderEnd {
  opacity: 0;
}

.xyzPageSolutions .xyzPageContainerRightContent {
  height: 0;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .xyzPageSolutions .xyzSecondSection,
  .xyzPageSolutions .xyzThirdSection  {
    height: 0;
    overflow: hidden;
  }
}

.xyzPageSolutions .xyzSecondSection,
.xyzPageSolutions .xyzThirdSection,
.xyzPageSolutions .xyzPageContainerRightContent {
  opacity: 0;
  visibility: hidden;
}

.xyzPageSolutions .xyzContainerImage {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .xyzPageSolutions .xyzContainerImage {
    margin-top: 30px;
  }
}

.xyzPageSolutions .xyzSolutionGraphicHidden {
  opacity: 0;
}

.xyzPageSolutions #orange-center {
  opacity: 0;
}

.xyzPageSolutions #orange-center text,
.xyzPageSolutions .xyzSolutionGraphicHidden text {
  font-family: "Avenir";
  font-weight: bold;
}

.xyzTableSolution {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.xyzTableSolution .xyzTextBody {
  margin-bottom: 12.6px;
}

.xyzTableSolution .xyzTableSolutionColumn {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.xyzTableSolution .xyzTableSolutionColumnStyle {
  margin-right: 100px;
}

.xyzTableSolution .xyzTableSolutionColumnStyle .xyzTableSolutionGrid {
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.xyzTableSolution .xyzTableSolutionColumnStyle .xyzTableSolutionItemBlue {
  -webkit-flex-grow: 4;
      -ms-flex-positive: 4;
          flex-grow: 4;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.xyzTableSolution .xyzTableSolutionColumnStyle .xyzTableSolutionItemGray {
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.xyzTableSolution .xyzTableSolutionColumnStyle .xyzTableSolutionItemCash {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.xyzTableSolution .xyzTableSolutionColumnStyle .xyzTableSolutionItemGrow1 {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.xyzTableSolution .xyzTableSolutionColumnStyle .xyzTableSolutionItemGrow2 {
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.xyzTableSolution .xyzTableSolutionColumnStyle .xyzTableSolutionItemGrow3 {
  -webkit-flex-grow: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.xyzTableSolution .xyzTableSolutionColumnClass .xyzTableSolutionGrid {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.xyzTableSolution .xyzTableSolutionGrid {
  width: 60px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 250px;
}

@media screen and (max-height: 980px) {
  .xyzTableSolution .xyzTableSolutionGrid {
    height: 220px;
  }
}

@media screen and (max-height: 850px) {
  .xyzTableSolution .xyzTableSolutionGrid {
    height: 180px;
  }
}

@media screen and (max-width: 768px) {
  .xyzTableSolution .xyzTableSolutionGrid {
    height: 250px;
  }
}

.xyzTableSolution .xyzTableSolutionGridItem {
  font-size: 10px;
  font-weight: 300;
  padding: 2.5px 6px;
}

.xyzTableSolution .xyzTableSolutionGridItem.xyzTableSolutionItemBlue {
  background-color: #07509e;
  color: #ffffff;
}

.xyzTableSolution .xyzTableSolutionGridItem.xyzTableSolutionItemGray {
  background-color: #f1f3f3;
  color: #07509e;
}

.xyzTableSolution .xyzTableSolutionGridItem.xyzTableSolutionItemGrow1 {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.xyzTableSolution .xyzTableSolutionGridItem.xyzTableSolutionItemGrow2 {
  -webkit-flex-grow: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.xyzTableSolution .xyzTableSolutionGridItem.xyzTableSolutionItemGrow3 {
  -webkit-flex-grow: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.xyzTableSolution .xyzTableSolutionGridItem.xyzTableSolutionItemGrow4 {
  -webkit-flex-grow: 4;
      -ms-flex-positive: 4;
          flex-grow: 4;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 768px) {
  .xyzPageTechnology .xyzSecondSection img,
  .xyzPageTechnology .xyzThirdSection img,
  .xyzPageTechnology .xyzFourthSection img {
    margin: 0 auto;
  }
}

.xyzPageTechnology .xyzPageContainerRight i,
.xyzPageTechnology .xyzPageContainerRight .xyzTextBodyHighlights {
  font-style: italic;
}

.xyzPageTechnology .xyzSecondSection,
.xyzPageTechnology .xyzThirdSection,
.xyzPageTechnology .xyzFourthSection,
.xyzPageTechnology .xyzPageContainerRight {
  opacity: 0;
  visibility: hidden;
}

.xyzPageTechnology .xyzLogoSection {
  margin-bottom: 21px;
}

.xyzPageTechnology .xyzLogoSection img {
  display: block;
  max-height: 35px;
}

.xyzPageTechnology .xyzSecondSection,
.xyzPageTechnology .xyzThirdSection,
.xyzPageTechnology .xyzBodyImage {
  margin-bottom: 40px;
}

.xyzPageTechnology .xyzMediaContentCaption p {
  color: #ffffff;
}

.xyzPageTechnology .xyzFirstSection {
  margin-bottom: 40px;
}

.xyzPageTechnology .xyzTextHeader {
  margin-bottom: 0;
}

.xyzPageTechnology .xyzTextHeaderEnd {
  opacity: 0;
}

.xyzPageTechnology .xyzPageContainerRight {
  padding-bottom: 100px;
}

.xyzTechnologyBackground {
  background-color: #0F2D5D;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.xyzTechnologyBackground .xyzTechnologyArrowContainer {
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.xyzTechnologyBackground .xyzTechnologyArrow {
  position: absolute;
  top: 0;
  left: 50%;
}

.xyzTechnologyBackground .xyzTechnologyArrow svg {
  height: 200vw;
  width: 200vw;
}

@media screen and (max-width: 768px) {
  .xyzTechnologyBackground .xyzTechnologyArrow svg {
    height: 500vw;
    width: 500vw;
  }
}

.xyzTechnologyBackground .xyzTechnologyArrow1 {
  -webkit-transform: translate(-50%, -25%);
      -ms-transform: translate(-50%, -25%);
          transform: translate(-50%, -25%);
}

.xyzTechnologyBackground .xyzTechnologyArrow2 {
  -webkit-transform: translate(-50%, -6.9%);
      -ms-transform: translate(-50%, -6.9%);
          transform: translate(-50%, -6.9%);
  opacity: 0;
}

.xyzTechnologyBackground .xyzTechnologyArrow3 {
  -webkit-transform: translate(-50%, 11.3%);
      -ms-transform: translate(-50%, 11.3%);
          transform: translate(-50%, 11.3%);
  opacity: 0;
}

.xyzPageGlobalCulture .xyzTextHeaderEnd {
  opacity: 0;
}

.xyzPageGlobalCulture .xyzPageContainerLeft {
  z-index: 10;
}

.xyzPageGlobalCulture .xyzPageContainerLeft .xyzSecondSection,
.xyzPageGlobalCulture .xyzPageContainerLeft .xyzThirdSection,
.xyzPageGlobalCulture .xyzPageContainerLeft .xyzFourthSection,
.xyzPageGlobalCulture .xyzPageContainerLeft .xyzFifthSection {
  opacity: 0;
  margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .xyzPageGlobalCulture .xyzPageContainerLeft .xyzSecondSection,
  .xyzPageGlobalCulture .xyzPageContainerLeft .xyzThirdSection,
  .xyzPageGlobalCulture .xyzPageContainerLeft .xyzFourthSection,
  .xyzPageGlobalCulture .xyzPageContainerLeft .xyzFifthSection {
    display: none;
  }
}

.xyzPageGlobalCulture .xyzPageContainerRight {
  margin-bottom: 100px;
}

.xyzPageGlobalCulture .xyzPageContainerRight .xyzMobileSection {
  padding-top: 30px;
  display: none;
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .xyzPageGlobalCulture .xyzPageContainerRight .xyzMobileSection {
    display: block;
  }
}

.xyzPageGlobalCulture .xyzPageContainerRight .xyzMobileSection .xyzTextBody {
  margin: 0;
}

.xyzPageGlobalCulture .xyzPageContainerRightContent {
  display: none;
}

.xyzPageGlobalCulture .xyzContainerImage {
  margin-bottom: 50px;
  position: relative;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzContainerImageBg {
  height: auto;
  opacity: 0.3;
  display: block;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 458.91px;
  max-height: 458.91px;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide.xyzSquareSideDarkBlue {
  opacity: 0;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide.xyzSquareSideDarkBlue .xyzSquareTop,
.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide.xyzSquareSideDarkBlue .xyzSquareLeft {
  background-color: #1A325D;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide.xyzSquareSideOrange {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
  opacity: 0;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide.xyzSquareSideOrange .xyzSquareTop,
.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide.xyzSquareSideOrange .xyzSquareLeft {
  background: #F7911F;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide.xyzSquareSideTeal {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 0;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide.xyzSquareSideTeal .xyzSquareTop,
.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide.xyzSquareSideTeal .xyzSquareLeft {
  background: #00B1B8;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide.xyzSquareSideBlue {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  opacity: 0;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide.xyzSquareSideBlue .xyzSquareTop,
.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide.xyzSquareSideBlue .xyzSquareLeft {
  background: #07509E;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide .xyzSquareTop {
  position: absolute;
  height: 12%;
  width: 76%;
  top: 0;
  left: 12%;
}

.xyzPageGlobalCulture .xyzContainerImage .xyzSquareContainer .xyzSquareSide .xyzSquareLeft {
  position: absolute;
  width: 12%;
  height: 76%;
  top: 0;
  left: 12%;
}

.xyzPageGlobalCulture .xyzContainerImage .icon-cube-top,
.xyzPageGlobalCulture .xyzContainerImage .icon-cube-left,
.xyzPageGlobalCulture .xyzContainerImage .icon-cube-right,
.xyzPageGlobalCulture .xyzContainerImage .icon-cube-bottom {
  position: absolute;
  width: 80%;
  height: 80%;
}

.xyzPageGlobalCulture .xyzContainerImage .icon-cube-top {
  top: 0;
  left: 10%;
}

.xyzPageGlobalCulture .xyzContainerImage .icon-cube-bottom {
  bottom: 0;
  right: 10%;
}

.xyzPageGlobalCulture .xyzContainerImage .icon-cube-left {
  bottom: 10%;
  left: 0;
}

.xyzPageGlobalCulture .xyzContainerImage .icon-cube-right {
  right: 0;
  top: 10%;
}

@media screen and (max-width: 768px) {
  .xyzPageGlobalCulture .xyzPageContainerLeft {
    margin-bottom: 30px;
  }
}

.xyzPageGlobalCulture .xyzPageContainerLeft .xyzTextBody {
  margin-bottom: 0;
  margin-top: 0;
}

.xyzBoardOfDirectors .xyzPageContainerLeft .xyzTextHeader,
.xyzBoardOfDirectors .xyzPageContainerLeft .xyzTextBody {
  color: #0F2D5D;
}

.xyzBoardOfDirectors.xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerLeft {
  width: 30%;
}

@media screen and (max-width: 960px) {
  .xyzBoardOfDirectors.xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerLeft {
    width: 40%;
  }
}

@media screen and (max-width: 768px) {
  .xyzBoardOfDirectors.xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerLeft {
    width: 100%;
  }
}

.xyzBoardOfDirectors.xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerLeft .xyzSecondSection {
  padding-right: 10%;
}

@media screen and (max-width: 960px) {
  .xyzBoardOfDirectors.xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerLeft .xyzSecondSection {
    padding-right: 10px;
  }
}

@media screen and (max-width: 960px) {
  .xyzBoardOfDirectors.xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerLeft .xyzSecondSection .xyzTextBody {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .xyzBoardOfDirectors.xyzPageContainer .xyzPageContainerColumn.xyzPageContainerColumnFixed .xyzPageContainerLeft .xyzSecondSection .xyzTextBody {
    font-size: 16px;
  }
}

.xyzGridDirectors ul {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.xyzGridDirectors ul::after {
  clear: both;
  content: "";
  display: block;
}

.xyzGridDirectors .xyzListOfWorks {
  list-style-type: initial;
  padding-left: 30px;
}

.xyzSingleDirector {
  float: left;
  display: block;
  margin-right: 4.82916%;
  width: 30.11389%;
  margin-bottom: 36px;
}

.xyzSingleDirector:last-child {
  margin-right: 0;
}

.xyzSingleDirector:nth-child(3n) {
  margin-right: 0;
}

.xyzSingleDirector:nth-child(3n+1) {
  clear: left;
}

@media screen and (max-width: 768px) {
  .xyzSingleDirector {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%;
  }
  .xyzSingleDirector:nth-child(3n) {
    margin-right: 2.35765%;
  }
  .xyzSingleDirector:nth-child(3n+1) {
    clear: none;
  }
  .xyzSingleDirector:last-child {
    margin-right: 0;
  }
  .xyzSingleDirector:nth-child(2n) {
    margin-right: 0;
  }
  .xyzSingleDirector:nth-child(2n+1) {
    clear: left;
  }
}

.xyzSingleDirector.xyzReadMoreActive .icon-arrow-down {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
}

.xyzSingleDirector.xyzReadMoreActive .xyzReadMoreDetails {
  background-color: #ffffff;
  z-index: 1;
  padding-top: 36px;
}

.xyzSingleDirector figure {
  margin: 0 0 16px 0;
}

.xyzSingleDirector figure img {
  display: block;
  width: 100%;
}

.xyzSingleDirector .xyzSingleDirectorName {
  font-size: 12px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1818;
  margin-bottom: 8px;
}

.xyzSingleDirector .xyzSingleDirectorPosition {
  font-size: 10px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #1a1818;
  margin-bottom: 13px;
}

.xyzSingleDirector .xyzSingleDirectorReadMore {
  font-size: 12px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #00b1b9;
  background-color: #ffffff;
  padding-right: 10px;
  cursor: pointer;
  position: relative;
  z-index: 0;
}

.xyzSingleDirector .xyzSingleDirectorReadMore .icon-arrow-down {
  width: 4.9px;
  height: 8.4px;
}

.xyzSingleDirector p {
  margin-top: 0;
}

.xyzSingleDirector a {
  color: #00b1b9;
  text-decoration: none;
}

.xyzSingleDirector a:hover {
  color: #00b1b9;
}

.xyzReadMoreDetails {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  left: 0;
  right: 0;
  z-index: 0;
}

.xyzReadMoreDetails:before {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background-color: #f1f3f3;
  position: absolute;
  top: -8px;
  z-index: -1;
}

.xyzFooterAlternative {
  background-color: #ffffff;
  position: relative;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .xyzFooterAlternative {
    width: 100%;
    margin: 0;
    padding-top: 0;
  }
}

.xyzFooterAlternative .xyzPageContainerColumn {
  margin-bottom: 0;
}

.xyzFooterAlternative ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 44px;
  padding-top: 70px;
  border-top: 1px solid #00b1b9;
}

@media screen and (max-width: 768px) {
  .xyzFooterAlternative ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-top: 0;
    padding-bottom: 0;
  }
}

.xyzFooterAlternative li {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .xyzFooterAlternative li {
    width: 100vw;
    height: 100vw;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-bottom: 1px solid #00b1b9;
  }
}

@media screen and (max-width: 768px) {
  .xyzFooterAlternative li:last-child {
    border-bottom: 0;
  }
}

.xyzFooterAlternative li a {
  text-decoration: none;
}

.xyzFooterAlternative li a svg {
  max-width: 100%;
  margin-bottom: 41.4px;
}

.xyzFooterAlternative li .xyzFootterAlternativeTitle {
  font-size: 15px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #0F2D5D;
  text-transform: uppercase;
}

.xyzFinancialHighLights {
  padding-top: 0;
}

.xyzFinancialHighLights .xyzPageContainer {
  padding-top: 0;
}

.xyzFinancialHighLights .xyzFooterAlternative ul {
  border-top: 0;
}

.xyzFinancialHighLights .xyzPageContainerColumn {
  margin-bottom: 0;
}

.xyzFooterAlternativeFinancial ul {
  border-top: 0;
}

.xyzFinancialsTableColumn {
  background-color: #073586;
  padding-top: 167px;
  padding-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTableColumn {
    padding-top: 115px;
  }
}

.xyzFinancialsTable {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable thead {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable thead tr {
    display: block;
    width: 100%;
  }
}

.xyzFinancialsTable thead th {
  color: #ffffff;
  border-bottom: 1px solid #00b1b9;
  text-align: right;
  padding-bottom: 4px;
  font-size: 10px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable thead th {
    display: block;
    width: 100%;
    border-bottom: 0;
  }
}

.xyzFinancialsTable thead th:first-child {
  text-align: left;
  width: 48.82117%;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable thead th:first-child {
    display: block;
    width: 100%;
    border-bottom: 1px solid #00b1b9;
    padding-bottom: 10px;
  }
}

.xyzFinancialsTable thead th:nth-child(2) {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.19;
  letter-spacing: normal;
  width: 14.70196%;
  margin-right: 2.35765%;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable thead th:nth-child(2) {
    width: 100%;
    display: none;
  }
}

.xyzFinancialsTable thead th:nth-child(3), .xyzFinancialsTable thead th:nth-child(4), .xyzFinancialsTable thead th:nth-child(5) {
  width: 8.5298%;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable thead th:nth-child(3), .xyzFinancialsTable thead th:nth-child(4), .xyzFinancialsTable thead th:nth-child(5) {
    width: 100%;
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable tbody {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable tbody.xyzTablePerShare {
    display: block;
    width: 100%;
  }
}

.xyzFinancialsTable tbody.xyzTablePerShare tr:not(:first-child) td {
  padding-left: 40px;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable tbody.xyzTablePerShare tr:not(:first-child) td {
    display: block;
    width: 100%;
    padding-left: 0;
  }
}

.xyzFinancialsTable tbody.xyzTableDilutedCommon tr:first-child td {
  padding-top: 34px;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable tbody.xyzTableDilutedCommon tr:first-child td {
    padding-top: 5px;
  }
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable tbody tr {
    border-bottom: 1px solid #ffffff;
    display: block;
    padding-bottom: 10px;
    padding-top: 5px;
  }
}

.xyzFinancialsTable tbody td {
  border-bottom: 1px solid #ffffff;
  font-size: 10px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 3.5;
  letter-spacing: normal;
  text-align: right;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable tbody td {
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 0;
    font-size: 16px;
    font-weight: 800;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
  }
}

.xyzFinancialsTable tbody td:first-child {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable tbody td:first-child {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
  }
}

.xyzFinancialsTable tbody td:nth-child(2) {
  font-size: 16px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.19;
  letter-spacing: normal;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable tbody td:nth-child(2) {
    display: block;
    width: 100%;
    line-height: 1;
  }
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable tbody .xyzTableSubHeader {
    border-bottom: 0;
  }
}

.xyzFinancialsTable tbody .xyzTableSubHeader td {
  border-bottom: 1px solid #00b1b9;
  font-size: 10px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  padding-top: 43px;
  padding-bottom: 13px;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTable tbody .xyzTableSubHeader td {
    padding-top: 23px;
  }
}

.xyzFinancialsTable tbody .xyzTableSubHeader td:first-child {
  text-align: left;
}

.xyzFinancialsTableTabs {
  margin: 0 0 40px 0;
  padding-left: 25px;
  padding-right: 25px;
  list-style: none;
  display: none;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #00b1b9;
  height: 59px;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTableTabs {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.xyzFinancialsTableTabs .xyzFinancialsTableTab {
  color: #ffffff;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  cursor: pointer;
}

.xyzFinancialsTableTabs .xyzFinancialsTableTab.xyzFinancialsTableTabActive {
  font-weight: 800;
  cursor: default;
}

.xyzTableDescription {
  font-size: 16px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.38;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

.xyzTableDescription a {
  text-decoration: none;
  color: #00b1b9;
}

.xyzTableDescription .xyzFinancialsTableDownloadLink {
  color: #ffffff;
  margin-top: 40px;
  margin-bottom: 40px;
  display: none;
}

@media screen and (max-width: 768px) {
  .xyzTableDescription .xyzFinancialsTableDownloadLink {
    display: block;
  }
}

.xyzFinancialsTableHeader {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.xyzFinancialsTableHeader::after {
  clear: both;
  content: "";
  display: block;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTableHeader {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.xyzFinancialsTableHeader:after {
  display: none;
}

.xyzFinancialsTableHeader .xyzTextHeader {
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .xyzFinancialsTableHeader .xyzFinancialsTableDownloadLink {
    display: none;
  }
}

.xyzFinancialsTableDownloadLink {
  color: #ffffff;
  text-decoration: none;
}

.xyzFinancialsTableDownloadLink span svg {
  height: 8px;
  width: 5px;
}

.xyzInfoDownload {
  padding-top: 155px;
}

@media screen and (max-width: 768px) {
  .xyzInfoDownload {
    padding-top: 115px;
  }
}

.xyzInfoDownload .xyzPageContainerColumn {
  margin-bottom: 70px;
}

.xyzInfoDownload .xyzPageContainer {
  padding-top: 0;
}

@media screen and (max-width: 768px) {
  .xyzInfoDownload .xyzPageContainerLeft,
  .xyzInfoDownload .xyzPageContainerRight {
    width: 100%;
    float: none;
  }
}

@media screen and (max-width: 768px) {
  .xyzInfoDownload .xyzPageContainerLeft {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .xyzInfoDownload .xyzPageContainerRight {
    margin: 0;
  }
}

.xyzInfoDownload .xyzTextHeader {
  color: #00b1b9;
  margin-bottom: 38px;
}

.xyzInfoDownload .xyzTextBodyHighlights {
  text-transform: uppercase;
  color: #0F2D5D;
  margin-bottom: 0;
  line-height: 1.56;
  text-decoration: none;
}

.xyzInfoDownload .xyzTextBody {
  color: #0F2D5D;
  margin-top: 0;
}

.xyzInfoDownload .xyzTextPullQuote {
  color: #00b1b9;
  margin-bottom: 20px;
  margin-top: 30px;
}

.xyzInfoDownload .xyzSecondSection,
.xyzInfoDownload .xyzThirdSection {
  padding-right: 40%;
}

.xyzDownloadItem {
  margin-bottom: 5px;
}

.xyzDowloadItemSize {
  font-size: 10px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

.xyzPageFiduciary {
  overflow: hidden;
}

.xyzPageFiduciary .xyzFiduciaryBanner {
  padding-top: 123px;
  padding-bottom: 130px;
  background-color: #31AEAE;
  position: relative;
}

@media screen and (max-width: 768px) {
  .xyzPageFiduciary .xyzFiduciaryBanner {
    padding-bottom: 23px;
  }
}

.xyzPageFiduciary .xyzFiduciaryBanner img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .xyzPageFiduciary .xyzFiduciaryBanner img {
    max-width: none;
    height: 300px;
  }
}

@media screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
  .xyzPageFiduciary .xyzFiduciaryBanner img {
    position: static;
    width: 100%;
    height: auto;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
  }
}

.xyzPageFiduciary .xyzFiduciaryTeam {
  position: relative;
  left: 0;
  right: 0;
}

@media screen and (max-width: 768px) {
  .xyzPageFiduciary .xyzFiduciaryTeam {
    height: auto;
  }
}

.xyzPageFiduciary .xyzFiduciaryTeam img {
  position: relative;
  left: 0;
}

.xyzPageFiduciary .xyzFiduciaryTeamSign {
  position: relative;
  left: 0;
  right: 0;
}

.xyzPageFiduciary .xyzFiduciaryTeamSign img {
  position: relative;
  left: 0;
}

.xyzPageFiduciary .xyzFiduciaryTeamLabel {
  position: relative;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
  color: #ffffff;
  margin-top: 7px;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .xyzPageFiduciary .xyzFiduciaryTeamLabel {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .xyzPageFiduciary .xyzFiduciaryTeamLabel {
    display: block;
  }
}

@media screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation: landscape) {
  .xyzPageFiduciary .xyzFiduciaryTeamLabel {
    display: none;
  }
}

.xyzPageFiduciary .xyzPageContainerRight {
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .xyzPageFiduciary .xyzPageContainerRight {
    margin-bottom: 0;
  }
}

.xyzPageFiduciary .xyzPageContainer .xyzPageContainerLeft .xyzFirstSection .xyzTextHeader span {
  word-break: initial;
}

.xyzPageFiduciary .xyzButtonBorder {
  margin-bottom: 70px;
}

.xyzPageFiduciary .xyzGridTitle {
  margin-bottom: 50px;
}

.xyzPageFiduciary .xyzFiduciaryContainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

.xyzPageFiduciary .xyzFiduciaryContainer::after {
  clear: both;
  content: "";
  display: block;
}

.xyzPageFiduciary .xyzFiduciaryContainer .xyzTextHeader {
  width: 48%;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage.xyzPageContainer {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 75px;
  }
}

.xyzLetterPage .xyzLetterColumnLeft {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
}

.xyzLetterPage .xyzLetterColumnLeft:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterColumnLeft {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%;
  }
  .xyzLetterPage .xyzLetterColumnLeft:last-child {
    margin-right: 0;
  }
}

.xyzLetterPage .xyzLetterColumnRight {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
  margin-left: 17.05961%;
}

.xyzLetterPage .xyzLetterColumnRight:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterColumnRight {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%;
  }
  .xyzLetterPage .xyzLetterColumnRight:last-child {
    margin-right: 0;
  }
}

.xyzLetterPage .xyzLetterColumnCenter {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
  margin-left: 8.5298%;
}

.xyzLetterPage .xyzLetterColumnCenter:last-child {
  margin-right: 0;
}

.xyzLetterPage .xyzLetterColumnCenter .xyzMediaContent img {
  width: 100%;
  display: block;
}

.xyzLetterPage .xyzLetterColumnCenter .xyzMediaContent iframe {
  width: 100%;
  height: 440px;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterColumnCenter .xyzMediaContent iframe {
    height: 360px;
  }
}

@media screen and (max-width: 374px) {
  .xyzLetterPage .xyzLetterColumnCenter .xyzMediaContent iframe {
    height: 260px;
  }
}

.xyzLetterPage .xyzLetterColumnCenter .xyzMediaContentCaption {
  margin-top: 20px;
}

.xyzLetterPage .xyzLetterBlueGraphicContainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.xyzLetterPage .xyzLetterBlueGraphicContainer::after {
  clear: both;
  content: "";
  display: block;
}

.xyzLetterPage .xyzLetterBlueGraphicContainer .xyzLetterBlueGraphic {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
  margin-left: 17.05961%;
}

.xyzLetterPage .xyzLetterBlueGraphicContainer .xyzLetterBlueGraphic:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterBlueGraphicContainer .xyzLetterBlueGraphic {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-left: 0%;
  }
  .xyzLetterPage .xyzLetterBlueGraphicContainer .xyzLetterBlueGraphic:last-child {
    margin-right: 0;
  }
}

.xyzLetterPage .xyzLetterArrowSectionContainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.xyzLetterPage .xyzLetterArrowSectionContainer::after {
  clear: both;
  content: "";
  display: block;
}

.xyzLetterPage .xyzLetterArrowSectionContainer.xyzLetterArrowSectionContainer {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.xyzLetterPage .xyzLetterArrowSection {
  position: relative;
}

.xyzLetterPage .xyzLetterArrowSection .xyzLetterArrowSectionMedia {
  position: absolute;
  right: 0;
  top: -210px;
  -webkit-transform: translateX(-90%);
      -ms-transform: translateX(-90%);
          transform: translateX(-90%);
}

@media screen and (min-width: 1493px) {
  .xyzLetterPage .xyzLetterArrowSection .xyzLetterArrowSectionMedia {
    right: initial;
    left: 0;
  }
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterArrowSection .xyzLetterArrowSectionMedia {
    position: static;
    padding-right: 30px;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
}

.xyzLetterPage .xyzLetterArrowSection .xyzLetterArrowSectionMedia img {
  display: block;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterArrowSection .xyzLetterArrowSectionMedia img {
    width: 100%;
  }
}

.xyzLetterPage .xyzLetterArrowSection .xyzLetterArrowSectionText {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 48.82117%;
  margin-left: 51.17883%;
}

.xyzLetterPage .xyzLetterArrowSection .xyzLetterArrowSectionText:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterArrowSection .xyzLetterArrowSectionText {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%;
  }
  .xyzLetterPage .xyzLetterArrowSection .xyzLetterArrowSectionText:last-child {
    margin-right: 0;
  }
}

.xyzLetterPage .xyzLetteCubeGraphic {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 71px;
  margin-bottom: 51px;
}

.xyzLetterPage .xyzLetteCubeGraphic:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetteCubeGraphic {
    display: block;
    margin-top: 40px;
  }
}

.xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMedia {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 57.35098%;
  position: relative;
  height: 698px;
}

.xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMedia:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMedia {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%;
    height: auto;
    margin-bottom: 40px;
  }
  .xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMedia:last-child {
    margin-right: 0;
  }
}

.xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMedia img {
  position: absolute;
  right: 0;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMedia img {
    position: static;
    width: 100%;
  }
}

.xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMedia .xyzLetterGraphicDesktop {
  display: block;
  position: absolute;
  right: 0;
  width: 698px;
  height: 701px;
}

@media screen and (max-width: 1200px) {
  .xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMedia .xyzLetterGraphicDesktop {
    position: static;
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (max-width: 1200px) {
  .xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMedia .xyzLetterGraphicDesktop svg {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMedia .xyzLetterGraphicDesktop {
    display: none;
  }
}

.xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMedia .xyzLetterGraphicDesktop text {
  font-family: "Avenir";
  font-weight: 300;
}

.xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicText {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%;
  text-transform: uppercase;
}

.xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicText:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicText {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%;
  }
  .xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicText:last-child {
    margin-right: 0;
  }
}

.xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetteCubeGraphic .xyzLetteCubeGraphicMobile {
    display: block;
  }
}

.xyzLetterPage .xyzLetterBlueGraphic {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  background-color: #1E448D;
  padding-top: 10px;
  padding-bottom: 10px;
}

.xyzLetterPage .xyzLetterBlueGraphic::after {
  clear: both;
  content: "";
  display: block;
}

.xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicContent {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 79.43148%;
  float: none;
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicContent:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicContent {
    display: block;
  }
}

.xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicContent:last-child {
  margin-right: auto;
}

.xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicLabel {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 35.26333%;
  font-size: 12px;
  font-weight: 800;
  color: #ffffff;
}

.xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicLabel:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicLabel {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    margin: 0 auto 10px;
    display: block;
    float: none;
  }
  .xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicLabel:last-child {
    margin-right: 0;
  }
}

.xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicMedia {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 61.158%;
}

.xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicMedia:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicMedia {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
  }
  .xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicMedia:last-child {
    margin-right: 0;
  }
}

.xyzLetterPage .xyzLetterBlueGraphic .xyzLetterBlueGraphicMedia img {
  display: block;
  width: 100%;
}

.xyzLetterPage .xyzLetterSignature {
  margin-top: 31px;
}

.xyzLetterPage .xyzLetterSignature img {
  width: 187px;
  height: 45px;
  display: block;
}

.xyzLetterPage .xyzTextHeader {
  color: #00b1b9;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzTextHeader {
    font-size: 30px;
  }
}

.xyzLetterPage .xyzLetterBanner {
  background-color: #00b1b9;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterBanner {
    width: 100vw;
    height: 238px;
    position: relative;
    overflow: hidden;
  }
}

.xyzLetterPage .xyzLetterBanner img {
  display: block;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterBanner img {
    position: absolute;
    left: 0;
    height: 238px;
    width: auto;
  }
}

.xyzLetterPage .xyzLetterHeader {
  margin-bottom: 44px;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterHeader {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 82.94039%;
    margin-left: 8.5298%;
  }
  .xyzLetterPage .xyzLetterHeader:last-child {
    margin-right: 0;
  }
}

.xyzLetterPage .xyzLetterHeader .xyzLetterTitle {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 40.29137%;
  color: #1A315D;
  margin-bottom: 10px;
  float: none;
}

.xyzLetterPage .xyzLetterHeader .xyzLetterTitle:last-child {
  margin-right: 0;
}

.xyzLetterPage .xyzLetterHeader .xyzLetterInfo {
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: 800;
  color: #1A315D;
}

.xyzLetterPage .xyzTextPullQuote {
  color: #00b1b9;
}

.xyzLetterPage .xyzTextBodyHighlights {
  color: #1A315D;
  text-transform: uppercase;
}

.xyzLetterPage .xyzTextSubHeader {
  color: #074F9E;
}

.xyzLetterPage .xyzTextSubHeader.xyzDarkBlue {
  color: #0F2D5D;
}

.xyzLetterPage .xyzLetterFooter {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 82.94039%;
  margin-left: 8.5298%;
  background-color: #F0F0F0;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 48px;
  margin-bottom: 83px;
}

.xyzLetterPage .xyzLetterFooter:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .xyzLetterPage .xyzLetterFooter {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-left: 0%;
  }
  .xyzLetterPage .xyzLetterFooter:last-child {
    margin-right: 0;
  }
}

.xyzLetterPage .xyzLetterFooter a {
  text-decoration: none;
  color: #0F2D5D;
}

.xyzLetterPage .xyzLetterFooter ul {
  float: left;
  display: block;
  margin-right: 2.84259%;
  width: 79.43148%;
  list-style: none;
  float: none;
  display: block;
  padding-left: 0;
  margin: 0 auto;
}

.xyzLetterPage .xyzLetterFooter ul:last-child {
  margin-right: 0;
}

.xyzLetterPage .xyzLetterFooter ul:last-child {
  margin-right: auto;
}

.xyzLetterPage .xyzLetterFooter ul span {
  margin-right: 20px;
}

.xyzLetterPage .xyzLetterFooter ul li {
  word-break: break-all;
  font-size: 10px;
  line-height: 14px;
}

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