.cs-modal-body .Testimonials-buttons, .focus .Middle, .about .Learn, .about .Corevalue-values, .team .Team-council, .team .Team-members, .home .News, .home .About-col.about-meet .meet, .home .Hero-blurb, .Experience, .Contact, .Learn, .Footer-info, .Footer-links {
  *zoom: 1;
}
.cs-modal-body .Testimonials-buttons:before, .focus .Middle:before, .about .Learn:before, .about .Corevalue-values:before, .team .Team-council:before, .team .Team-members:before, .home .News:before, .home .About-col.about-meet .meet:before, .home .Hero-blurb:before, .Experience:before, .Contact:before, .Learn:before, .Footer-info:before, .Footer-links:before, .cs-modal-body .Testimonials-buttons:after, .focus .Middle:after, .about .Learn:after, .about .Corevalue-values:after, .team .Team-council:after, .team .Team-members:after, .home .News:after, .home .About-col.about-meet .meet:after, .home .Hero-blurb:after, .Experience:after, .Contact:after, .Learn:after, .Footer-info:after, .Footer-links:after {
  content: " ";
  display: table;
}
.cs-modal-body .Testimonials-buttons:after, .focus .Middle:after, .about .Learn:after, .about .Corevalue-values:after, .team .Team-council:after, .team .Team-members:after, .home .News:after, .home .About-col.about-meet .meet:after, .home .Hero-blurb:after, .Experience:after, .Contact:after, .Learn:after, .Footer-info:after, .Footer-links:after {
  clear: both;
}

/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *  user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *  Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 * 4. Improves appearance and consistency in all browsers.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *  (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */ /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*  Syntax Quick Reference
  --------------------------
  column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
  span($ratio: 1, $offset: 0)
  shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
  unshift()
  edit()
  center($max_width: 1410px, $pad: 0)
  stack($pad: 0, $align: false)
  unstack()
  align($direction: both)
  cf()
*/
/**
 * Grid settings.
 * All values are defaults and can therefore be easily overidden.
 */
/**
 * List functions courtesy of the wonderful folks at Team Sass.
 * Check out their awesome grid: Singularity.
 */
/**
 * Get  percentage from a given ratio.
 * @param {number} [$ratio=1] - The column ratio of the element.
 * @returns {number} - The percentage value.
 */
/**
 * Work out the column widths based on the ratio and gutter sizes.
 * @param {number} [$ratios=1] - The column ratio of the element.
 * @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
 * @returns {list} $width $gutter - A list containing the with and gutter for the element.
 */
/**
 * Get the set layout direction for the project.
 * @returns {string} $direction - The layout direction.
 */
/**
 * Replace a specified list value with a new value (uses built in set-nth() if available)
 * @param {list} $list - The list of values you want to alter.
 * @param {number} $index - The index of the list item you want to replace.
 * @param {*} $value - The value you want to replace $index with.
 * @returns {list} $list - The list with the value replaced or removed.
 * @warn if an invalid index is supplied.
 */
/**
 * Reverse a list (progressively enhanced for Sass 3.3)
 * @param {list} $list - The list of values you want to reverse.
 * @returns {list} $result - The reversed list.
 */
/**
 * Get the opposite direction to a given value.
 * @param {string} $dir - The direction you want the opposite of.
 * @returns {string} - The opposite direction to $dir.
 * @warn if an incorrect string is provided.
 */
/**
 * Style an element as a column with a gutter.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
 * @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column mixin.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Get the width of a column and nothing else.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Get the gutter size of a column and nothing else.
 * @param {number} [ratios=1] - A width relative to its container as a fraction.
 * @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * An alias for the column-width function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * An alias for the column-gutter function.
 * @param [$args...] - All arguments get passed through to column().
 */
/**
 * Style an element as a column without any gutters for a seamless row.
 * @param {number} [$ratios=1] - A width relative to its container as a fraction.
 * @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
 * @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
 * @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
 */
/**
 * Reorder columns without altering the HTML.
 * @param {number} [$ratios=0] - Specify how far along you want the element to move.
 * @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
 * @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
 */
/**
 * Reset an element that has had shift() applied to it.
 */
/**
 * View the grid and its layers for easy debugging.
 * @param {string} [$color=black] - The background tint applied.
 * @param {boolean} [$important=false] - Whether to apply the style as !important.
 */
/**
 *  Alias for edit().
 */
/**
 * Horizontally center an element.
 * @param {number} [$max-width=1410px] - The max width the element can be.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 */
/**
 * Uncenter an element.
 */
/**
 * Stack an element so that nothing is either side of it.
 * @param {number} [$pad=0] - Specify the element's left and right padding.
 * @param {boolean/string} [$align=false] - Specify the text align for the element.
 */
/**
 * Unstack an element.
 */
/**
 * Center an element on either or both axes.
 * @requires A parent container with relative positioning.
 * @param {string} [$direction=both] - Specify which axes to center the element on.
 */
/**
 * Apply a clearfix to an element.
 */
/**
 * Resets
 * base/_resets.scss
 */
/**
 * @TapHighlight
 */
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-behavior: smooth;
}

/**
 * @FontAppearance
 */
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/**
 * @Selection
 */
::-moz-selection {
  background: rgba(8, 96, 78, 0.2);
}
::selection {
  background: rgba(8, 96, 78, 0.2);
}

::-moz-selection {
  background: rgba(8, 96, 78, 0.2);
}

/**
 * @BoxSizing
 */
*,
*:after,
*:before {
  box-sizing: border-box;
}

/**
* @FormElements
*/
input, textarea, button {
  border-radius: 0;
  border: none;
  outline: none;
}

/*
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes slideInLeft {
  0% {
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    transform: translateX(0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    transform: translateX(0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}

.sectionSlideDown {
  animation-name: sectionSlideDown;
}
@keyframes sectionSlideDown {
  0% {
    transform: scaleY(0);
    opacity: 0;
    display: none;
  }
  25% {
    transform: scaleY(0.25);
    opacity: 0.25;
    display: block;
  }
  50% {
    transform: scaleY(0.5);
    opacity: 0.5;
    display: block;
  }
  75% {
    transform: scaleY(0.75);
    opacity: 0.75;
    display: block;
  }
  100% {
    transform: scaleY(1);
    opacity: 1;
    display: block;
  }
}
.delayAfter {
  animation-name: delayAfter;
}
@keyframes delayAfter {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.25;
  }
  50% {
    opacity: 0.5;
  }
  75% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
/**
* Typography
* base/_typography.scss
*/
/**
* Utility
* base/_utility.scss
*
* 1. Floating
* 2. AutoCenter
* 3. ShowHide
*/
/**
* @Floating
*/
.left {
  float: left;
}

.right {
  float: right;
}

.u-sitewidth {
  width: auto;
  max-width: 1304px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  *zoom: 1;
}
.u-sitewidth:before, .u-sitewidth:after {
  content: "";
  display: table;
}
.u-sitewidth:after {
  clear: both;
}

.u-sitewidth-sm {
  width: auto;
  max-width: 980px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  *zoom: 1;
}
.u-sitewidth-sm:before, .u-sitewidth-sm:after {
  content: "";
  display: table;
}
.u-sitewidth-sm:after {
  clear: both;
}

.u-boxborder {
  width: auto;
  max-width: 1400px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  background: #f7f7f5;
  *zoom: 1;
  position: relative;
  z-index: 0;
}
.u-boxborder:before, .u-boxborder:after {
  content: "";
  display: table;
}
.u-boxborder:after {
  clear: both;
}

.u-boxborder-offset {
  width: auto;
  max-width: 1400px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  background: #f7f7f5;
  *zoom: 1;
}
.u-boxborder-offset:before, .u-boxborder-offset:after {
  content: "";
  display: table;
}
.u-boxborder-offset:after {
  clear: both;
}
.u-boxborder-offset div:nth-child(1) {
  margin-top: -2rem;
}

.u-hr {
  width: 100%;
  height: 1px;
  background: #e7e7e7;
  position: relative;
  z-index: 1;
}

.u-h1::after,
.u-h4::after {
  content: "";
  display: block;
  width: 4rem;
  height: 5px;
  background: #ece4bb;
  top: 100%;
  left: 0px;
  margin: 2rem 0;
}

.u-h4::after {
  height: 3px;
  margin: 0.75rem 0 1.5rem;
}

.u-stick {
  position: fixed !important;
  position: sticky !important;
  top: 48px !important;
}
@media (min-width: 61.25em) {
  .u-stick {
    top: 66px !important;
  }
}

/**
* @AutoCenter
* Simple auto-margin centering
*/
.center {
  float: none !important;
  margin-left: auto;
  margin-right: auto;
}
.center:before, .center:after {
  content: " ";
  display: table;
}
.center:after {
  clear: both;
}

/**
* @Hide things
*/
.hidden {
  opacity: 0;
  max-height: 0 !important;
  display: none;
  visibility: hidden;
}

/**
* @Lists
*/
ol, ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.inline-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.inline-list > li {
  display: inline-block;
  vertical-align: middle;
}

/**
* Links and Controls
* base/_links-and-controls.scss
*
* 1. Links
* 2. Buttons
*/
/**
* @Links
*/
a {
  color: #08604e;
  text-decoration: none;
  border: none;
  outline: none;
}
a.readmore {
  padding-bottom: 8px;
  font-family: "sofia-pro", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  position: relative;
}
a.readmore:after {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  transition: transform 0.2s ease;
  font-family: "FontAwesome";
  content: "\F178";
  display: inline-block;
  padding: 0 0 0 0.4em;
}
a.readmore .icon {
  display: inline-block;
  padding-right: 0.5em;
}
a.readmore:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 102%;
  height: 2px;
  opacity: 0;
  transform: translateY(5px);
  transition: transform 0.3s, opacity 0.3s;
  pointer-events: none;
}
a.readmore.hover:before, a.readmore:hover:before {
  opacity: 1;
  transform: translateY(0px);
}
a.readmore.hover:after, a.readmore:hover:after {
  opacity: 1;
  transform: translateY(0px);
  transform: translateX(0.4em);
}
a.readprev {
  padding-bottom: 8px;
  font-family: "sofia-pro", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  position: relative;
}
a.readprev:after {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  transition: transform 0.2s ease;
  font-family: "FontAwesome";
  content: "";
  display: inline-block;
  padding: 0 0 0 0.4em;
}
a.readprev .icon {
  display: inline-block;
  padding-right: 0.5em;
}
a.readprev:before {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  transition: transform 0.2s ease;
  font-family: "FontAwesome";
  content: "\F177";
  display: inline-block;
  padding: 0 0.4em 0 0;
}
a.readprev.hover:before, a.readprev:hover:before {
  opacity: 1;
  transform: translateY(0px);
  transform: translateX(-0.4em);
}
a.readprev.hover:after, a.readprev:hover:after {
  opacity: 1;
  transform: translateY(0px);
  transform: translateX(-0.4em);
}
a.fill-div {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.btn {
  text-align: center;
  display: inline-block;
  padding: 12px 22px !important;
  color: #a8a7a0;
  text-decoration: none;
  font-weight: bold;
  font-size: 70.25%;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
}
.btn-trans {
  background: transparent;
}
.btn-trans:hover {
  background: rgba(0, 0, 0, 0);
  transition: all 0.3s ease;
}
.btn-trans:active {
  background: rgba(0, 0, 0, 0);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  width: 34px;
  height: 34px;
  background: transparent;
  border: 2px solid rgb(10, 10, 5);
  border-radius: 17px;
  line-height: 0;
  font-size: 0px;
  cursor: pointer;
  transition: all 0.2s ease;
  top: -1.9rem;
  margin-top: -10px;
  padding: 0;
  outline: none;
}
.slick-prev:before,
.slick-next:before {
  transition: all 0.2s ease;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
  background: #ece4bb;
  border: #ece4bb;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "fontAwesome";
  font-size: 18px;
  line-height: 1;
  color: rgb(10, 10, 5);
  opacity: 0.9;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  top: 1.5rem;
  left: 2rem;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "\F177";
}
[dir=rtl] .slick-prev:before {
  content: "\F178";
}
.slick-next {
  top: 1.5rem;
  right: 2rem;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "\F178";
}
[dir=rtl] .slick-next:before {
  content: "\F177";
}
/*
 *  Remodal - v0.6.3
 *  Flat, responsive, lightweight, easy customizable modal window plugin with declarative state notation and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  visibility: hidden;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-transform: translateZ(0px);
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  display: inline-block;
}

/* Anti-zoom. Font-size should be >= 16px. */
.remodal select,
.remodal textarea,
.remodal input,
.remodal select:focus,
.remodal textarea:focus,
.remodal input:focus {
  font-size: 16px;
}

/* ==========================================================================
   Remodal default theme
   ========================================================================== */
/* Default theme font */
/* Background for effects */
.remodal-bg {
  transition: filter 0.2s ease-out;
}

body.remodal-is-active .remodal-bg {
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  transition: opacity 0.2s ease-out;
  opacity: 0;
  background: rgba(255, 255, 255, 0.98);
}

body.remodal-is-active .remodal-overlay {
  opacity: 1;
}

/* Default theme styles of the modal dialog */
.remodal {
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  padding: 35px;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  transform: scale(0.95);
  opacity: 0;
  background-clip: padding-box;
}

body.remodal-is-active .remodal {
  transform: scale(1);
  opacity: 1;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: relative;
  top: -2rem;
  right: 5px;
  text-decoration: none;
  cursor: pointer;
  font-size: 80.25%;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: bold;
}

.remodal-close:after {
  display: block;
  cursor: pointer;
  transition: all 0.2s ease-out;
  text-decoration: none;
}

.remodal-close:hover.remodal-close:after,
.remodal-close:active.remodal-close:after {
  color: #f4f4f4;
}

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 40.063em) {
  .remodal {
    min-height: 0;
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F021242E, endColorstr=#F021242E);
}

.lt-ie9 .remodal {
  width: 700px;
  min-height: 0;
  margin: 20px auto;
}

.lt-ie9 .remodal-close:after {
  margin: auto;
  text-align: center;
}

.lt-ie9 .remodal-close:hover,
.lt-ie9 .remodal-close:active {
  background: transparent;
}

.lt-ie9 .remodal-close:hover.remodal-close:after,
.lt-ie9 .remodal-close:active.remodal-close:after {
  color: #3e5368;
}

.Cookie {
  background: #585858;
  bottom: 15px;
  max-width: 465px;
  padding: 25px 20px;
  position: fixed;
  right: 50%;
  text-align: center;
  transform: translateX(50%);
  transition: opacity 0.75s;
  width: calc(100% - 70px);
  z-index: 999999;
}
.Cookie.is-invisible {
  opacity: 0;
}
.Cookie.is-hidden {
  display: none;
}
.Cookie-button {
  display: flex;
  justify-content: center;
}
.Cookie-button a,
.Cookie-button a:visited {
  color: #114f7f;
}
.Cookie-button a {
  background: #ededed;
  display: block;
  flex-grow: 0;
  font-family: "CantarellBold", Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #fff;
}
.Cookie-button a:hover {
  opacity: 0.8;
  transition: opacity 0.75s;
}
.Cookie-content {
  margin: 0 0 25px;
}
.Cookie-content a,
.Cookie-content a:visited {
  color: white;
}
.Cookie-content, .Cookie-content p {
  color: white;
}
.Cookie-content p {
  margin: 0;
}
@media (min-width: 780px) {
  .Cookie {
    right: 15px;
    transform: none;
    width: 465px;
  }
}

/**
* Header
* modules/_header.scss
*
* 1. Header
*/
/**
* @Header
*/
.Nav {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 48px;
  background: #191d20;
  z-index: 13;
}
@media (min-width: 61.25em) {
  .Nav {
    height: 0;
    background: transparent;
  }
  .Nav-icon {
    display: none;
  }
}
.Nav-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 12px;
  margin: 0;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
.Nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #FFF;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.Nav-icon span:nth-child(1) {
  top: 0px;
}
.Nav-icon span:nth-child(2) {
  top: 12px;
}
.Nav-icon span:nth-child(3) {
  top: 12px;
}
.Nav-icon span:nth-child(4) {
  top: 24px;
}
.Nav-icon.open span:nth-child(1) {
  top: 14px;
  width: 0%;
  left: 50%;
}
.Nav-icon.open span:nth-child(2) {
  transform: rotate(45deg);
}
.Nav-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.Nav-icon.open span:nth-child(4) {
  top: 14px;
  width: 0%;
  left: 50%;
}
.Nav-items {
  position: relative;
  z-index: 1;
  width: 100%;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
}
.Nav-items ul {
  display: table;
  width: 100%;
  background: #191d20;
}
@media (min-width: 61.25em) {
  .Nav-items ul {
    background: transparent;
  }
}
.Nav-items ul li {
  width: 100%;
  background: #191d20;
  transition: border-color 300ms, background 300ms;
}
.Nav-items ul li.active {
  background: transparent;
}
.Nav-items ul li.active a {
  color: #fefefe;
}
@media (max-width: 61.24em) and (orientation: landscape) {
  .Nav-items ul li {
    float: left;
    width: 50%;
  }
}
@media (min-width: 61.25em) {
  .Nav-items ul li {
    width: auto;
    display: table-cell;
  }
}
.Nav-items ul li:hover {
  background: transparent;
}
.Nav-items ul li:last-child {
  border-right: none;
}
.Nav-items ul li a {
  width: 100%;
  color: #fefefe;
  padding: 1.5rem 0rem;
  text-align: center;
  display: block;
}
@media (min-width: 61.25em) {
  .Nav-items ul li a {
    position: relative;
  }
}
@media (min-width: 81.25em) {
  .Nav-items ul li a {
    padding: 1.5rem 2.5rem;
  }
}
.Nav-items ul li a div {
  transition: all 0.3s ease;
  opacity: 1;
  position: relative;
  top: 0;
}
.Nav-items ul li a svg {
  transition: all 0.3s ease;
  opacity: 0;
  position: absolute;
  width: 150px;
  height: 33px;
  transform: translate3d(0, -75px, 0);
  left: 20%;
}
.Nav-items ul li.home a {
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
  margin-right: 4rem;
}
@media (min-width: 61.25em) {
  .Nav-items ul li.logo a div {
    transform: translateY(40px);
    transform: translate3d(0, 40px, 0);
    opacity: 0;
  }
}
@media (min-width: 61.25em) {
  .Nav-items ul li.logo a svg {
    transform: translateY(-26px);
    transform: translate3d(0, -26px, 0);
    height: 33px;
    width: 150px;
    opacity: 1;
    display: block;
  }
  .Nav-items ul li.logo a svg path {
    fill: #fefefe;
  }
}
.Nav-items ul li.logo a:hover svg path {
  fill: rgb(10, 10, 5);
}
.Nav-items ul.content {
  background: #ece4bb;
}
@media (max-width: 61.24em) {
  .Nav-items ul.content {
    background: #191d20;
    color: #fefefe;
  }
}
@media (min-width: 61.25em) {
  .Nav-items ul.content li a:hover {
    color: rgb(10, 10, 5);
  }
}
.Nav-items ul.content li.active {
  background: #ece4bb;
}
.Nav-items ul.content li.active a {
  color: rgb(10, 10, 5);
}

@media (min-width: 61.25em) {
  .Homepage .Homebar-item svg path {
    fill: rgb(10, 10, 5) !important;
  }
}

/**
* Footer
* modules/_footer.scss
*/
.Footer {
  background: #191d20;
  font-family: "sofia-pro", sans-serif;
}
.Footer a:hover {
  color: #ece4bb;
}
.Footer-links svg {
  float: left;
  width: clamp(60px, 17.5vw, 90px);
  height: auto;
  top: -18px;
  margin: 0 0.6rem 2rem 0;
  position: relative;
}
@media (min-width: 46.25em) {
  .Footer-links svg {
    width: 144px;
    height: 144px;
    top: -28px;
  }
}
.Footer-links svg path {
  fill: #fefefe;
}
.Footer-links .links {
  padding-top: 1rem;
  width: 100%;
}
@media (min-width: 61.25em) {
  .Footer-links .links ul li {
    border-right: 1px solid #24292e;
  }
}
.Footer-links .links ul li:last-child {
  border-right: none;
}
.Footer-links .links ul li:last-child a {
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  color: #ece4bb;
}
.Footer-links .links ul li a {
  color: #fefefe;
  position: relative;
  padding: 0.4rem 0rem;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 0.6875rem;
  text-align: center;
  display: block;
  padding: 0rem 0.4rem;
}
@media (min-width: 61.25em) {
  .Footer-links .links ul li a {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 1.5rem 1.5rem;
  }
}
@media (min-width: 81.25em) {
  .Footer-links .links ul li a {
    padding: 1.5rem 2.5rem;
  }
}
.Footer-links .links ul li a:hover {
  color: #ece4bb;
}
.Footer-links .links .links-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em;
}
.Footer-links .links .lp-link {
  width: 100%;
}
.Footer-links .links .lp-link-text {
  bottom: 0;
  color: #ece4bb;
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  left: 0;
  letter-spacing: normal;
  margin: 0;
  position: absolute;
  right: auto;
  text-align: left;
  text-transform: none;
  text-wrap: balance;
  transform: translateY(115%);
  width: 100%;
}
.Footer-links .links .lp-link-wrap {
  display: block;
  position: relative;
  text-align: left;
}
.Footer-info {
  padding: 0 36px;
}
@media (min-width: 46.25em) {
  .Footer-info {
    padding: 0;
  }
}
.Footer-info div {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  font-size: 1rem;
  color: #fefefe;
}
.Footer-info div:first-child {
  margin-left: auto;
}
.Footer-info div:last-child {
  margin-right: auto;
}
@media (min-width: 46.25em) {
  .Footer-info div {
    float: left;
    clear: none;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .Footer-info div:nth-of-type(3n) {
    margin-right: 0%;
    float: right;
  }
  .Footer-info div:nth-of-type(3n + 1) {
    clear: both;
  }
}
.Footer-info div strong {
  width: 100%;
  display: block;
  padding: 0 0 0.4rem 0;
  margin: 1.4rem 0 0.8rem 0;
  border-bottom: 1px solid #24292e;
}
.Footer-info div a {
  font-size: 14px;
  font-size: 0.875rem;
  color: #fefefe;
  text-decoration: underline;
  letter-spacing: 0.06rem;
}
.Footer-info div a.readmore {
  text-decoration: none !important;
}
.Footer-info div i {
  width: 34px;
  height: 34px;
  background: transparent;
  border: 2px solid #FFF;
  border-radius: 17px;
  padding: 0.4rem 0.5rem;
  float: left;
  font-size: 18px;
  font-size: 1.125rem;
  margin-right: 1.4rem;
  margin-top: 0.5rem;
}
.Footer-info div i:hover {
  border-color: #ece4bb;
}
.Footer-info div:last-child {
  margin-top: 1.4rem;
}
.Footer-info.callout {
  padding-top: 5rem;
}
.Footer-info-links a {
  font-weight: 400;
}
.Footer-site-credit {
  color: #d3d3d3;
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 61.25em) {
  .Footer-site-credit {
    text-align: left;
    float: left;
  }
}
.Footer-site-credit svg {
  width: 15px;
  height: 15px;
  margin-bottom: -2px;
}
.Footer-site-credit svg path {
  fill: #ece4bb;
}
.Footer-site-credit a {
  font-weight: 900;
  vertical-align: bottom;
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0 !important;
}
.Footer-legal {
  padding: 3rem 36px;
  text-align: right;
  color: #d3d3d3;
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 46.25em) {
  .Footer-legal {
    padding: 3rem 0;
  }
}
.Footer-legal a {
  color: #d3d3d3;
  margin-left: 0.4rem;
}
@media (min-width: 46.25em) {
  .Footer-legal br {
    display: none;
  }
  .Footer-legal a {
    margin-left: 2rem;
  }
}
@media (min-width: 380px) {
  .Footer-info.callout {
    padding-top: 4rem;
  }
}
@media (min-width: 780px) {
  .Footer-links .links .lp-link {
    width: auto;
  }
  .Footer-links .links .lp-link-text {
    left: auto;
    max-width: 450px;
    right: 0;
    text-align: right;
    text-wrap: balance;
    width: 50vw;
  }
}

.Learn-item {
  position: relative;
  height: 296px;
  transition: all 0.4s ease;
  background: #f7f6ef;
  text-align: center;
}
.Learn-item .item-wrap {
  position: relative;
  top: 5.2rem;
}
.Learn-item a {
  font-family: "sofia-pro", sans-serif;
  color: #666666;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
}
.Learn-item a:before {
  background: #666666;
}
.Learn-item h2 {
  font-size: 34px;
  font-size: 2.125rem;
}
.Learn-item:hover {
  background: #ece4bb;
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.4.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2015 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.chosen-container * {
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: linear-gradient(to top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../img/chosen/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/chosen/chosen-sprite.png") no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type=text] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url("../img/chosen/chosen-sprite.png") no-repeat 100% -20px;
  background: url("../img/chosen/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 0px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("../img/chosen/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type=text] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type=text] {
  padding: 4px 5px 4px 20px;
  background: white url("../img/chosen/chosen-sprite.png") no-repeat -30px -20px;
  background: url("../img/chosen/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type=text],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type=text],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("../img/chosen/chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
.TextListing {
  background: #ece4bb;
  padding: 30px 15px 15px;
}
.TextListing strong {
  font-weight: bold;
}
.TextListing-item {
  margin-bottom: 15px;
}
@media only screen and (min-width: 750px) {
  .TextListing {
    -moz-column-count: 2;
         column-count: 2;
    padding: 30px 45px;
  }
}

.GridI {
  background: #f7f7f5;
  border-bottom: solid 2px #ece4bb;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding-bottom: 3rem;
  padding-top: 3rem;
  position: relative;
}
.GridI-container {
  background: white;
  display: grid;
  grid-template-columns: auto;
  gap: 20px;
}
.GridI-Heading {
  text-align: center;
}
.GridI .hover-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.GridI .hover-content .cs-logo-hover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 121px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.GridI .hover-content a {
  position: relative;
  z-index: 2;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  opacity: 1;
  transition: all 0.2s ease;
}
.GridI .initial {
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  left: 0;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
}
.GridI .initial-logo {
  display: block;
  max-width: 100%;
  width: 100%;
}
.GridI .initial .cs-logo-init {
  overflow: hidden;
}
.GridI .initial .cs-logo-init img {
  width: auto;
  height: 100px;
  margin: 0 auto;
}
.GridI .initial h2 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  padding: 3rem 1rem 0;
  margin: 0;
}
.GridI .initial a {
  display: block;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #08604e;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}
.GridI .hover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  vertical-align: top;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.GridI .hover .hover-content {
  cursor: pointer;
  display: block;
  background: rgba(0, 96, 78, 0.9);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.GridI:hover .hover {
  opacity: 1;
}
.GridI:hover .hover::after {
  content: "";
  z-index: -1;
  width: 50%;
  height: 0.3rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px/5px;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: -0.2rem;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: delayAfter 0.2s;
}
@media (min-width: 46.25em) {
  .GridI-container {
    grid-template-columns: 1fr 1fr;
  }
  .GridI-container::before, .GridI-container::after {
    display: none;
  }
}
@media (min-width: 61.25em) {
  .GridI-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.embed-vimeo iframe {
  aspect-ratio: 640/360;
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 640px;
}
.embed-vimeo > p {
  display: none;
}

/**
* Common
* views/_common.scss
*/
body {
  font-family: "adriane", serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  background-color: #fefefe;
  height: auto !important;
}

.callout {
  position: relative;
  padding: 4rem 36px;
}
.callout h3 {
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 0.06rem;
  color: #08604e;
  text-align: center;
  padding: 1.6rem 0;
  font-weight: 700;
}
.callout .row {
  width: auto;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.callout .row .copy {
  text-align: center;
  width: auto;
  max-width: 840px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  line-height: 1.8rem;
}

.Signup {
  background-color: #f7f6ef;
  text-align: center;
  padding-bottom: 4rem;
}
.Signup h1 {
  margin-top: 0;
  margin-bottom: 3rem;
}
.Signup-form {
  position: relative;
  padding: 0.4rem 3rem 2rem 3rem;
}
.Signup-form .row:last-child {
  margin-top: 1rem;
}
.Signup-form .row .input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  overflow: hidden;
  padding-top: 2rem;
}
.Signup-form .row .input--field {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 0%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  width: 100%;
  background: transparent;
  opacity: 0;
  padding: 0.5rem;
  z-index: 100;
  color: #515151;
  font-family: "sofia-pro", sans-serif;
  -webkit-appearance: none;
}
.Signup-form .row .input--field:focus {
  outline: none;
}
.Signup-form .row .textarea--field {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  width: 100%;
  background: transparent;
  padding: 0.5rem;
  z-index: 100;
  color: #515151;
  font-family: "sofia-pro", sans-serif;
  -webkit-appearance: none;
}
.Signup-form .row .textarea--field:focus {
  outline: none;
}
.Signup-form .row .input--label {
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 100%;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  text-align: left;
  color: #a8a7a0;
  padding: 0.5rem 0;
  color: #a8a7a0;
  font-weight: bold;
  font-size: 75.25%;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.Signup-form .row .input--label-content {
  position: relative;
  display: block;
  padding: 0.5em 0;
  transform-origin: 0% 100%;
  transition: transform 0.4s, color 0.4s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  width: 100%;
}
.Signup-form .row .input--label::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4em;
  top: 100%;
  left: 0;
  background: #fff;
  border-top: 2px solid #a8a7a0;
  transform: translate3d(0, -3px, 0);
  transition: transform 0.4s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.Signup-form .row .input--field:focus,
.Signup-form .row .input--filled .input--field {
  cursor: text;
  opacity: 1;
  transition: opacity 0s 0.4s;
}
.Signup-form .row .input--field:focus + .input--label::before,
.Signup-form .row .input--filled .input--label::before {
  transition-delay: 0.05s;
  transform: translate3d(0, -3.3em, 0);
  border-top-color: #ece4bb;
}
.Signup-form .row .input--field:focus + .input--label .input--label-content,
.Signup-form .row .input--filled .input--label-content {
  color: #a8a7a0;
  transform: translate3d(0, -2.8em, 0) scale3d(0.81, 0.81, 1);
}
.Signup a {
  color: #373737;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  display: inline-block;
  margin-top: 2rem;
}
.Signup a:before {
  background: #373737;
}
@media (min-width: 46.25em) {
  .Signup h1 {
    margin-bottom: 1rem;
  }
}
@media (min-width: 46.25em) {
  .Signup-form {
    width: 85%;
  }
  .Signup .row {
    float: left;
    clear: none;
    width: 46.2822966507%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .Signup .row:last-child {
    margin-right: 0%;
  }
  .Signup .row:last-child {
    margin-right: 0rem;
    margin-top: 0;
  }
  .Signup a {
    margin-top: 0.7rem;
  }
  .Signup button {
    padding-bottom: 8px;
    font-family: "sofia-pro", sans-serif;
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 700;
    position: absolute;
    right: -4rem;
    top: 2rem;
    color: rgb(10, 10, 5);
    letter-spacing: 0.06rem;
  }
  .Signup button:after {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    transition: transform 0.2s ease;
    font-family: "FontAwesome";
    content: "\F178";
    display: inline-block;
    padding: 0 0 0 0.4em;
  }
  .Signup button .icon {
    display: inline-block;
    padding-right: 0.5em;
  }
  .Signup button:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 102%;
    height: 2px;
    opacity: 0;
    transform: translateY(5px);
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none;
  }
  .Signup button.hover:before, .Signup button:hover:before {
    opacity: 1;
    transform: translateY(0px);
  }
  .Signup button.hover:after, .Signup button:hover:after {
    opacity: 1;
    transform: translateY(0px);
    transform: translateX(0.4em);
  }
}

@media (min-width: 46.25em) {
  .Contact-overview {
    float: left;
    clear: none;
    width: 48%;
    margin-left: 0%;
    margin-right: 4%;
  }
  .Contact-overview:nth-of-type(2n) {
    margin-right: 0%;
    float: right;
  }
  .Contact-overview:nth-of-type(2n + 1) {
    clear: both;
  }
}
.Contact-overview h1 {
  color: rgb(10, 10, 5);
}
.Contact-overview h1:after {
  content: "";
  display: block;
  width: 4rem;
  height: 5px;
  background: #ece4bb;
  top: 100%;
  left: 0px;
  margin: 2rem 0;
}
.Contact-form {
  position: relative;
  background: #f7f7f5;
  background-image: url("../img//team/box-bg.png");
  background-repeat: no-repeat;
  padding: 0.4rem 3rem 2rem 3rem;
}
@media (min-width: 46.25em) {
  .Contact-form {
    float: left;
    clear: none;
    width: 48%;
    margin-left: 0%;
    margin-right: 4%;
  }
  .Contact-form:nth-of-type(2n) {
    margin-right: 0%;
    float: right;
  }
  .Contact-form:nth-of-type(2n + 1) {
    clear: both;
  }
}
.Contact-form .row {
  *zoom: 1;
}
.Contact-form .row:before, .Contact-form .row:after {
  content: "";
  display: table;
}
.Contact-form .row:after {
  clear: both;
}
.Contact-form .row .input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  overflow: hidden;
  padding-top: 2rem;
}
.Contact-form .row .input.half {
  float: left;
  clear: none;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
}
.Contact-form .row .input.half:last-child {
  margin-right: 0%;
}
.Contact-form .row .input.half:last-child {
  margin-right: 0;
}
.Contact-form .row .input .input--field {
  position: relative;
  display: block;
  float: right;
  padding: 0.8em;
  width: 60%;
  border: none;
  border-radius: 0;
  background: #f0f0f0;
  width: 100%;
  background: transparent;
  opacity: 0;
  padding: 0.5rem;
  z-index: 100;
  color: #515151;
  font-family: "sofia-pro", sans-serif;
  -webkit-appearance: none;
}
.Contact-form .row .input .input--field:focus {
  outline: none;
}
.Contact-form .row .input .textarea--field {
  position: relative;
  display: block;
  float: right;
  width: 60%;
  max-height: 2.4rem;
  border: none;
  overflow: hidden;
  border-radius: 0;
  background: #f0f0f0;
  width: 100%;
  background: transparent;
  padding: 0.5rem;
  z-index: 100;
  color: #515151;
  font-family: "sofia-pro", sans-serif;
  -webkit-appearance: none;
  box-shadow: none;
}
.Contact-form .row .input .textarea--field:focus {
  outline: none;
}
.Contact-form .row .input .input--label {
  display: inline-block;
  float: right;
  padding: 0 1em;
  width: 100%;
  bottom: 0;
  position: absolute;
  pointer-events: none;
  text-align: left;
  color: #a8a7a0;
  padding: 0.5rem 0;
  color: #a8a7a0;
  font-weight: bold;
  font-size: 75.25%;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.Contact-form .row .input .input--label-content {
  position: relative;
  display: block;
  padding: 0.5em 0;
  transform-origin: 0% 100%;
  transition: transform 0.4s, color 0.4s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  width: 100%;
}
.Contact-form .row .input .input--label::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4em;
  top: 100%;
  left: 0;
  background: #fff;
  border-top: 2px solid #a8a7a0;
  transform: translate3d(0, -3px, 0);
  transition: transform 0.4s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.Contact-form .row .input--field:focus,
.Contact-form .row .input--filled .input--field {
  cursor: text;
  opacity: 1;
  transition: opacity 0s 0.4s;
}
.Contact-form .row .input--field:focus + .input--label::before,
.Contact-form .row .input--filled .input--label::before {
  transition-delay: 0.05s;
  transform: translate3d(0, -3.3em, 0);
  border-top-color: #ece4bb;
}
.Contact-form .row .input--field:focus + .input--label .input--label-content,
.Contact-form .row .input--filled .input--label-content {
  color: #a8a7a0;
  transform: translate3d(0, -2.8em, 0) scale3d(0.81, 0.81, 1);
}
.Contact-form .row .chosen-with-drop .chosen-drop {
  visibility: visible !important;
  opacity: 1 !important;
}
.Contact-form .row .menu {
  /* Size and position */
  z-index: 1;
  display: inline-block;
  position: relative;
  width: 100% !important;
  margin-top: 1.4rem;
  padding: 8px 20px;
  color: #a8a7a0;
  font-weight: bold;
  font-size: 70.25%;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  border: 2px solid #a8a7a0;
  cursor: pointer;
  outline: none;
  /*&:after {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -3px;
      border-width: 6px 6px 0 6px;
      border-style: solid;
      border-color: #a8a7a0 transparent;
  }*/
}
@media (min-width: 61.25em) {
  .Contact-form .row .menu {
    width: 60% !important;
  }
}
.Contact-form .row .menu a {
  color: #a8a7a0;
  font-weight: bold;
  font-size: 99.25%;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
}
.Contact-form .row .menu .chosen-single {
  padding: 0 !important;
  height: auto !important;
  border: 0 !important;
  box-shadow: none !important;
  background: none;
}
.Contact-form .row .menu .dropdown {
  position: absolute;
  left: -2px;
  right: -2px;
  top: 100%;
  background: white;
  border: inherit;
  border-top: none;
  list-style: none;
  transition: opacity 0.3s ease;
  margin-top: 0;
  width: initial;
  visibility: hidden;
  opacity: 0;
}
.Contact-form .row .menu .dropdown .chosen-results {
  padding: 0;
  margin: 0;
}
.Contact-form .row .menu .dropdown .highlighted {
  background: none;
}
.Contact-form .row .menu .dropdown li {
  margin: 0 0.75rem;
  padding: 1rem 1.25rem;
  color: #a8a7a0;
  border-bottom: solid 1px #a8a7a0;
}
.Contact-form .row .menu .dropdown li:last-child {
  border-bottom: 0;
}
.Contact-form .row .menu .dropdown li .highlighted {
  background: none;
}
.Contact-form .row .menu .dropdown li label {
  display: block;
  padding: 10px 10px 10px 20px;
  border-bottom: 1px solid #a8a7a0;
  transition: all 0.3s ease-out;
}
.Contact-form .row .menu .dropdown li:last-of-type label {
  border: none;
}
.Contact-form .row .menu .dropdown li input {
  position: absolute;
  display: block;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.Contact-form .row .menu .dropdown li input:checked ~ label {
  color: #08604e;
}
.Contact-form .row .menu .dropdown li:hover {
  background: #f0f0f0;
}
.Contact-form .row .menu.active:after {
  border-width: 0 6px 6px 6px;
}
.Contact-form .row .menu.active .dropdown {
  opacity: 1;
  pointer-events: auto;
}
.Contact-form .row .no-opacity .menu .dropdown,
.Contact-form .row .no-pointerevents .menu .dropdown {
  display: none;
  opacity: 1;
  pointer-events: auto;
}
.Contact-form .row .no-opacity .menu.active .dropdown,
.Contact-form .row .no-pointerevents .menu.active .dropdown {
  display: block;
}
.Contact-form .row .errors-container--half {
  clear: both;
  padding: 1rem 1rem;
  background-color: #671313;
  float: left;
  clear: none;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
}
.Contact-form .row .errors-container--half:last-child {
  margin-right: 0%;
}
.Contact-form .row .errors-container--half:last-child {
  margin-right: 0;
}
.Contact-form .row .errors-container--half .errors {
  font-weight: bold;
  font-size: 70%;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  color: #fff;
}
.Contact-form .row .errors-container {
  padding: 1rem 1rem;
  background-color: #671313;
}
.Contact-form .row .errors-container .errors {
  font-weight: bold;
  font-size: 70%;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  color: #fff;
}
.Contact-form:after {
  content: "";
  z-index: 0;
  width: 50%;
  height: 1rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px/5px;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: -0.4rem;
  z-index: -1;
}
.Contact-form button {
  padding-bottom: 8px;
  font-family: "sofia-pro", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  width: auto;
  max-width: 300px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  margin-top: 1rem;
  letter-spacing: 0.06rem;
}
@media (min-width: 61.25em) {
  .Contact-form button {
    position: absolute;
    right: 0;
    bottom: 0rem;
    margin: 0 2rem 2rem;
  }
}
.Contact-form button:after {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  transition: transform 0.2s ease;
  font-family: "FontAwesome";
  content: "\F178";
  display: inline-block;
  padding: 0 0 0 0.4em;
}
.Contact-form button .icon {
  display: inline-block;
  padding-right: 0.5em;
}
.Contact-form button:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 102%;
  height: 2px;
  opacity: 0;
  transform: translateY(5px);
  transition: transform 0.3s, opacity 0.3s;
  pointer-events: none;
}
.Contact-form button.hover:before, .Contact-form button:hover:before {
  opacity: 1;
  transform: translateY(0px);
}
.Contact-form button.hover:after, .Contact-form button:hover:after {
  opacity: 1;
  transform: translateY(0px);
  transform: translateX(0.4em);
}
.Contact--hasText .Contact-overview {
  float: none;
  margin: 0;
  width: 100%;
}
.Contact--hasText .Contact-overview h1::after {
  margin: auto;
}
.Contact--hasText .Contact-overview-text {
  line-height: 35px;
  margin: auto;
  text-align: center;
}
@media (min-width: 960px) {
  .Contact--hasText .Contact-overview-text {
    width: 50%;
  }
}

.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none;
}
.nav-collapse li {
  width: 100%;
  display: block;
}
.nav-collapse .opened {
  max-height: 9999px;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: absolute;
}

@media (min-width: 61.25em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}
.Experience-item {
  position: relative;
  height: 296px;
  transition: all 0.4s ease;
  background: #f7f6ef;
  text-align: center;
}
.Experience-item .item-wrap {
  position: relative;
  top: 3rem;
  padding: 0;
}
@media (min-width: 28.9375em) {
  .Experience-item .item-wrap {
    top: 3.5rem;
    padding: 0 1rem 1rem;
  }
}
@media (min-width: 46.25em) {
  .Experience-item .item-wrap {
    position: relative;
    top: 5.2rem;
    padding: 0;
  }
}
.Experience-item a {
  font-family: "sofia-pro", sans-serif;
  color: #666666;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
}
.Experience-item a:before {
  background: #666666;
}
.Experience-item h2 {
  font-size: 34px;
  font-size: 2.125rem;
}
.Experience-item:hover {
  background: #ece4bb;
}

/**
* Index
* views/_index.scss
*
* 1. Hero
*/
.home .content svg path {
  fill: rgb(10, 10, 5);
}
.home .Hero {
  background-image: url("../img//home/hero-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
  max-height: 720px;
  padding: 4rem 2rem;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .home .Hero {
    background-image: url("../img//home/hero-1@2x.jpg");
  }
}
@media (min-width: 46.25em) {
  .home .Hero {
    background-position: 0 0;
  }
}
@media (min-width: 46.25em) {
  .home .Hero {
    padding: 8rem 2rem 3rem 2rem;
  }
}
.home .Hero-logo img {
  animation-delay: 300ms;
}
.home .Hero h1 {
  color: #fefefe;
  font-size: 48px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.8rem;
  letter-spacing: -0.15rem;
}
@media (min-width: 46.25em) {
  .home .Hero h1 {
    font-size: 84px;
    font-size: 5.25rem;
    line-height: 4.8rem;
    margin-top: 60px;
    margin-bottom: 1rem;
  }
}
.home .Hero a {
  color: #fefefe;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
}
.home .Hero a:before {
  background: #fefefe;
}
.home .Hero-blurb .title {
  float: left;
  color: #FFF;
  opacity: 0.4;
  filter: alpha(opacity=40);
  font-size: 15px;
  font-size: 0.9375rem;
}
.home .Hero-blurb .title .slash {
  float: right;
  font-size: 40px;
  font-size: 2.5rem;
  position: relative;
  top: -16px;
  left: 6px;
}
.home .Hero-blurb .desc {
  color: #ece4bb;
  font-family: "sofia-pro", sans-serif;
  position: relative;
  top: -7px;
  left: 20px;
  font-size: 15px;
  font-size: 0.9375rem;
}
@media (min-width: 28.9375em) {
  .home .Hero-blurb .desc {
    font-size: 16px;
    font-size: 1rem;
    top: -1px;
    width: 100%;
  }
}
.home .Invest {
  background: #f7f7f5;
  margin: 0 auto;
}
.home .Invest img {
  width: 75px;
  padding: 0 0 2rem 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.home .About {
  position: relative;
  height: 100%;
  padding-top: 0;
  *zoom: 1;
}
.home .About:before {
  position: absolute;
  background: #f7f7f5;
  top: 0;
  left: 0;
  height: 41rem;
  width: 100%;
}
.home .About:before, .home .About:after {
  content: "";
  display: table;
}
.home .About:after {
  clear: both;
}
.home .About-col {
  *zoom: 1;
  display: block;
  clear: both;
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.home .About-col:before, .home .About-col:after {
  content: "";
  display: table;
}
.home .About-col:after {
  clear: both;
}
.home .About-col:first-child {
  margin-left: auto;
}
.home .About-col:last-child {
  margin-right: auto;
}
@media (min-width: 46.25em) {
  .home .About-col {
    float: left;
    clear: none;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .home .About-col:nth-of-type(2n) {
    float: right;
  }
  .home .About-col:nth-of-type(2n + 1) {
    clear: both;
  }
}
.home .About-col h2 {
  font-size: 40px;
  font-size: 2.5rem;
  line-height: 3rem;
  margin: 0;
}
.home .About-col h4 {
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: uppercase;
  font-family: "sofia-pro", sans-serif;
  letter-spacing: 0.06rem;
  color: #999999;
  font-weight: 600;
  margin: 0 0 0.4rem 0;
}
.home .About-col p {
  font-family: "sofia-pro", sans-serif;
  line-height: 1.8rem;
}
.home .About-col.hover {
  cursor: pointer;
}
.home .About-col.partner {
  position: relative;
  background: url("../img/backgrounds/bg-partner-2020.jpg") no-repeat;
  background-size: cover;
  height: 510px;
  color: #fefefe;
}
@media (min-width: 46.25em) {
  .home .About-col.partner {
    margin-bottom: 7rem;
    height: 600px;
  }
}
.home .About-col.partner .cover {
  position: absolute;
  bottom: 0;
  padding: 4rem 36px;
}
@media (min-width: 46.25em) {
  .home .About-col.partner .cover {
    padding: 3rem 4rem 4rem 4rem;
  }
}
.home .About-col.partner a {
  color: #fefefe;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
}
.home .About-col.partner a:before {
  background: #fefefe;
}
.home .About-col.criteria {
  position: relative;
  background: url("../img/backgrounds/bg-strategy.jpg") no-repeat;
  background-size: cover;
  height: 550px;
  color: #373737;
}
@media (min-width: 46.25em) {
  .home .About-col.criteria {
    height: 600px;
  }
}
.home .About-col.criteria .cover {
  position: absolute;
  top: 0;
  background-color: rgba(236, 228, 187, 0.95);
  width: 86%;
  padding: 4rem 36px;
}
@media (min-width: 61.25em) {
  .home .About-col.criteria .cover {
    padding: 3rem 8rem 4rem 4rem;
  }
}
.home .About-col.criteria a {
  color: #373737;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
}
.home .About-col.criteria a:before {
  background: rgb(10, 10, 5);
}
.home .About-col.strategy {
  position: relative;
  text-align: center;
  background: #f7f6ef;
  color: #373737;
}
@media (min-width: 46.25em) {
  .home .About-col.strategy {
    height: 600px;
  }
}
.home .About-col.strategy .cover {
  padding: 4rem 36px;
}
@media (min-width: 61.25em) {
  .home .About-col.strategy .cover {
    padding: 8rem 4rem 4rem 4rem;
  }
}
.home .About-col.strategy a {
  color: rgb(10, 10, 5);
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
}
.home .About-col.strategy a:before {
  background: rgb(10, 10, 5);
}
.home .About-col.about-meet {
  position: relative;
  text-align: center;
  height: 100%;
}
@media (min-width: 46.25em) {
  .home .About-col.about-meet {
    height: 600px;
  }
}
.home .About-col.about-meet .about {
  background: url("../img/backgrounds/bg-about.jpg") no-repeat;
  color: #fefefe;
  height: 50%;
  padding: 6rem 0;
}
@media (min-width: 46.25em) {
  .home .About-col.about-meet .about {
    padding: 8rem 0rem 0rem 0rem;
  }
}
.home .About-col.about-meet .about h4 {
  color: #fefefe;
}
.home .About-col.about-meet .about a {
  line-height: 5rem;
  color: #fefefe;
}
.home .About-col.about-meet .about a:before {
  background: #fefefe;
}
.home .About-col.about-meet .meet {
  height: 50%;
  position: relative;
}
@media (min-width: 61.25em) {
  .home .About-col.about-meet .meet .col {
    float: left;
    clear: none;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .home .About-col.about-meet .meet .col:nth-of-type(2n) {
    float: right;
  }
  .home .About-col.about-meet .meet .col:nth-of-type(2n + 1) {
    clear: both;
  }
}
.home .About-col.about-meet .meet .col.link {
  color: #373737;
  height: 100%;
  padding: 4rem 36px 0;
}
@media (min-width: 46.25em) {
  .home .About-col.about-meet .meet .col.link {
    padding: 6rem 4rem 4rem 4rem;
  }
}
.home .About-col.about-meet .meet .col.link a {
  line-height: 5rem;
}
.home .About-col.about-meet .meet .col.link a:before {
  background: rgb(10, 10, 5);
}
.home .About-col.about-meet .meet .col.team {
  height: 100%;
  background: url("../img/backgrounds/bg-team.jpg") no-repeat;
}
@media (max-width: 61.24em) {
  .home .About-col.about-meet .meet .col.team {
    display: none;
  }
}
.home .About-col.about-meet a {
  color: rgb(10, 10, 5);
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
}
.home .Testimonials {
  padding: 0 0 4rem 0;
}
@media (min-width: 46.25em) {
  .home .Testimonials {
    padding: 4rem 0;
  }
}
.home .Testimonials-quote {
  text-align: center;
  font-size: 80px;
  font-size: 5rem;
  color: #ece4bb;
  font-family: sans;
  margin: 0;
  padding: 0;
  height: 40px;
  font-weight: 700;
}
.home .Testimonials-item {
  color: #b3b3b3;
}
.home .Testimonials-item.slick-center {
  transition: all 0.4s ease;
  color: #333333;
  font-size: 18px;
  font-size: 1.125rem;
}
.home .Testimonials-item blockquote {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "adriane", serif;
  font-style: italic;
  text-align: center;
}
.home .Testimonials-item cite {
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: 0.06rem;
  color: #08604e;
  text-align: center;
  padding: 0rem 0;
  font-weight: 700;
  font-style: normal;
  width: 100%;
  display: block;
}
.home .Testimonials-item cite .title {
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: none;
  font-family: "sofia-pro", sans-serif;
  letter-spacing: 0.06rem;
  color: #999999;
  font-weight: 600;
  margin: 0 0 0.4rem 0;
}
.home .Testimonials-more {
  text-align: center;
  width: 100%;
  margin: 2rem 0 2rem 0;
}
.home .Testimonials-more a {
  color: rgb(10, 10, 5);
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
}
.home .Testimonials-more a:before {
  background: rgb(10, 10, 5);
}
.home .Testimonials .slick-slider, .home .Testimonials-arrows {
  text-align: center;
}
.home .Testimonials .slick-slider .slick-prev,
.home .Testimonials .slick-slider .slick-next, .home .Testimonials-arrows .slick-prev,
.home .Testimonials-arrows .slick-next {
  display: inline-block !important;
  position: static;
  margin: 2rem 0.4rem 0 0;
}
.home .Testimonials .slick-slider .slick-prev:before, .home .Testimonials-arrows .slick-prev:before {
  content: "\F177";
}
[dir=rtl] .home .Testimonials .slick-slider .slick-prev:before, [dir=rtl] .home .Testimonials-arrows .slick-prev:before {
  content: "\F178";
}
.home .Testimonials .slick-slider .slick-next:before, .home .Testimonials-arrows .slick-next:before {
  content: "\F178";
}
[dir=rtl] .home .Testimonials .slick-slider .slick-next:before, [dir=rtl] .home .Testimonials-arrows .slick-next:before {
  content: "\F177";
}
.home .News-item {
  position: relative;
  height: 296px;
  transition: all 0.4s ease;
  background: #f7f6ef;
}
@media (min-width: 61.25em) {
  .home .News-item {
    float: left;
    clear: none;
    width: 33.3333333333%;
    margin-left: 0%;
    margin-right: 0%;
  }
}
.home .News-item .item-wrap {
  padding: 4rem 36px;
}
.home .News-item .item-wrap h2 {
  font-size: 21px;
  font-size: 1.3125rem;
}
@media (min-width: 81.25em) {
  .home .News-item .item-wrap h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.home .News-item a {
  font-family: "sofia-pro", sans-serif;
  color: #666666;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
}
.home .News-item a.hover {
  color: rgb(10, 10, 5);
}
.home .News-item a:after {
  content: "";
}
.home .News-item a:before {
  background: rgb(10, 10, 5);
  color: rgb(10, 10, 5);
}
.home .News-item:hover {
  background: #ece4bb;
}
.home .News-item .category {
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  font-family: "sofia-pro", sans-serif;
}
.home .News .slick-prev,
.home .News .slick-next {
  z-index: 1;
}

.team .Teamhero {
  background-image: url("../img//backgrounds/team-hero-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 440px;
  padding: 7rem 2rem 4rem 2rem;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .team .Teamhero {
    background-image: url("../img//backgrounds/team-hero-bg@2x.jpg");
  }
}
@media (min-width: 46.25em) {
  .team .Teamhero {
    background-position: bottom right;
  }
}
.team .Teamhero-logo img {
  animation-delay: 300ms;
}
.team .Teamhero h1 {
  color: #fefefe;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: -0.1rem;
}
@media (min-width: 46.25em) {
  .team .Teamhero h1 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 4.8rem;
    margin-top: 2rem;
    margin-bottom: 60px;
  }
}
.team .Intro {
  background: #fefefe;
  margin: 0 auto;
}
.team .Intro img {
  width: 75px;
  padding: 0 0 2rem 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.team .Intro-inner {
  padding-bottom: 15px;
  border-bottom: 1px #eaeaea solid;
}
.team .Team {
  background: #fefefe;
  position: relative;
}
.team .Team-members {
  padding: 0 36px;
}
.team .Team-members article {
  position: relative;
  margin-bottom: 4rem;
  background: transparent;
}
@media (min-width: 46.25em) {
  .team .Team-members article {
    float: left;
    clear: none;
    width: 47%;
    margin-left: 0%;
    margin-right: 6%;
  }
  .team .Team-members article:nth-of-type(2n) {
    margin-right: 0%;
    float: right;
  }
  .team .Team-members article:nth-of-type(2n + 1) {
    clear: both;
  }
}
@media (min-width: 61.25em) {
  .team .Team-members article {
    padding: 0;
    float: left;
    clear: none;
    width: 23.5%;
    margin-left: 0%;
    margin-right: 2%;
  }
  .team .Team-members article:nth-of-type(2n) {
    margin-right: 2%;
    float: left;
  }
  .team .Team-members article:nth-of-type(2n + 1) {
    clear: none;
  }
  .team .Team-members article:nth-of-type(4n) {
    margin-right: 0%;
    float: right;
  }
  .team .Team-members article:nth-of-type(4n + 1) {
    clear: both;
  }
}
.team .Team-members article img {
  aspect-ratio: 233/269;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 1;
}
.team .Team-members article h3 {
  text-align: left;
  margin: 0.6rem 0;
  position: relative;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
}
.team .Team-members article h3 a {
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: none;
  color: #373737;
}
.team .Team-members article h3.hover:before {
  content: "";
  z-index: 0;
  width: 50%;
  height: 1rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px/5px;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: -1.5rem;
}
.team .Team-members article p {
  color: #9d9d9d;
  font-size: 14px;
  font-size: 0.875rem;
}
.team .Team-members article a:last-child {
  font-size: 13px;
  font-size: 0.8125rem;
  text-transform: uppercase;
  color: #373737;
  opacity: 0;
  transition: 300ms ease-in-out;
}
.team .Team-members article a:last-child.hover {
  opacity: 1;
}
.team .Team-council {
  text-align: left;
}
.team .Team-council h3 {
  text-align: center;
  margin: 0;
}
.team .Team-council .col {
  line-height: 2rem;
  margin: 2rem 0;
  float: left;
  clear: none;
  width: 48%;
  margin-left: 0%;
  margin-right: 4%;
}
.team .Team-council .col:nth-of-type(2n) {
  margin-right: 0%;
  float: right;
}
.team .Team-council .col:nth-of-type(2n + 1) {
  clear: both;
}
@media (min-width: 61.25em) {
  .team .Team--listing-thumbs .Team-members {
    width: auto;
    max-width: 990px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
.team .Team--listing-text .u-boxborder-offset {
  background: none;
}
.team .Team .u-hr {
  left: 0;
}
.team .remodal {
  text-align: left;
}
@media (min-width: 61.25em) {
  .team .remodal aside {
    float: left;
    clear: none;
    width: 28%;
    margin-left: 0%;
    margin-right: 8%;
  }
  .team .remodal aside:last-child {
    margin-right: 0%;
  }
}
.team .remodal aside img {
  width: 100%;
}
.team .remodal aside p {
  clear: both;
  text-align: right;
}
.team .remodal aside p:nth-child(2) {
  padding-top: 2rem;
}
.team .remodal aside a {
  font-family: "sofia-pro", sans-serif;
  color: #5e6061;
}
@media (min-width: 61.25em) {
  .team .remodal article {
    float: left;
    clear: none;
    width: 64%;
    margin-left: 0%;
    margin-right: 8%;
  }
  .team .remodal article:last-child {
    margin-right: 0%;
  }
}
.team .remodal article h3 {
  font-family: "sofia-pro", sans-serif;
  font-size: 28px;
  font-size: 1.75rem;
}
.team .remodal article p {
  color: #7d7f80;
  line-height: 1.8rem;
}
.team .remodal article p.position {
  float: right;
  font-size: 18px;
  font-size: 1.125rem;
}
.team .remodal-close {
  text-align: right;
}

/**
* Team
* views/_about.scss
*
* 1. Hero
*/
.about .Abouthero {
  background-image: url("../img//backgrounds/about-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 440px;
  padding: 7rem 2rem 4rem 2rem;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .about .Abouthero {
    background-image: url("../img//backgrounds/about-bg@2x.jpg");
  }
}
@media (min-width: 46.25em) {
  .about .Abouthero {
    background-position: bottom right;
  }
}
.about .Abouthero-logo img {
  animation-delay: 300ms;
}
.about .Abouthero h1 {
  color: #fefefe;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: -0.1rem;
}
@media (min-width: 46.25em) {
  .about .Abouthero h1 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 4.8rem;
    margin-top: 2rem;
    margin-bottom: 60px;
  }
}
.about .Intro {
  margin: 0 auto;
  background: #fefefe;
}
.about .Intro img {
  width: 75px;
  padding: 0 0 2rem 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.about .Investment {
  padding-top: 0;
  position: relative;
  background: #fefefe;
}
.about .Investment-overview {
  padding: 4rem 2rem;
}
@media (min-width: 46.25em) {
  .about .Investment-overview {
    float: left;
    clear: none;
    width: 48%;
    margin-left: 0%;
    margin-right: 4%;
  }
  .about .Investment-overview:nth-of-type(2n) {
    margin-right: 0%;
    float: right;
  }
  .about .Investment-overview:nth-of-type(2n + 1) {
    clear: both;
  }
}
.about .Investment-overview h1:after {
  content: "";
  display: block;
  width: 4rem;
  height: 5px;
  background: #ece4bb;
  top: 100%;
  left: 0px;
  margin: 2rem 0;
}
.about .Investment-overview p {
  line-height: 1.8rem;
}
.about .Investment-image {
  padding: 4rem 2rem;
}
@media (min-width: 46.25em) {
  .about .Investment-image {
    float: left;
    clear: none;
    width: 47.5%;
    margin-left: 0%;
    margin-right: 5%;
  }
  .about .Investment-image:nth-of-type(2n) {
    margin-right: 0%;
    float: right;
  }
  .about .Investment-image:nth-of-type(2n + 1) {
    clear: both;
  }
}
.about .Investment-image div {
  float: left;
  clear: none;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
  position: relative;
}
.about .Investment-image div:nth-of-type(2n) {
  margin-right: 0%;
  float: right;
}
.about .Investment-image div:nth-of-type(2n + 1) {
  clear: both;
}
@media (min-width: 46.25em) {
  .about .Investment-image div {
    text-align: right;
  }
}
.about .Investment-image div a {
  position: relative;
  margin-bottom: 2rem;
  display: block;
}
.about .Investment-image div a img {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 0 1rem;
}
.about .Investment-image div a:after {
  content: "";
  z-index: 0;
  width: 50%;
  height: 1rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px/5px;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: 0;
  z-index: 0;
}
.about .Quote {
  padding: 4rem 36px;
  background: #191d20;
}
@media (min-width: 46.25em) {
  .about .Quote {
    padding: 4rem 0;
  }
}
.about .Quote-quote {
  text-align: center;
  font-size: 80px;
  font-size: 5rem;
  color: #ece4bb;
  font-family: sans;
  margin: 0;
  padding: 0;
  height: 40px;
  font-weight: 700;
}
.about .Quote-item {
  color: #fefefe;
}
.about .Quote-item blockquote {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: "adriane", serif;
  font-style: italic;
  width: auto;
  max-width: 720px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.about .Quote-more {
  text-align: center;
  width: 100%;
  margin: 2rem 0;
}
.about .Quote-more a {
  color: rgb(10, 10, 5);
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
}
.about .Quote-more a:before {
  background: rgb(10, 10, 5);
}
.about .Corevalue {
  padding-bottom: 4rem;
  text-align: center;
}
.about .Corevalue .u-boxborder {
  position: relative;
  padding-bottom: 2rem;
}
.about .Corevalue .u-boxborder:after {
  background: #e3e3e3;
  position: absolute;
  top: 0rem;
  right: 0rem;
  width: 74%;
  height: 100%;
  display: block;
  z-index: 0;
}
.about .Corevalue h1 {
  margin-top: 4rem;
  position: relative;
  z-index: 1;
}
.about .Corevalue h1:after {
  content: "";
  display: block;
  width: 4rem;
  height: 5px;
  background: #d5d5d5;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  margin: 6rem 0;
}
.about .Corevalue h2 {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
}
.about .Corevalue h3 {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-size: 1.125rem;
  color: #08604e;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
}
.about .Corevalue-values {
  position: relative;
  width: auto;
  max-width: 1022px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding-top: 5rem;
}
@media (min-width: 46.25em) {
  .about .Corevalue-values {
    padding-top: 0;
  }
}
.about .Corevalue-values .col {
  position: relative;
  z-index: 1;
  text-align: left;
  line-height: 1.8rem;
  padding: 0 36px 4rem 36px;
}
@media (min-width: 46.25em) {
  .about .Corevalue-values .col {
    padding: 5rem 36px;
    float: left;
    clear: none;
    width: 30.6666666667%;
    margin-left: 0%;
    margin-right: 4%;
  }
  .about .Corevalue-values .col:nth-of-type(3n) {
    margin-right: 0%;
    float: right;
  }
  .about .Corevalue-values .col:nth-of-type(3n + 1) {
    clear: both;
  }
}
.about .Corevalue-values .col .num {
  opacity: 0.1;
  filter: alpha(opacity=10);
  position: absolute;
  font-size: 140px;
  font-size: 8.75rem;
  top: 3rem;
  left: 0.4rem;
}
@media (min-width: 46.25em) {
  .about .Corevalue-values .col .num {
    font-size: 174px;
    font-size: 10.875rem;
    top: 0.8em;
    left: -1.2rem;
    color: #191d20;
  }
}
.about .Corevalue a {
  font-family: "sofia-pro", sans-serif;
  color: #666666;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
  z-index: 1;
}
.about .Learn-item {
  position: relative;
  height: 296px;
  transition: all 0.4s ease;
  background: #f7f6ef;
  text-align: center;
}
.about .Learn-item .item-wrap {
  position: relative;
  top: 5.2rem;
}
.about .Learn-item a {
  font-family: "sofia-pro", sans-serif;
  color: #666666;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
}
.about .Learn-item a:before {
  background: #666666;
}
.about .Learn-item h2 {
  font-size: 34px;
  font-size: 2.125rem;
  margin: 0;
}
.about .Learn-item:hover {
  background: #ece4bb;
}
.about .Test {
  position: relative;
  *zoom: 1;
  font-size: 18px;
  font-size: 1.125rem;
}
.about .Test:before, .about .Test:after {
  content: "";
  display: table;
}
.about .Test:after {
  clear: both;
}

/**
* Team
* views/_about.scss
*
* 1. Hero
*/
.focus .Focushero {
  background-image: url("../img//backgrounds/focus-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 440px;
  padding: 7rem 2rem 4rem 2rem;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .focus .Focushero {
    background-image: url("../img//backgrounds/focus-bg@2x.jpg");
  }
}
@media (min-width: 46.25em) {
  .focus .Focushero {
    background-position: bottom right;
  }
}
.focus .Focushero-logo img {
  animation-delay: 300ms;
}
.focus .Focushero h1 {
  color: #fefefe;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: -0.1rem;
}
@media (min-width: 46.25em) {
  .focus .Focushero h1 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 4.8rem;
    margin-top: 2rem;
    margin-bottom: 60px;
  }
}
.focus .Focusnav {
  height: 63px;
  position: sticky;
  z-index: 3;
}
.focus .Focusnav .stick {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 800;
  -webkit-transform-style: preserve-3d;
  transform: translateZ(0);
  width: 100%;
  position: relative;
  top: 0;
  z-index: 2;
  background: #ece4bb;
  text-align: center;
}
.focus .Focusnav .stick li {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
}
.focus .Focusnav .stick li a {
  padding: 1.4rem;
  display: block;
  height: 100%;
  color: #191d20;
}
.focus .Focusnav .stick li a:before {
  height: 4px;
  background: #191d20;
}
.focus .Focusnav .stick li a:after {
  content: "";
}
.focus .Focusnav .menu {
  z-index: 1;
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 1.4rem;
  color: #a8a7a0;
  font-weight: bold;
  font-size: 80%;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  cursor: pointer;
  outline: none;
}
@media (min-width: 46.25em) {
  .focus .Focusnav .menu {
    display: none;
  }
}
.focus .Focusnav .menu:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #a8a7a0 transparent;
}
.focus .Focusnav .menu .dropdown {
  position: absolute;
  margin-top: 0;
  width: 100%;
  top: 100%;
  margin-top: 0;
  left: -2px;
  right: -2px;
  background: white;
  border: inherit;
  border-top: none;
  list-style: none;
  transition: all 0.3s ease-out;
  opacity: 0;
  pointer-events: none;
}
.focus .Focusnav .menu .dropdown li {
  position: relative;
}
.focus .Focusnav .menu .dropdown li label {
  display: block;
  padding: 10px 10px 10px 20px;
  border-bottom: 1px solid #a8a7a0;
  transition: all 0.3s ease-out;
}
.focus .Focusnav .menu .dropdown li:last-of-type label {
  border: none;
}
.focus .Focusnav .menu .dropdown li input {
  position: absolute;
  display: block;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.focus .Focusnav .menu .dropdown li input:checked ~ label {
  color: #08604e;
}
.focus .Focusnav .menu .dropdown li:hover label {
  background: #f0f0f0;
}
.focus .Focusnav .menu.active:after {
  border-width: 0 6px 6px 6px;
}
.focus .Focusnav .menu.active .dropdown {
  opacity: 1;
  pointer-events: auto;
}
.focus .Focusnav-items {
  display: none;
}
@media (min-width: 46.25em) {
  .focus .Focusnav-items {
    display: block;
  }
}
.focus .Focusnav-mobile a.readmore:before {
  display: none !important;
}
.focus .Focusnav-mobile a.readmore.hover {
  background: rgba(7, 87, 73, 0.25);
}
.focus article {
  position: relative;
  background: #FFF;
  z-index: 1;
}
.focus .Themes {
  background-color: #fff;
  text-align: center;
  padding: 5em 1em;
}
.focus .Themes .u-sitewidth .hover {
  opacity: 0;
}
.focus .Themes .u-sitewidth .inner:hover ~ .hover {
  position: absolute;
  background: #ece4bb;
  z-index: 0;
  opacity: 1;
  width: 400px;
  left: 50%;
  top: 10%;
  margin-left: -200px;
  display: table-cell;
  height: 80%;
}
.focus .Themes .u-sitewidth .inner {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.focus .Themes h1 {
  margin-top: 0;
}
.focus .Themes p {
  text-align: center;
  line-height: 1.8rem;
  width: auto;
  max-width: 810px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.focus .Themes a {
  color: #373737;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
}
.focus .Themes a:before {
  background: #373737;
}

.focus .Approach {
  padding-top: 6rem;
  padding-bottom: 6rem;
  text-align: center;
  color: #fefefe;
  background-image: url("../img//backgrounds/approach-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.focus .Approach p {
  text-align: center;
  line-height: 2rem;
  font-size: 20px;
  width: auto;
  max-width: 725px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}

.focus .Growth {
  margin: 4rem 0;
}
.focus .Growth-container {
  padding: 4rem 4rem 2rem;
}
.focus .Growth h1 {
  line-height: 1;
  margin-top: 0;
}
.focus .Growth p {
  line-height: 1.8rem;
}
.focus .Growth-lists-container {
  display: inline-block;
  width: 100%;
}
.focus .Growth-lists-container .list-row {
  display: inline-block;
  margin-top: 2rem;
}
.focus .Growth-lists-container .list-row .col {
  float: left;
  clear: none;
  width: 50%;
  margin-left: 0%;
  margin-right: 0%;
  border: 0;
  padding-right: 2rem;
}
.focus .Growth-lists-container .list-row .col:nth-of-type(2n) {
  margin-right: 0%;
  float: right;
}
.focus .Growth-lists-container .list-row .col:nth-of-type(2n + 1) {
  clear: both;
}
.focus .Growth-lists-container .list-row .col:last-child {
  padding-right: 0;
  padding-left: 2rem;
}
.focus .Growth-lists-container .list-row .col p {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}
.focus .Growth-lists-container h4 {
  font-family: "adriane", serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  color: black;
  margin: 0;
}
.focus .Growth-lists-container ul {
  margin-top: 0.5rem;
}
.focus .Growth-lists-container ul li {
  list-style-type: disc;
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0.4rem 0 0 1rem;
  color: #727272;
}
.focus .Growth-lists-container a {
  color: #373737;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  display: inline-block;
  margin: 3rem 0 0;
}
.focus .Growth-lists-container a:before {
  background: #373737;
}
@media (min-width: 46.25em) {
  .focus .Growth .list-footnote {
    margin: 1.4rem 0 0;
  }
}
@media (min-width: 61.25em) {
  .focus .Growth-container {
    display: inline-block;
    padding: 4rem 4rem 2rem;
  }
  .focus .Growth .col {
    float: left;
    clear: none;
    width: 33.3333333333%;
    margin-left: 0%;
    margin-right: 0%;
    border-right: 1px solid #dfdeda;
    padding-right: 4rem;
  }
  .focus .Growth .col:nth-of-type(3n) {
    margin-right: 0%;
    float: right;
  }
  .focus .Growth .col:nth-of-type(3n + 1) {
    clear: both;
  }
  .focus .Growth .col:last-child {
    padding-right: 0;
  }
  .focus .Growth-lists-container {
    width: 65%;
  }
  .focus .Growth-lists-container .list-row {
    padding-left: 3rem;
    margin-top: 0;
    margin-bottom: 2rem;
  }
  .focus .Growth-lists-container h4 {
    margin: 0 1rem;
  }
  .focus .Growth-lists-container ul li {
    margin: 0.4rem 0 0 4rem;
  }
  .focus .Growth-lists-container a {
    margin-left: 1rem;
  }
}

.focus .Intro {
  background: #fcfbf5;
  margin: 0 auto;
  text-align: center;
}
.focus .Intro img {
  width: 75px;
  padding: 0 0 2rem 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.focus .Intro ul {
  margin-top: 0;
}
.focus .Intro ul li {
  list-style-type: disc;
  text-align: left;
  margin: 0 0 0 2rem;
  margin-top: 0.8rem;
}
@media (min-width: 46.25em) {
  .focus .Intro ul li {
    margin: 0 0 0 6rem;
  }
}
.focus .Intro.has-video .Intro-col1 {
  order: 2;
}
.focus .Intro.has-video .Intro-col2 {
  order: 1;
}
.focus .Intro.has-video .Intro-inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
.focus .Intro.has-video .Intro-inner::before, .focus .Intro.has-video .Intro-inner::after {
  display: none;
}
@media (min-width: 480px) {
  .focus .Intro ul {
    float: left;
    clear: none;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
    *zoom: 1;
  }
  .focus .Intro ul:last-child {
    margin-right: 0%;
  }
  .focus .Intro ul:before, .focus .Intro ul:after {
    content: "";
    display: table;
  }
  .focus .Intro ul:after {
    clear: both;
  }
}
@media (min-width: 61.25em) {
  .focus .Intro.has-video .copy {
    margin-top: 0;
  }
  .focus .Intro.has-video .Intro-col1 {
    order: 1;
  }
  .focus .Intro.has-video .Intro-col2 {
    order: 2;
  }
  .focus .Intro.has-video .Intro-inner {
    grid-template-columns: repeat(2, 1fr);
    max-width: 1440px;
    gap: 75px;
    align-items: start;
    justify-content: start;
  }
  .focus .Intro ul:nth-child(2) {
    padding-left: 6rem;
  }
}

.focus .Middle {
  margin-top: 4rem;
}
.focus .Middle:after {
  background: #f7f7f5;
  background-image: url("../img//backgrounds/circle-trans.png");
  background-repeat: no-repeat;
  background-position: 135% -180%;
  position: absolute;
  top: 0rem;
  right: 0rem;
  width: 74%;
  height: 100%;
  display: block;
  z-index: -1;
}
@media (min-width: 46.25em) {
  .focus .Middle-experience {
    float: left;
    clear: none;
    width: 57.2%;
    margin-left: 0%;
    margin-right: 7%;
  }
  .focus .Middle-experience:last-child {
    margin-right: 0%;
  }
}
.focus .Middle-experience p {
  max-width: 40rem;
}
@media (min-width: 46.25em) {
  .focus .Middle-process {
    float: left;
    clear: none;
    width: 35.8%;
    margin-left: 0%;
    margin-right: 7%;
  }
  .focus .Middle-process:last-child {
    margin-right: 0%;
  }
}
.focus .Middle p {
  line-height: 1.8rem;
}
.focus .Middle a {
  color: #373737;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
}
.focus .Middle a:before {
  background: #373737;
}

.focus .Services {
  position: relative;
  z-index: 1;
  background-color: #f5f4ee !important;
  justify-content: space-between;
}
.focus .Services h2,
.focus .Services ul {
  position: relative;
  z-index: 1;
}
.focus .Services h2 {
  margin: 0 !important;
  color: #191d20;
  text-align: center;
}
.focus .Services li {
  margin: 0;
  color: #727272;
  font-size: 17px;
  list-style-type: disc;
  padding: 0 10px;
}
.focus .Services li:not(:last-child) {
  padding-bottom: 15px;
}
.focus .Services ul {
  padding-left: 15px;
}
.focus .Services .col {
  box-sizing: border-box;
  color: #727272;
  font-family: "sofia-pro", sans-serif;
  margin: 0;
  padding: 1rem 0;
  position: relative;
}
.focus .Services .col:first-child {
  padding-top: 0;
}
.focus .Services .col:last-child {
  padding-bottom: 0;
}
.focus .Services .col:hover h2 {
  color: #fff;
}
.focus .Services-categories {
  box-sizing: border-box;
}
.focus .Services-name {
  align-items: center;
  background-size: 0;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
@media (min-width: 46.25em) {
  .focus .Services {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .focus .Services h2 {
    color: white;
    font-size: 30px;
  }
  .focus .Services li {
    box-sizing: border-box;
    color: #333;
    font-size: 15px;
    padding: 0 10px;
    width: 100%;
  }
  .focus .Services li:not(:last-child) {
    padding-bottom: 10px;
  }
  .focus .Services ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
  }
  .focus .Services .col {
    display: flex;
    flex-direction: column;
    padding: 0 1rem 50px;
    width: calc(50% - 15px);
  }
  .focus .Services .col:last-child {
    padding-bottom: 0;
  }
  .focus .Services-categories {
    background-color: #ece4bb;
    flex-grow: 1;
    padding: 35px 25px 35px 50px;
  }
  .focus .Services-name {
    background-size: cover;
    margin-bottom: 0;
    min-height: 225px;
  }
  .focus .Services-name h2 {
    color: white;
  }
}
@media (min-width: 61.25em) {
  .focus .Services h2 {
    font-size: 35px;
  }
  .focus .Services li {
    font-size: 17px;
  }
  .focus .Services .col h2 {
    color: #fff !important;
  }
  .focus .Services-categories {
    padding-bottom: 35px;
    padding-top: 35px;
  }
  .focus .Services-name {
    min-height: 275px;
  }
}
@media (min-width: 81.25em) {
  .focus .Services h2 {
    font-size: 35px;
  }
  .focus .Services .col,
  .focus .Services .col:last-child {
    width: calc(33.333333% - 15px);
    padding-bottom: 10px;
  }
}
@media (min-width: 1680px) {
  .focus .Services h2 {
    font-size: 45px;
  }
  .focus .Services-name {
    min-height: 325px;
  }
}

.portfolio-remodal {
  height: 100%;
  position: relative;
}
.portfolio-remodal > a.remodal-close {
  display: none;
}
.portfolio-remodal .modal {
  align-items: center;
  display: flex;
  height: 100%;
}
.portfolio-remodal .modal .is-additional ul {
  list-style: disc;
  margin: 15px;
}
.portfolio-remodal .modal .is-additional ul ul {
  margin-top: 5px;
}
.portfolio-remodal .modal .is-additional li {
  color: #727272;
  font-size: 1rem;
  line-height: 1.8rem;
  text-align: left;
}
.portfolio-remodal .portfolio-logo {
  display: block;
  height: 100px;
  margin: 0 auto 25px;
}
.portfolio-remodal .remodal-close {
  right: 0;
  padding: 4rem;
  position: absolute;
  top: 0;
  text-align: right;
}
.portfolio .Portfoliohero {
  background-image: url("../img//backgrounds/portfolio-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 440px;
  padding: 7rem 2rem 4rem 2rem;
  position: relative;
  z-index: -8;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .portfolio .Portfoliohero {
    background-image: url("../img//backgrounds/portfolio-bg@2x.jpg");
  }
}
@media (min-width: 46.25em) {
  .portfolio .Portfoliohero {
    background-position: bottom right;
  }
}
.portfolio .Portfoliohero-logo img {
  animation-delay: 300ms;
}
.portfolio .Portfoliohero h1 {
  color: #fefefe;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: -0.1rem;
}
@media (min-width: 46.25em) {
  .portfolio .Portfoliohero h1 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 4.8rem;
    margin-top: 2rem;
    margin-bottom: 60px;
  }
}
.portfolio .PortfolioNav {
  height: 63px;
  position: sticky;
  z-index: 3;
}
.portfolio .PortfolioNav .sticky {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 800;
  -webkit-transform-style: preserve-3d;
  transform: translateZ(0);
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1;
  background: #ece4bb;
  text-align: center;
}
.portfolio .PortfolioNav .sticky li {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
}
.portfolio .PortfolioNav .sticky li a {
  padding: 1.4rem;
  display: block;
  height: 100%;
  color: #191d20;
}
.portfolio .PortfolioNav .sticky li a:before {
  height: 4px;
  background: #191d20;
}
.portfolio .PortfolioNav .sticky li a:after {
  content: "";
}
.portfolio .PortfolioNav .sticky li .active::after {
  height: 4px;
  background: #191d20;
  position: absolute;
  bottom: 6px;
  left: 0;
  width: 100%;
  transition: transform 0.3s, opacity 0.3s ease;
  transform: translateY(5px);
}
.portfolio .PortfolioNav-items {
  display: none;
}
@media (min-width: 46.25em) {
  .portfolio .PortfolioNav-items {
    display: block;
  }
}
.portfolio .PortfolioNav .menu {
  z-index: 1;
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 1.4rem;
  color: #a8a7a0;
  font-weight: bold;
  font-size: 80%;
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  cursor: pointer;
  outline: none;
}
@media (min-width: 46.25em) {
  .portfolio .PortfolioNav .menu {
    display: none;
  }
}
.portfolio .PortfolioNav .menu:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #a8a7a0 transparent;
}
.portfolio .PortfolioNav .menu .dropdown {
  position: absolute;
  margin-top: 0;
  width: 101%;
  top: 99%;
  margin-top: 0;
  left: -2px;
  right: -2px;
  background: white;
  border: inherit;
  border-top: none;
  list-style: none;
  transition: all 0.3s ease-out;
  opacity: 0;
  pointer-events: none;
}
.portfolio .PortfolioNav .menu .dropdown li {
  position: relative;
}
.portfolio .PortfolioNav .menu .dropdown li label {
  display: block;
  padding: 10px 10px 10px 20px;
  border-bottom: 1px solid #a8a7a0;
  transition: all 0.3s ease-out;
}
.portfolio .PortfolioNav .menu .dropdown li:last-of-type label {
  border: none;
}
.portfolio .PortfolioNav .menu .dropdown li input {
  position: absolute;
  display: block;
  right: 10px;
  top: 50%;
  margin-top: -8px;
}
.portfolio .PortfolioNav .menu .dropdown li input:checked ~ label {
  color: #08604e;
}
.portfolio .PortfolioNav .menu .dropdown li:hover label {
  background: #f0f0f0;
}
.portfolio .PortfolioNav .menu.active:after {
  border-width: 0 6px 6px 6px;
}
.portfolio .PortfolioNav .menu.active .dropdown {
  opacity: 1;
  pointer-events: auto;
}
.portfolio .Intro {
  background: #fcfbf5;
  margin: 0 auto;
}
.portfolio .Intro img {
  width: 75px;
  padding: 0 0 2rem 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.portfolio #Content {
  background: #fff;
  position: relative;
  z-index: 0;
}
.portfolio .Portfolio a {
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: none;
  color: #373737;
}
.portfolio .Portfolio .u-boxborder {
  border-bottom: solid 1px #ece4bb;
}
.portfolio .Portfolio .u-boxborder:last-child {
  border-bottom: 0;
}
.portfolio .Portfolio article {
  padding: 0 0 2rem;
}
@media (min-width: 46.25em) {
  .portfolio .Portfolio article {
    padding: 0;
  }
}
.portfolio .Portfolio-logo-wrapper {
  display: block;
  width: 100%;
  min-height: 330px;
  vertical-align: top;
  position: relative;
  z-index: 0;
  padding: 1rem 1rem 0;
  /* &::after {
            content: "";
            opacity: 0;
            z-index: -1;
            width:50%;
            height: 1rem;
            @include x-centered;
            border-radius: 100px / 5px;
            box-shadow:0 0 2rem rgba(0,0,0,0.6);
            position: absolute;
            bottom: -.1rem;
            left: 50%;
            transform: translate(-50%, -50%);
            //-webkit-animation: delayAfter .2s;
            //animation: delayAfter .2s;
            @include transition(all .21s ease);
        } */
}
.portfolio .Portfolio-logo-wrapper .partner-logo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.portfolio .Portfolio-logo-wrapper .partner-logo .logo-hover {
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 121px;
  max-width: 223px;
  min-height: 121px;
  max-height: 330px;
  overflow: hidden;
  transform: translateY(100px);
}
.portfolio .Portfolio-logo-wrapper .partner-logo a {
  margin-top: 1%;
}
.portfolio .Portfolio-logo-wrapper a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  opacity: 0;
  transition: all 0.2s ease;
}
.portfolio .Portfolio-logo-wrapper .bg-image {
  width: 100%;
  min-height: 300px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s ease;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.portfolio .Portfolio-logo-wrapper .bg-image::before {
  content: "";
  background: rgba(0, 96, 78, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.portfolio .Portfolio-logo-wrapper .bg-image::after {
  content: "";
  background: linear-gradient(to bottom right, rgba(0, 96, 78, 0.9) 0%, rgba(0, 96, 77, 0.3) 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.portfolio .Portfolio-logo-wrapper:hover .bg-image {
  opacity: 1;
}
.portfolio .Portfolio-logo-wrapper .fill-div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3;
}
@media (min-width: 46.25em) {
  .portfolio .Portfolio-logo-wrapper {
    display: inline-block;
    width: 270px;
    padding: 0;
    margin: 4rem 1rem 1rem;
  }
}
@media (min-width: 61.25em) {
  .portfolio .Portfolio-logo-wrapper {
    margin: 4rem;
  }
}
.portfolio .Portfolio-content {
  display: block;
  width: 100%;
  padding: 1rem 1rem 3rem;
}
.portfolio .Portfolio-content h2 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 700;
  margin-top: 0;
}
.portfolio .Portfolio-content .partner-info {
  margin-bottom: 1rem;
}
.portfolio .Portfolio-content .partner-info p {
  display: block;
  margin: 0 1rem 0 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  color: #727272;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}
.portfolio .Portfolio-content .partner-info a {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #08604e;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}
.portfolio .Portfolio-content .more-less {
  display: block;
  position: relative;
  margin: 2rem 0 0;
}
.portfolio .Portfolio-content .more-less .readmore-toggle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.portfolio .Portfolio-content .more-less a {
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #08604e;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}
.portfolio .Portfolio-content .more-less #more {
  transition: opacity 0.5s linear;
}
.portfolio .Portfolio-content .more-less #less {
  transition: opacity 0.5s linear;
}
.portfolio .Portfolio-content p {
  font-size: 16px;
  font-size: 1rem;
  color: #727272;
  line-height: 1.8rem;
}
.portfolio .Portfolio-content-additional {
  display: block;
  max-height: 1000px;
  visibility: initial;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  padding-bottom: 1rem;
  transform-origin: top;
  overflow: hidden;
}
.portfolio .Portfolio-content-additional p:nth-child(3) {
  font-family: "adriane", serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  color: #727272;
  margin: 2rem 0 2rem;
  padding: 0;
  text-align: left;
  text-transform: none;
}
.portfolio .Portfolio-content-additional p:first-child::after {
  content: "";
  display: block;
  width: 4rem;
  height: 5px;
  background: #ece4bb;
  top: 100%;
  left: 0px;
  margin: 3rem 0;
}
.portfolio .Portfolio-content-additional ul {
  margin-left: 3.3rem;
  width: 80%;
}
.portfolio .Portfolio-content-additional li {
  list-style-type: disc;
  font-family: "sofia-pro", sans-serif;
  margin: 0 0 1rem;
  color: #727272;
}
.portfolio .Portfolio-content-additional .sub-list {
  margin-top: 1rem;
  margin-left: 3rem;
}
@media (min-width: 46.25em) {
  .portfolio .Portfolio-content {
    display: inline-block;
    width: 54%;
    padding: 3.5rem 1rem 0 0;
  }
  .portfolio .Portfolio-content .partner-info {
    margin-bottom: 0;
    display: inline-block;
  }
  .portfolio .Portfolio-content .partner-info p {
    display: block;
    margin: 0 1rem 0 0;
    font-family: "sofia-pro", sans-serif;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #727272;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
  }
  .portfolio .Portfolio-content .partner-info p:last-child {
    margin: 0;
  }
  .portfolio .Portfolio-content .partner-info .readmore-toggle {
    margin: 0 0 4rem;
  }
}
@media (min-width: 61.25em) {
  .portfolio .Portfolio-content {
    display: inline-block;
    width: 55%;
    padding: 3.5rem 4rem 0 0;
  }
  .portfolio .Portfolio-content .partner-info {
    margin-bottom: 1rem;
  }
  .portfolio .Portfolio-content .partner-info p {
    display: inline-block;
  }
}

.CaseStudy-container {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: center;
  padding-right: center;
  border-bottom: solid 1px #ece4bb;
  position: relative;
}
.CaseStudy-container:first-child {
  margin-left: auto;
}
.CaseStudy-container:last-child {
  margin-right: auto;
}
@media (min-width: 46.25em) {
  .CaseStudy-container {
    height: 450px;
  }
}
@media (min-width: 61.25em) {
  .CaseStudy-container {
    text-align: left;
    display: inline;
    clear: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: left;
    clear: none;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
    height: 450px;
  }
  .CaseStudy-container:first-child {
    margin-left: 0;
  }
  .CaseStudy-container:last-child {
    margin-right: 0;
  }
  .CaseStudy-container:nth-of-type(2n) {
    margin-right: 0%;
    float: right;
  }
  .CaseStudy-container:nth-of-type(2n + 1) {
    clear: both;
  }
}
@media (min-width: 81.25em) {
  .CaseStudy-container {
    float: left;
    clear: none;
    width: 33.3333333333%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .CaseStudy-container:nth-of-type(2n) {
    margin-right: 0%;
    float: left;
  }
  .CaseStudy-container:nth-of-type(2n + 1) {
    clear: none;
  }
  .CaseStudy-container:nth-of-type(3n) {
    margin-right: 0%;
    float: right;
  }
  .CaseStudy-container:nth-of-type(3n + 1) {
    clear: both;
  }
}
.CaseStudy-container:last-child {
  border-bottom: 0;
}
.CaseStudy-container .initial {
  padding: 5rem 2rem;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s ease;
}
.CaseStudy-container .initial-logo {
  display: block;
  width: 100%;
}
.CaseStudy-container .initial .logo-cont {
  min-height: 125px;
}
.CaseStudy-container .initial .cs-logo-init {
  overflow: hidden;
}
.CaseStudy-container .initial .cs-logo-init img {
  width: 223px;
  margin: 0 auto;
}
.CaseStudy-container .initial h2 {
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  margin-top: 0;
}
.CaseStudy-container .initial a {
  display: block;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  color: #08604e;
  letter-spacing: 0.06rem;
  text-transform: uppercase;
}
@media (min-width: 46.25em) {
  .CaseStudy-container .initial {
    padding: 3rem;
  }
}
@media (min-width: 61.25em) {
  .CaseStudy-container .initial {
    padding: 5rem;
  }
}
.CaseStudy-container .hover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  vertical-align: top;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  margin: 3rem 2rem;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.CaseStudy-container .hover::before {
  content: "";
  background: rgba(0, 96, 78, 0.9);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.CaseStudy-container .hover-content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 4rem 0;
}
.CaseStudy-container .hover-content .cs-logo-hover {
  height: 121px;
  background-repeat: no-repeat;
  background-size: auto 121px;
  background-position: center;
  margin: 7% auto;
}
.CaseStudy-container .hover-content a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  font-family: "sofia-pro", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  text-align: center;
  opacity: 1;
  transition: all 0.2s ease;
}
@media (min-width: 46.25em) {
  .CaseStudy-container .hover {
    margin: 3rem;
    height: 350px;
  }
  .CaseStudy-container .hover-content a {
    padding: 0 1rem;
  }
}
@media (min-width: 61.25em) {
  .CaseStudy-container .hover {
    margin: 3rem 4rem;
    height: 325px;
  }
}
@media (min-width: 81.25em) {
  .CaseStudy-container .hover {
    margin: 4rem;
  }
}
.CaseStudy-container:hover .hover {
  opacity: 1;
}
.CaseStudy-container:hover .hover::after {
  content: "";
  z-index: -1;
  width: 50%;
  height: 0.3rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px/5px;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: -0.2rem;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: delayAfter 0.2s;
}

.cs-modal-hero {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.cs-modal-hero::before {
  content: "";
  background: rgba(0, 96, 78, 0.8);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cs-modal-hero::after {
  content: "";
  background: linear-gradient(to bottom right, rgba(0, 96, 78, 0.9) 0%, rgba(0, 96, 77, 0.3) 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.cs-modal .remodal-close {
  text-align: right;
  color: #fff;
  padding: 4rem 1rem 1rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 46.25em) {
  .cs-modal .remodal-close {
    padding: 8rem 4rem 4rem;
  }
}
.cs-modal-logo {
  padding-top: 0;
  position: relative;
  z-index: 2;
}
.cs-modal-logo .cs-logo-final {
  background: rgba(255, 255, 255, 0.5);
  box-sizing: content-box;
  height: 121px;
  margin: 0 auto;
  max-width: 223px;
  overflow: hidden;
  padding: 10px 25px;
  position: relative;
}
.cs-modal-logo .cs-logo-final img {
  height: 100%;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.cs-modal-logo h1 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 0;
}
.cs-modal-logo h1 a {
  color: #fff;
}
@media (min-width: 46.25em) {
  .cs-modal-logo {
    padding-top: 1rem;
  }
  .cs-modal-logo h1 {
    font-size: 2rem;
  }
}
.cs-modal .section-break {
  position: relative;
  z-index: 2;
  padding: 2rem 0;
}
.cs-modal .section-break p {
  display: inline-block;
  background: #fff;
  color: #08604e;
  padding: 0.5rem 1rem;
  position: relative;
  z-index: 2;
  font-size: 14px;
  font-size: 0.875rem;
}
.cs-modal .section-break .u-hr {
  position: absolute;
  top: 50%;
  background: #f7f6ef;
}
@media (min-width: 46.25em) {
  .cs-modal .section-break p {
    padding: 0.5rem 1rem;
    font-size: 1rem;
  }
}
.cs-modal-intro {
  color: #fff;
  width: 85%;
  margin: 0 auto;
  padding: 0 0 4rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 46.25em) {
  .cs-modal-intro {
    width: 50%;
    padding: 0 0 8rem;
  }
}
.cs-modal-nav {
  position: sticky;
  z-index: 3;
}
.cs-modal-nav .sticky {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 800;
  -webkit-transform-style: preserve-3d;
  transform: translateZ(0);
  width: 100%;
  position: relative;
  top: 0;
  z-index: 1;
  background: #ece4bb;
  text-align: center;
}
.cs-modal-nav .sticky li {
  display: block;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 1rem 1rem;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  color: #727272;
}
.cs-modal-nav .sticky li:last-child {
  padding: 0 1rem 1rem;
}
.cs-modal-nav .sticky li a {
  font-size: 12px;
  font-size: 0.75rem;
  height: 100%;
  color: #08604e;
  display: block;
}
.cs-modal-nav .sticky li a:after {
  content: "";
}
.cs-modal-nav .sticky li .off-color {
  color: #727272;
}
@media (min-width: 46.25em) {
  .cs-modal-nav .sticky li {
    padding: 1.4rem;
    display: inline-block;
  }
  .cs-modal-nav .sticky li:last-child {
    padding: 1.4rem;
  }
  .cs-modal-nav .sticky li a {
    display: inline-block;
  }
}
@media (min-width: 46.25em) {
  .cs-modal-nav {
    height: 63px;
  }
}
.cs-modal-body .modal-section {
  background: #fff;
  text-align: left;
  width: 100%;
  padding: 2rem;
}
.cs-modal-body .modal-section-content {
  line-height: 1.75;
  margin: 0 auto;
}
.cs-modal-body .modal-section-content p {
  margin-top: 0;
}
.cs-modal-body .modal-section .content-container p {
  display: block;
  width: 100%;
}
.cs-modal-body .modal-section .content-container p:nth-child(2) {
  width: 100%;
  text-align: center;
}
.cs-modal-body .modal-section .content-container img {
  width: 60%;
}
.cs-modal-body .modal-section .full-width {
  width: 100% !important;
}
@media (min-width: 46.25em) {
  .cs-modal-body .modal-section {
    padding: 4rem;
  }
  .cs-modal-body .modal-section-content {
    width: 80%;
  }
  .cs-modal-body .modal-section-content .content-container p {
    display: inline-block;
    width: 50%;
  }
  .cs-modal-body .modal-section-content .content-container p:nth-child(2) {
    width: 45%;
  }
  .cs-modal-body .modal-section-content .content-container .paragraph {
    margin-right: 5%;
    vertical-align: top;
  }
  .cs-modal-body .modal-section-content .content-container img {
    width: 100%;
  }
}
.cs-modal-body .Testimonials {
  background-image: url("/dist/img/home/hero-1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 0 3rem;
  position: relative;
}
@media (min-width: 46.25em) {
  .cs-modal-body .Testimonials {
    padding: 4rem 0 6rem;
  }
}
.cs-modal-body .Testimonials .dark-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.cs-modal-body .Testimonials-buttons {
  position: absolute;
  top: 9rem;
  width: 100%;
  padding: 0 3rem;
  z-index: 2;
  display: none;
}
.cs-modal-body .Testimonials-buttons .next {
  border: solid 1.5px #fff;
  border-radius: 50%;
  padding: 0 0.54rem 0.03rem 0.58rem;
  background-color: rgba(255, 255, 255, 0);
  float: right;
  transition: background 0.3s ease;
}
.cs-modal-body .Testimonials-buttons .next::after {
  content: "";
  font-family: "FontAwesome";
  content: "\F105";
  color: #fff;
}
.cs-modal-body .Testimonials-buttons .next:hover {
  background: #fff;
}
.cs-modal-body .Testimonials-buttons .next:hover::after {
  color: #000;
}
.cs-modal-body .Testimonials-buttons .prev {
  border: solid 1.5px #fff;
  border-radius: 50%;
  padding: 0 0.58rem 0.03rem 0.54rem;
  background-color: rgba(255, 255, 255, 0);
  float: left;
  transition: background 0.3s ease;
}
.cs-modal-body .Testimonials-buttons .prev::after {
  content: "";
  font-family: "FontAwesome";
  content: "\F104";
  color: #fff;
}
.cs-modal-body .Testimonials-buttons .prev:hover {
  background: #fff;
}
.cs-modal-body .Testimonials-buttons .prev:hover::after {
  color: #000;
}
@media (min-width: 46.25em) {
  .cs-modal-body .Testimonials-buttons {
    display: block;
  }
}
.cs-modal-body .Testimonials-quote {
  text-align: center;
  font-size: 80px;
  font-size: 5rem;
  color: #ece4bb;
  font-family: sans;
  margin: 0;
  padding: 0;
  height: 40px;
  font-weight: 700;
  position: relative;
  z-index: 1;
}
.cs-modal-body .Testimonials-item {
  position: relative;
  z-index: 1;
  color: #fff;
}
.cs-modal-body .Testimonials-item.slick-center {
  transition: all 0.4s ease;
  font-size: 16px;
  font-size: 1rem;
}
.cs-modal-body .Testimonials-item blockquote {
  font-size: 16px;
  font-size: 1rem;
  font-family: "adriane", serif;
  font-style: italic;
  text-align: center;
  width: 70%;
  margin: 0 auto;
  padding: 2rem 0;
}
.cs-modal-body .Testimonials-item cite {
  font-family: "sofia-pro", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.06rem;
  text-align: center;
  padding: 0rem 0;
  font-weight: 700;
  font-style: normal;
  width: 100%;
  display: block;
  padding: 0.75rem;
}
.cs-modal-body .Testimonials-item cite .title {
  font-size: 11px;
  font-size: 0.6875rem;
  text-transform: uppercase;
  font-family: "sofia-pro", sans-serif;
  letter-spacing: 0.06rem;
  color: #999999;
  font-weight: 600;
  margin: 0 0 0.4rem 0;
}
@media (min-width: 46.25em) {
  .cs-modal-body .Testimonials-item.slick-center {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .cs-modal-body .Testimonials-item blockquote {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .cs-modal-body .Testimonials-item cite {
    font-size: 18px;
    font-size: 1.125rem;
    padding: 0;
  }
  .cs-modal-body .Testimonials-item cite .title {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.cs-modal-body .Testimonials-more {
  text-align: center;
  width: 100%;
  margin: 2rem 0;
  position: relative;
  z-index: 1;
}
.cs-modal-body .Testimonials-more a {
  color: rgb(10, 10, 5);
  letter-spacing: 0.06rem;
  text-transform: uppercase;
  border: none;
}
.cs-modal-body .Testimonials-more a:before {
  background: rgb(10, 10, 5);
}
.cs-modal-body .modal-highlight {
  position: relative;
  background-color: #f7f7f5;
  background-image: url("../img//backgrounds/circle-trans.png");
  background-repeat: no-repeat;
  background-position: 160% -20%;
  background-size: 75%;
  text-align: left;
  margin-bottom: 3rem;
  padding: 2rem;
}
.cs-modal-body .modal-highlight-content {
  width: 100%;
}
.cs-modal-body .modal-highlight::after {
  content: "";
  z-index: 0;
  width: 35%;
  height: 1rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px/5px;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: -0.5rem;
  z-index: -1;
}
@media (min-width: 46.25em) {
  .cs-modal-body .modal-highlight {
    background-position: 112% -20%;
    background-size: initial;
    padding: 6rem;
  }
  .cs-modal-body .modal-highlight-content {
    width: 88%;
    margin: 0 auto;
  }
  .cs-modal-body .modal-highlight-content h2 {
    width: 85%;
  }
  .cs-modal-body .modal-highlight-content p {
    width: 85%;
  }
}

.u-hr {
  left: 0;
  background: #ece4bb;
}

.show {
  display: block;
  opacity: 1;
}

/**
* Team
* views/news.scss
*
* 1. Hero
*/
.news .Newshero {
  background-image: url("../img//backgrounds/news-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 440px;
  padding: 7rem 2rem 4rem 2rem;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .news .Newshero {
    background-image: url("../img//backgrounds/news-bg@2x.jpg");
  }
}
@media (min-width: 46.25em) {
  .news .Newshero {
    background-position: bottom right;
  }
}
.news .Newshero-logo img {
  animation-delay: 300ms;
}
.news .Newshero h1 {
  color: #fefefe;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: -0.1rem;
}
@media (min-width: 46.25em) {
  .news .Newshero h1 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 4.8rem;
    margin-top: 2rem;
    margin-bottom: 60px;
  }
}
.news .Newshero .Newsnav-search {
  margin-top: 4.9rem;
  padding: 0rem;
  display: inline-block;
  position: relative;
  float: right;
  bottom: 0;
}
@media (min-width: 46.25em) {
  .news .Newshero .Newsnav-search {
    margin-top: 0;
  }
}
.news .Newshero .Newsnav-search label {
  font-family: "sofia-pro", sans-serif;
  color: #fefefe;
  height: 100%;
}
.news .Newshero .Newsnav-search input {
  padding: 0.4rem;
  font-family: "sofia-pro", sans-serif;
  background: rgba(255, 255, 255, 0.5);
  margin-left: 0.6rem;
  font-size: 16px;
  font-size: 1rem;
}
.news .Newshero .Newsnav-search input:focus {
  background: rgba(255, 255, 255, 0.9);
}
.news .News {
  background: #fefefe;
  position: relative;
  z-index: 0;
  padding-bottom: 4rem;
}
.news .News-overview article {
  *zoom: 1;
  padding: 2rem 36px;
}
.news .News-overview article:before, .news .News-overview article:after {
  content: "";
  display: table;
}
.news .News-overview article:after {
  clear: both;
}
@media (min-width: 46.25em) {
  .news .News-overview article {
    padding: 2rem 16rem 1rem 8rem;
  }
}
.news .News-overview article h1 {
  margin: 0;
  font-size: 24px;
  font-size: 1.5rem;
}
.news .News-overview article h1 a {
  color: #191d20;
  font-weight: 400;
}
.news .News-overview article p {
  line-height: 1.8rem;
}
.news .News-overview article p .type {
  color: #686868;
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  margin-right: 1.2rem;
}
.news .News-overview article p .categories {
  color: #686868;
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  margin-right: 0.4rem;
}
.news .News-overview article a {
  color: #373737;
  letter-spacing: 0.06rem;
  font-weight: 600;
}
.news .News-overview article a:before {
  background: #373737;
}
.news .News-overview article a.readmore:after {
  content: "";
}
.news .News-overview article a.readmore:hover:after {
  content: "\F178";
}
.news .News-overview article time {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  color: #08604e;
  margin-right: 2rem;
}
.news .News-overview article:hover {
  background: #f5f4ee;
}
.news .News-overview article.News-detail {
  padding: 0;
}
.news .News-overview article.News-detail h1 {
  *zoom: 1;
  max-width: 980px;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 3.8rem;
  color: rgb(10, 10, 5);
  margin-bottom: 3rem;
}
.news .News-overview article.News-detail h1:before, .news .News-overview article.News-detail h1:after {
  content: "";
  display: table;
}
.news .News-overview article.News-detail h1:after {
  clear: both;
}
.news .News-overview article.News-detail p:last-child {
  margin-bottom: 3rem;
}
.news .News-overview article.News-detail:hover {
  background: transparent;
}
.news .News-overview article.News-detail .col {
  padding-top: 3em;
}
.news .News-overview article.News-detail .col .col-body ul {
  margin-left: 20px;
}
.news .News-overview article.News-detail .col .col-body ul li {
  list-style-type: disc;
}
@media (min-width: 46.25em) {
  .news .News-overview article.News-detail .col:nth-child(1) {
    float: left;
    clear: none;
    width: 64%;
    margin-left: 0%;
    margin-right: 8%;
  }
  .news .News-overview article.News-detail .col:nth-child(1):last-child {
    margin-right: 0%;
  }
}
.news .News-overview article.News-detail .col:nth-child(1) img {
  max-width: 100%;
}
@media (min-width: 46.25em) {
  .news .News-overview article.News-detail .col:nth-child(2) {
    float: left;
    clear: none;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .news .News-overview article.News-detail .col:nth-child(2):last-child {
    margin-right: 0%;
  }
}
@media (min-width: 61.25em) {
  .news .News-overview article.News-detail .col:nth-child(2) {
    float: left;
    clear: none;
    width: 24%;
    margin-left: 0%;
    margin-right: 14%;
  }
  .news .News-overview article.News-detail .col:nth-child(2):last-child {
    margin-right: 0%;
  }
}
.news .News-overview article.News-detail .col:nth-child(2) h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "sofia-pro", sans-serif;
  color: #08604e;
}
.news .News-overview article.News-detail .col:nth-child(2) div {
  background: #f7f7f5;
  padding: 1.4rem 2rem;
}
.news .News-overview article.News-detail .col:nth-child(2) div:nth-child(2) ul li {
  font-family: "sofia-pro", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8rem;
  margin-bottom: 2rem;
}
.news .News-overview article.News-detail .col:nth-child(2) div:nth-child(2) ul li a {
  font-weight: 400;
}
.news .News-overview article.News-detail .col:nth-child(2) div:nth-child(4) {
  text-align: center;
}
.news .News-overview article.News-detail .col:nth-child(2) div:nth-child(4) a {
  color: #373737;
  margin-right: 2.4rem;
}
.news .News-overview article.News-detail .col:nth-child(2) div:nth-child(4) a:last-child {
  margin-right: 0;
}
.news .News-overview .u-hr {
  top: 50%;
  background: #ece4bb;
}
.news .News-showmore {
  font-size: 12px;
  font-size: 0.75rem;
  border-top: 0px;
  text-align: center;
  text-transform: uppercase;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  letter-spacing: 0.06rem;
}
.news .News-showmore a {
  padding: 4rem;
  color: #373737;
  width: 100%;
  display: block;
}
.news .News-showmore a:hover {
  background: #f5f4ee;
}
.news .News-showmore a i {
  margin-left: 0.4rem;
}

.no-entries {
  font-family: "adriane", serif;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  padding: 4rem;
}

/**
* Team
* views/contact.scss
*
* 1. Hero
*/
.contact .Contacthero {
  background-image: url("../img//backgrounds/contact-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 440px;
  padding: 7rem 2rem 4rem 2rem;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .contact .Contacthero {
    background-image: url("../img//backgrounds/contact-bg@2x.jpg");
  }
}
@media (min-width: 46.25em) {
  .contact .Contacthero {
    background-position: bottom right;
  }
}
.contact .Contacthero-logo img {
  animation-delay: 300ms;
}
.contact .Contacthero h1 {
  color: #fefefe;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: -0.1rem;
}
@media (min-width: 46.25em) {
  .contact .Contacthero h1 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 4.8rem;
    margin-top: 2rem;
    margin-bottom: 60px;
  }
}
.contact .Contact {
  padding: 4rem 0;
  background: #fefefe;
  position: relative;
  z-index: 0;
  color: #6b6b6b;
}
.contact .Contact p {
  line-height: 1.8rem;
}
.contact .Contact p a {
  color: rgb(10, 10, 5);
  text-decoration: underline;
}
.contact .Contact p.phonefax {
  font-family: "sofia-pro", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
}
.contact .Contact p.phonefax span {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.contact .Contact p.phonefax span:first-child {
  margin-left: auto;
}
.contact .Contact p.phonefax span:last-child {
  margin-right: auto;
}
@media (min-width: 46.25em) {
  .contact .Contact p.phonefax span {
    text-align: left;
    display: inline;
    clear: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    margin-right: 3rem;
  }
  .contact .Contact p.phonefax span:first-child {
    margin-left: 0;
  }
  .contact .Contact p.phonefax span:last-child {
    margin-right: 0;
  }
}
.contact .Contact p.phonefax a {
  text-decoration: none;
}
.contact .Contact .col {
  padding: 0 36px;
}
.contact .Contact .col:nth-child(1) {
  margin: 4rem 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  border-right: 1px solid #dfdeda;
}
@media (min-width: 61.25em) {
  .contact .Contact .col:nth-child(1) {
    float: left;
    clear: none;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .contact .Contact .col:nth-child(1):last-child {
    margin-right: 0%;
  }
}
.contact .Contact .col:nth-child(1) h4 {
  margin: 4rem 0 1rem 0;
  font-weight: 400;
}
.contact .Contact .col:nth-child(1) a {
  color: rgb(10, 10, 5);
  text-decoration: underline;
}
.contact .Contact .col:nth-child(1) ul li {
  line-height: 1.8rem;
}
.contact .Contact .col:nth-child(1) ul li a {
  color: rgb(10, 10, 5);
  text-decoration: none;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
}
.contact .Contact .col:nth-child(1) ul li a:before {
  background: #666666;
}
.contact .Contact .col:nth-child(1) ul li a:after {
  content: "";
}
.contact .Contact .col:nth-child(2) {
  margin: 4rem 0;
}
@media (min-width: 46.25em) {
  .contact .Contact .col:nth-child(2) {
    float: left;
    clear: none;
    width: 65.6666666667%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .contact .Contact .col:nth-child(2):last-child {
    margin-right: 0%;
  }
}
.contact .Map {
  margin-bottom: 65px;
}
.contact .Map #map {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 780px;
}
.contact .Map-box {
  background: rgba(255, 255, 255, 0.9);
  width: 88%;
  padding: 1.4rem;
  border: 1px solid rgb(10, 10, 5);
  position: absolute;
  z-index: 1;
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  zoom: 95.5%;
  font-family: "sofia-pro", sans-serif;
}
@media (min-width: 46.25em) {
  .contact .Map-box {
    padding: 4rem;
    width: auto;
  }
}
@media (min-width: 46.25em) {
  .contact .Map-box {
    zoom: 99%;
  }
}
.contact .Map-box p {
  font-size: 18px;
  font-size: 1.125rem;
  margin-left: 98px;
}
@media (min-width: 46.25em) {
  .contact .Map-box p {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.contact .Map-box p a {
  color: rgb(10, 10, 5);
  text-decoration: underline;
}
.contact .Map-box svg {
  float: left;
  width: 82px;
  height: 75px;
  position: absolute;
  transform-style: preserve-3d;
  top: 50%;
  transform: translateY(-50%);
}
.contact .Map-box svg path {
  fill: #191d20;
}
.contact .Contact-overview {
  padding: 36px;
}
@media (min-width: 46.25em) {
  .contact .Contact-overview {
    padding: 6rem;
  }
}
.contact .Contact-form {
  background-image: url("../img//backgrounds/contact-bg.png");
  background-size: cover;
}
@media (min-width: 46.25em) {
  .contact .Contact-form {
    top: 4rem;
  }
}
@media (min-width: 61.25em) {
  .contact .Contact-form {
    top: 2rem;
  }
}

.Industry .Industryhero {
  background-image: url("../img//backgrounds/industry-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 440px;
  padding: 7rem 2rem 4rem 2rem;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .Industry .Industryhero {
    background-image: url("../img//backgrounds/industry-bg@2x.jpg");
  }
}
@media (min-width: 46.25em) {
  .Industry .Industryhero {
    background-position: bottom right;
  }
}
.Industry .Industryhero-logo img {
  animation-delay: 300ms;
}
.Industry .Industryhero h1 {
  color: #fefefe;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: -0.1rem;
}
@media (min-width: 46.25em) {
  .Industry .Industryhero h1 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 4.8rem;
    margin-top: 2rem;
    margin-bottom: 60px;
  }
}
.Industry .Intro {
  background: #fcfbf5;
  margin: 0 auto;
}
.Industry .Intro img {
  width: 75px;
  padding: 0 0 2rem 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.Industry .Body ol,
.Industry .Body ul {
  list-style: disc;
  margin-left: 1em;
}
.Industry .Body ol li,
.Industry .Body ul li {
  line-height: 1.8em;
}
.Industry .Body ol {
  list-style: decimal;
}
.Industry .Body ul {
  list-style: disc;
}
.Industry .Body-container {
  padding: 2rem 0;
}
.Industry .Body-container h4 {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  color: #08604e;
}
@media (min-width: 46.25em) {
  .Industry .Body-container {
    padding: 4rem 0;
  }
}
.Industry .Body-sidebar {
  display: block;
  float: none;
  width: 100%;
  padding: 0 2rem 2rem;
  vertical-align: top;
  font-size: 18px;
  font-size: 1.125rem;
}
.Industry .Body-sidebar li {
  margin: 0.5rem 0;
}
.Industry .Body-sidebar li a {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.125rem;
  color: #373737;
}
.Industry .Body-sidebar .readmore {
  font-weight: 600;
}
.Industry .Body-sidebar .readprev {
  font-weight: 600;
}
.Industry .Body-sidebar .u-hr {
  margin: 2rem 0;
  background: #cccccc;
}
.Industry .Body-sidebar p {
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  line-height: 1.8rem;
}
@media (min-width: 46.25em) {
  .Industry .Body-sidebar {
    display: inline-block;
    float: left;
    width: 30%;
    vertical-align: top;
  }
  .Industry .Body-sidebar .u-hr {
    margin: 3rem 0;
  }
}
.Industry .Body-content {
  position: relative;
  display: block;
  float: none;
  width: 100%;
}
.Industry .Body-content .u-boxborder-offset {
  position: relative;
}
.Industry .Body-content section {
  padding: 2rem;
  background-image: url("../img//backgrounds/circle-trans.png");
  background-repeat: no-repeat;
  background-position: -50% 55%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
}
.Industry .Body-content .active {
  visibility: visible;
}
.Industry .Body-content h1 {
  margin: 4rem 0 0;
}
.Industry .Body-content h1::after {
  content: "";
  display: block;
  width: 4rem;
  height: 5px;
  background: #ece4bb;
  top: 100%;
  left: 0px;
  margin: 3rem 0;
}
.Industry .Body-content .readmore {
  position: absolute;
  top: 0;
  left: 0;
  margin: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: rgb(10, 10, 5);
}
.Industry .Body-content .readprev {
  position: absolute;
  top: 0;
  left: 0;
  margin: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  color: rgb(10, 10, 5);
}
.Industry .Body-content p {
  line-height: 1.8rem;
  margin-top: 2rem;
}
.Industry .Body-content h4 {
  color: gray;
}
.Industry .Body-content .content-section {
  margin-top: 2rem;
}
.Industry .Body-content .content-section ul {
  list-style-type: disc;
  padding-left: 1rem;
  font-family: "sofia-pro", sans-serif;
  font-weight: 400;
  color: gray;
}
.Industry .Body-content .content-section ul li {
  margin-bottom: 0.5rem;
}
.Industry .Body-content .content-section .img-container {
  position: relative;
}
.Industry .Body-content .content-section .img-container img {
  position: relative;
  display: block;
  margin: 2rem auto;
  width: 50%;
}
.Industry .Body-content .content-section .img-container::before {
  content: "";
  z-index: 0;
  width: 50%;
  height: 1rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px/5px;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: 0;
}
.Industry .Body-content .downloads {
  margin-top: 2rem;
}
.Industry .Body-content .downloads-item {
  position: relative;
  text-align: center;
  font-family: "sofia-pro", sans-serif;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  clear: both;
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
}
.Industry .Body-content .downloads-item:first-child {
  margin-left: auto;
}
.Industry .Body-content .downloads-item:last-child {
  margin-right: auto;
}
.Industry .Body-content .downloads-item img {
  width: 50%;
}
.Industry .Body-content .downloads-item p {
  margin: 0.5rem 0 0;
}
@media (min-width: 46.25em) {
  .Industry .Body-content {
    display: inline-block;
    float: right;
    width: 65%;
  }
  .Industry .Body-content section {
    padding: 4rem;
  }
  .Industry .Body-content h1 {
    margin: 0;
  }
  .Industry .Body-content .readmore {
    position: absolute;
    top: 0;
    right: 0;
    left: initial;
    margin: 2rem;
  }
  .Industry .Body-content .readprev {
    position: absolute;
    top: 0;
    right: 0;
    left: initial;
    margin: 2rem;
  }
}
@media (min-width: 61.25em) {
  .Industry .Body-content section {
    padding: 8rem;
    background-position: 250% 95%;
  }
  .Industry .Body-content .readmore {
    margin: 9rem 8rem 0 0;
  }
  .Industry .Body-content .readprev {
    margin: 9rem 8rem 0 0;
  }
  .Industry .Body-content .content-section {
    display: inline-block;
    width: 100%;
  }
  .Industry .Body-content .content-section ul {
    display: inline-block;
    width: 50%;
    float: left;
  }
  .Industry .Body-content .content-section .img-container {
    width: 40%;
    float: right;
    margin: 0;
    position: relative;
    right: 0;
  }
  .Industry .Body-content .content-section .img-container img {
    width: 100%;
    margin: 0;
  }
  .Industry .Body-content .downloads {
    clear: both;
    margin-top: 4rem;
  }
  .Industry .Body-content .downloads-item {
    text-align: left;
    display: inline;
    clear: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: left;
    clear: none;
    width: 26.6666666667%;
    margin-left: 0%;
    margin-right: 10%;
    text-align: left;
    margin-top: 0;
    margin-bottom: 3rem;
  }
  .Industry .Body-content .downloads-item:first-child {
    margin-left: 0;
  }
  .Industry .Body-content .downloads-item:last-child {
    margin-right: 0;
  }
  .Industry .Body-content .downloads-item:nth-of-type(3n) {
    margin-right: 0%;
    float: right;
  }
  .Industry .Body-content .downloads-item:nth-of-type(3n + 1) {
    clear: both;
  }
  .Industry .Body-content .downloads-item img {
    width: 100%;
  }
}

.Errorhero {
  background-image: url("../img//backgrounds/contact-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: relative;
  z-index: 0;
  height: 536px;
  padding: 11rem 2rem;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .Errorhero {
    background-image: url("../img//backgrounds/contact-bg@2x.jpg");
  }
}
@media (min-width: 46.25em) {
  .Errorhero {
    background-position: bottom left;
  }
}
.Errorhero-logo img {
  animation-delay: 300ms;
}
.Errorhero h1 {
  color: #fefefe;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: -0.1rem;
}
@media (min-width: 46.25em) {
  .Errorhero h1 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 4.8rem;
    margin-top: 4rem;
    margin-bottom: 60px;
  }
}

.newsletter .Contacthero {
  background-image: url("../img//backgrounds/news-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  height: 440px;
  padding: 7rem 2rem 4rem 2rem;
}
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .newsletter .Contacthero {
    background-image: url("../img//backgrounds/news-bg@2x.jpg");
  }
}
@media (min-width: 46.25em) {
  .newsletter .Contacthero {
    background-position: bottom right;
  }
}
.newsletter .Contacthero-logo img {
  animation-delay: 300ms;
}
.newsletter .Contacthero h1 {
  color: #fefefe;
  font-size: 34px;
  font-size: 2.125rem;
  font-weight: 400;
  line-height: 2.8rem;
  letter-spacing: -0.1rem;
}
@media (min-width: 46.25em) {
  .newsletter .Contacthero h1 {
    font-size: 60px;
    font-size: 3.75rem;
    line-height: 4.8rem;
    margin-top: 2rem;
    margin-bottom: 60px;
  }
}
.newsletter .Contact {
  padding: 4rem 0;
  background: #fefefe;
  position: relative;
  z-index: 0;
  color: #6b6b6b;
}
.newsletter .Contact p {
  line-height: 1.8rem;
}
.newsletter .Contact p a {
  color: rgb(10, 10, 5);
  text-decoration: underline;
}
.newsletter .Contact p.phonefax {
  font-family: "sofia-pro", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
}
.newsletter .Contact p.phonefax span {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.newsletter .Contact p.phonefax span:first-child {
  margin-left: auto;
}
.newsletter .Contact p.phonefax span:last-child {
  margin-right: auto;
}
@media (min-width: 46.25em) {
  .newsletter .Contact p.phonefax span {
    text-align: left;
    display: inline;
    clear: none;
    width: auto;
    margin-left: 0;
    margin-right: 0;
    margin-right: 3rem;
  }
  .newsletter .Contact p.phonefax span:first-child {
    margin-left: 0;
  }
  .newsletter .Contact p.phonefax span:last-child {
    margin-right: 0;
  }
}
.newsletter .Contact p.phonefax a {
  text-decoration: none;
}
.newsletter .Contact .col {
  padding: 0 36px;
}
.newsletter .Contact .col:nth-child(1) {
  margin: 4rem 0;
  font-family: "sofia-pro", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  border-right: 1px solid #dfdeda;
}
@media (min-width: 46.25em) {
  .newsletter .Contact .col:nth-child(1) {
    float: left;
    clear: none;
    width: 31.3333333333%;
    margin-left: 0%;
    margin-right: 3%;
    padding: 0;
  }
  .newsletter .Contact .col:nth-child(1):last-child {
    margin-right: 0%;
  }
}
.newsletter .Contact .col:nth-child(1) h4 {
  margin: 4rem 0 1rem 0;
  font-weight: 400;
}
.newsletter .Contact .col:nth-child(1) a {
  color: rgb(10, 10, 5);
  text-decoration: underline;
}
.newsletter .Contact .col:nth-child(1) ul li {
  line-height: 1.8rem;
}
.newsletter .Contact .col:nth-child(1) ul li a {
  color: rgb(10, 10, 5);
  text-decoration: none;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
}
.newsletter .Contact .col:nth-child(1) ul li a:before {
  background: #666666;
}
.newsletter .Contact .col:nth-child(1) ul li a:after {
  content: "";
}
.newsletter .Contact .col:nth-child(2) {
  margin: 4rem 0;
}
@media (min-width: 46.25em) {
  .newsletter .Contact .col:nth-child(2) {
    float: left;
    clear: none;
    width: 65.6666666667%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .newsletter .Contact .col:nth-child(2):last-child {
    margin-right: 0%;
  }
}

@media (min-width: 61.25em) {
  .Terms {
    *zoom: 1;
    width: auto;
    max-width: 960px;
    float: none;
    display: block;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    margin-top: 4rem;
  }
  .Terms:before, .Terms:after {
    content: "";
    display: table;
  }
  .Terms:after {
    clear: both;
  }
}