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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
  font-family: 'TradeGothicLTPro-BdCn20';
  src: url("/wp-content/themes/echo/build/webfonts/tradegothic/font.woff2") format("woff2"), url("/wp-content/themes/echo/build/webfonts/tradegothic/font.woff") format("woff"); }
@font-face {
  font-family: 'UniversLTPro-55Roman';
  src: url("/wp-content/themes/echo/build/webfonts/univers-roman/font.woff2") format("woff2"), url("/wp-content/themes/echo/build/webfonts/univers-roman/font.woff") format("woff"); }
@font-face {
  font-family: 'UniversLTPro-45Light';
  src: url("/wp-content/themes/echo/build/webfonts/univers-light/font.woff2") format("woff2"), url("/wp-content/themes/echo/build/webfonts/univers-light/font.woff") format("woff"); }
@font-face {
  font-family: 'UniversLTPro-UltCond';
  src: url("/wp-content/themes/echo/build/webfonts/UniversLTPro-UltCond/font.woff2") format("woff2"), url("/wp-content/themes/echo/build/webfonts/UniversLTPro-UltCond/font.woff") format("woff"); }
h1,
.t-h1 {
  font-family: "Libre Baskerville", serif;
  font-weight: 100;
  font-size: 30px;
  line-height: 40px;
  margin: 0; }
  @media only screen and (min-width: 768px) {
    h1,
    .t-h1 {
      font-size: 50px;
      line-height: 70px; } }
  @media (min-width: 992px) and (min-height: 720px) {
    h1,
    .t-h1 {
      font-size: 70px;
      line-height: 90px; } }

h2,
.t-h2 {
  font-family: "UniversLTPro-UltCond", sans-serif;
  letter-spacing: 1px;
  font-weight: 100;
  font-size: 30px;
  line-height: 40px;
  margin: 18px 0;
  text-transform: uppercase; }
  @media only screen and (min-width: 768px) {
    h2,
    .t-h2 {
      font-size: 50px;
      line-height: 65px;
      margin: 36px 0; } }
  @media (min-width: 992px) and (min-height: 720px) {
    h2,
    .t-h2 {
      font-size: 55px;
      line-height: 70px; } }

h3,
.t-h3, .c-location__title, .c-location__address, .c-location__telephone, .c-location__map, .c-location__map a {
  font-family: "UniversLTPro-UltCond", sans-serif;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 25px;
  line-height: 30px;
  margin: 0 0 20px 0;
  text-transform: uppercase; }
  @media only screen and (min-width: 768px) {
    h3,
    .t-h3, .c-location__title, .c-location__address, .c-location__telephone, .c-location__map, .c-location__map a {
      font-size: 32px;
      line-height: 38px; } }
  @media (min-width: 992px) and (min-height: 720px) {
    h3,
    .t-h3, .c-location__title, .c-location__address, .c-location__telephone, .c-location__map, .c-location__map a {
      font-size: 40px;
      line-height: 46px; } }

h4,
.t-h4 {
  font-family: "UniversLTPro-55Roman", sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 800;
  margin: 0 0 5px 0; }
  @media only screen and (min-width: 768px) {
    h4,
    .t-h4 {
      font-size: 22px;
      line-height: 29px; } }
  @media (min-width: 992px) and (min-height: 720px) {
    h4,
    .t-h4 {
      font-size: 22px;
      line-height: 29px; } }

h5,
.t-h5 {
  font-family: "UniversLTPro-55Roman", sans-serif;
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 20px 0; }
  @media only screen and (min-width: 768px) {
    h5,
    .t-h5 {
      font-size: 20px;
      line-height: 27px; } }
  @media (min-width: 992px) and (min-height: 720px) {
    h5,
    .t-h5 {
      font-size: 20px;
      line-height: 27px; } }

h6,
.t-h6 {
  font-family: "UniversLTPro-55Roman", sans-serif;
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 20px 0; }
  @media only screen and (min-width: 768px) {
    h6,
    .t-h6 {
      font-size: 20px;
      line-height: 27px; } }
  @media (min-width: 992px) and (min-height: 720px) {
    h6,
    .t-h6 {
      font-size: 20px;
      line-height: 27px; } }

body, p,
ul,
ol,
li,
address,
.h2-sml, .c-section--case_study_intro .b-case_study_intro .tag-container .tag {
  font-family: "UniversLTPro-45Light", sans-serif;
  font-size: 16px;
  line-height: 25px;
  font-weight: 500; }
  @media only screen and (min-width: 768px) {
    body, p,
    ul,
    ol,
    li,
    address,
    .h2-sml, .c-section--case_study_intro .b-case_study_intro .tag-container .tag {
      font-size: 18px;
      line-height: 30px; } }
  @media (min-width: 992px) and (min-height: 720px) {
    body, p,
    ul,
    ol,
    li,
    address,
    .h2-sml, .c-section--case_study_intro .b-case_study_intro .tag-container .tag {
      font-size: 20px;
      line-height: 40px; } }

.t-feature {
  font-size: 60px;
  line-height: 50px; }
  @media (min-width: 992px) and (min-height: 720px) {
    .t-feature {
      font-size: 100px;
      line-height: 90px; } }

.t-caps, .c-career__location, .c-career__experience {
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 20px; }

.t-small, .c-form .errMsg,
.c-form .lengthIndicator, .c-form__label, .c-form__message, .c-section--text-columns a.more {
  font-size: 12px;
  line-height: 18px; }
  @media only screen and (min-width: 768px) {
    .t-small, .c-form .errMsg,
    .c-form .lengthIndicator, .c-form__label, .c-form__message, .c-section--text-columns a.more {
      font-size: 16px;
      line-height: 26px; } }
  @media (min-width: 992px) and (min-height: 720px) {
    .t-small, .c-form .errMsg,
    .c-form .lengthIndicator, .c-form__label, .c-form__message, .c-section--text-columns a.more {
      font-size: 16px;
      line-height: 26px; } }

[data-src] {
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  [data-src].lazyloaded {
    opacity: 1; }

.hamburger-box {
  margin: 5px 0 0 0; }

::placeholder {
  color: #919B9C; }

::selection {
  color: white;
  background-color: rgba(0, 42, 58, 0.99); }

html {
  box-sizing: border-box;
  text-size-adjust: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
  width: 100%;
  height: 100%; }

body {
  color: #002A3A;
  font-family: "UniversLTPro-55Roman", sans-serif;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
  background-color: white; }
  body.has-menu {
    overflow: hidden; }
    @media only screen and (min-width: 992px) {
      body.has-menu {
        overflow-y: auto; } }
  @media only screen and (min-width: 992px) {
    body {
      padding: 0; } }

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

button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  appearance: none;
  outline: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: normal;
  letter-spacing: 0.1em; }

.title.align-center {
  text-align: center; }

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

.mrgn-lrg {
  margin: 0 0 40px 0; }
  @media only screen and (min-width: 768px) {
    .mrgn-lrg {
      margin: 0 0 60px 0; } }
  @media (min-width: 992px) and (min-height: 720px) {
    .mrgn-lrg {
      margin: 0 0 100px 0; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px !important;
  padding-left: 20px !important; }
  @media only screen and (min-width: 992px) {
    .container-fluid {
      padding-right: 80px !important;
      padding-left: 80px !important; } }
  @media only screen and (min-width: 1200px) {
    .container-fluid {
      padding-right: 150px !important;
      padding-left: 150px !important; } }

hr {
  border-top: 1px solid #00a7b4;
  margin: 30px 0 40px; }

.bounce {
  animation: bounce 2s infinite; }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-30px); }
  60% {
    transform: translateY(-15px); } }
.chevron-down {
  width: 80px;
  position: relative;
  overflow: hidden;
  display: block;
  margin: 60px auto;
  cursor: pointer;
  animation: bounce 2s infinite; }
  .chevron-down svg {
    width: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  word-break: inherit; }

h1,
.t-h1 {
  text-transform: none; }

strong,
b {
  font-weight: 600; }

a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  color: #002A3A;
  cursor: pointer;
  text-decoration: none;
  padding: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: border-color 0.125s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  a:hover, a:active, a:focus {
    color: #002A3A;
    border-color: inherit;
    text-decoration: none; }
  .current-menu-item a {
    border-color: inherit; }

p,
ul,
ol,
li,
address,
.h2-sml {
  text-transform: none;
  font-weight: 100;
  margin: 0 0 20px 0; }

.h2-sml {
  margin: 20px 0; }

address {
  font-style: normal; }

ul,
ol {
  padding: 0 0 0 20px;
  margin: 20px 0; }
  ul li,
  ol li {
    margin: 5px 0; }

blockquote,
cite {
  font-style: normal;
  padding: 0;
  display: block; }

blockquote {
  margin: 0;
  quotes: "“" "”" "‘" "’"; }
  @media only screen and (min-width: 768px) {
    blockquote {
      padding: 0 0 0 30px; } }
  blockquote > p {
    position: relative; }
    blockquote > p::before, blockquote > p::after {
      color: inherit;
      font-size: inherit; }
      @media only screen and (min-width: 768px) {
        blockquote > p::before, blockquote > p::after {
          position: absolute; } }
    blockquote > p::before {
      content: open-quote; }
      @media only screen and (min-width: 768px) {
        blockquote > p::before {
          left: -30px; } }
    blockquote > p::after {
      content: close-quote; }

.btn-wrapper {
  display: block; }
  .btn-wrapper.lrg {
    margin-top: 60px; }

.back-to-top {
  display: none;
  position: fixed;
  bottom: 20px;
  top: auto;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #00a7b4;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 100%;
  height: 46px; }

.cta {
  border: 0;
  border-radius: 30px;
  line-height: 100%;
  letter-spacing: 0;
  user-select: none;
  color: #4E4E4E;
  display: inline-block;
  cursor: pointer;
  background: #ffffff;
  pointer-events: all;
  transition: all 0.2s ease-out;
  text-align: center;
  padding: 14px 22px;
  font-size: 16px; }
  @media only screen and (min-width: 768px) {
    .cta {
      min-width: 196px;
      padding: 16px 38px;
      font-size: 20px; } }
  .cta:hover {
    background: #d2d2d2; }
  .cta.cta-comet {
    background: #545871;
    color: #ffffff; }
  .cta.cta-dark-grey {
    background: #4E4E4E;
    color: #ffffff; }
    .cta.cta-dark-grey:hover {
      background: #000000; }
  .cta__white {
    border-color: white;
    color: white !important; }
  .cta__blue {
    border-color: #002A3A;
    color: #002A3A !important; }
    .cta__blue:hover {
      border-color: #919B9C;
      color: #919B9C; }
  .cta__red-white {
    color: white !important;
    background: transparent; }
    .cta__red-white:hover {
      border-color: #919B9C !important;
      background: #919B9C; }

.c-career {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .c-career .back-col {
      text-align: right; } }
  .c-career__title {
    margin: 40px 0 0 0; }
  .c-career__experience {
    margin: 10px 0 40px 0; }
  .c-career__apply {
    margin-top: 40px; }
    @media only screen and (min-width: 576px) {
      .c-career__apply {
        margin-top: 60px; } }
    @media only screen and (max-width: 575px) {
      .c-career__apply .c-button {
        width: 100%; } }

.c-face {
  width: 65px;
  height: 30px;
  position: relative;
  z-index: 10000;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  .c-face__eye {
    width: 30px;
    height: 30px;
    background-color: #ffffff;
    border: 4px solid #002A3A;
    border-radius: 50%;
    position: relative; }
  .c-face__iris {
    background-color: transparent;
    width: 15px;
    height: 15px;
    padding: 3px 0 0 0;
    position: absolute;
    left: calc(50% - 7px);
    top: -3.5px;
    transform-origin: bottom;
    display: flex;
    justify-content: center; }
  .c-face__pupil {
    width: 10px;
    height: 10px;
    background-color: #002A3A;
    border-radius: 50%; }

.c-footer {
  width: 100%;
  padding: 45px 0 !important;
  background-color: #f5f5f5 !important; }
  .c-footer .footer-title {
    text-transform: uppercase;
    font-family: "UniversLTPro-UltCond", sans-serif;
    letter-spacing: 1px;
    display: block;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px; }
  .c-footer .footer-cta {
    display: block;
    color: #002A3A;
    margin: 0 0 10px;
    border: 0;
    text-decoration: none; }
    .c-footer .footer-cta.email {
      display: inline-block; }
    .c-footer .footer-cta:hover {
      border: 0;
      color: #00a7b4;
      text-decoration: underline; }
  @media only screen and (min-width: 768px) {
    .c-footer .company {
      float: right; } }
  .c-footer .social-round {
    border-radius: 100%;
    border: 1px solid #002A3A;
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0 20px 0 0;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center center; }
    .c-footer .social-round.instagram {
      background-image: url("/wp-content/themes/echo/build/img/social-instagram-blk.svg"); }
      .c-footer .social-round.instagram:hover {
        background-image: url("/wp-content/themes/echo/build/img/insta_on.svg"); }
    .c-footer .social-round.linkedin {
      background-image: url("/wp-content/themes/echo/build/img/social-linkedin-blk.svg"); }
      .c-footer .social-round.linkedin:hover {
        background-image: url("/wp-content/themes/echo/build/img/linkedin_on.svg"); }
    .c-footer .social-round:hover {
      border: 1px solid #00a7b4; }
  .c-footer .footer-sub {
    margin: 20px 0 0 0;
    border-top: 2px solid #ffffff;
    padding: 30px 0 20px;
    display: flex;
    align-items: center; }
    @media only screen and (min-width: 768px) {
      .c-footer .footer-sub {
        margin: 65px 0 0 0;
        padding: 40px 0; } }
    .c-footer .footer-sub #navigation-footer-sub {
      justify-content: flex-start; }
      .c-footer .footer-sub #navigation-footer-sub li {
        margin: 0 20px 0 0; }

.c-form {
  position: relative;
  overflow: hidden; }
  .c-form .errMsg,
  .c-form .lengthIndicator {
    display: block;
    padding: 10px 0 0 0;
    font-weight: 600; }
  .c-form [disabled] {
    opacity: 0.2;
    user-select: none;
    cursor: not-allowed; }
  .c-form__fieldset {
    margin: 0;
    padding: 0;
    border: none; }
  .c-form__label {
    display: block;
    padding: 0;
    color: #ffffff; }
    .theme-navy .c-form__label {
      color: #919B9C; }
  .c-form__field {
    float: left;
    width: 100%;
    margin: 0 0 10px; }
    @media only screen and (min-width: 768px) {
      .c-form__field {
        width: 48%;
        margin: 0 1% 10px; } }
    .c-form__field:last-child {
      margin-bottom: 0; }
    .c-form__field.full-width {
      width: 98%;
      margin: 0 1% 10px;
      text-align: center !important; }
  .c-form__input, .c-form__textarea, .c-form__select {
    width: 100%;
    padding: 0 20px;
    border-radius: 4px;
    border: none;
    outline: none;
    background-color: #FEE4DA;
    color: #000000; }
    @media only screen and (min-width: 768px) {
      .c-form__input, .c-form__textarea, .c-form__select {
        padding: 0 20px; } }
  .c-form__input, .c-form__select {
    height: 42px; }
    @media only screen and (min-width: 768px) {
      .c-form__input, .c-form__select {
        font-size: 16px;
        line-height: 22px;
        height: 42px; } }
  .c-form__select {
    appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg width='16' height='12' xmlns='http://www.w3.org/2000/svg'><path d='M8 12L0 0h16z' fill='#FFF' fill-rule='evenodd'/></svg>");
    background-position: 96% 50%;
    background-repeat: no-repeat; }
  .c-form__textarea {
    height: 160px;
    padding: 20px; }
  .c-form__button {
    border: 2px solid red;
    border-radius: 5px;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
    background: red;
    pointer-events: all;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out; }
  .c-form .actions {
    float: left;
    width: 100%;
    text-align: center; }

.c-form__multiple-select {
  min-height: 350px;
  padding: 20px; }

.login-block .c-section {
  padding: 60px 0; }
  @media only screen and (min-width: 768px) {
    .login-block .c-section {
      padding: 80px 0; } }
.login-block .title_row {
  text-align: center;
  margin-bottom: 80px; }
  .login-block .title_row h5 {
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 40px;
    font-weight: bold;
    letter-spacing: 0.1rem; }
  .login-block .title_row h1 {
    font-size: 40px;
    margin-bottom: 0; }
    @media only screen and (min-width: 768px) {
      .login-block .title_row h1 {
        font-size: 60px; } }
.login-block .login_field {
  text-align: right; }
.login-block .login {
  max-width: 150px; }
.login-block .c-button {
  border: 2px solid red;
  border-radius: 5px !important;
  padding: 10px 30px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: .1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  cursor: pointer;
  pointer-events: all;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out; }
  .login-block .c-button:hover {
    color: white; }

.c-grid {
  margin: 0;
  padding: 0;
  list-style: none; }
  @media only screen and (min-width: 768px) {
    .c-grid {
      display: grid;
      grid-gap: 20px;
      grid-auto-flow: dense;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto; } }
  .c-grid audio, .c-grid video {
    width: 100%; }
  .c-grid img {
    display: inherit; }
  .c-grid__item {
    margin: 0 0 15px 0;
    padding: 0;
    background-color: transparent; }
    @media only screen and (min-width: 768px) {
      .c-grid__item {
        margin: 0; } }
    .c-grid__item:hover, .c-grid__item:active, .c-grid__item:focus {
      background-color: #848f90; }
    .c-grid__item.theme-blue {
      background-color: #002A3A;
      color: white; }
      .c-grid__item.theme-blue:hover, .c-grid__item.theme-blue:active, .c-grid__item.theme-blue:focus {
        background-color: #001821; }
    .c-grid__item.theme-grey {
      background-color: #919B9C; }
      .c-grid__item.theme-grey:hover, .c-grid__item.theme-grey:active, .c-grid__item.theme-grey:focus {
        background-color: #848f90; }
    @media only screen and (max-width: 767px) {
      .c-grid__item.is-hidden-mobile {
        display: none; } }
    .c-grid__item.is-width-half {
      grid-column: span 2; }
    .c-grid__item.is-width-three_quarters {
      grid-column: span 3; }
    .c-grid__item.is-width-full {
      grid-column: span 4; }
    .c-grid__item.is-height-double {
      grid-row: span 2; }
    .c-grid__item.is-type-blank {
      display: none;
      background-color: transparent; }
      @media only screen and (min-width: 768px) {
        .c-grid__item.is-type-blank {
          display: block; } }
      .c-grid__item.is-type-blank:hover, .c-grid__item.is-type-blank:active, .c-grid__item.is-type-blank:focus {
        background-color: transparent; }
    .c-grid__item.is-type-text {
      pointer-events: none; }
  .c-grid__el {
    height: 0;
    overflow: hidden;
    padding-bottom: 100%; }
    .is-width-three_quarters.is-height-double .c-grid__el {
      padding-bottom: 50%; }
    .is-width-quarter.is-height-double .c-grid__el {
      padding-bottom: 177%; }
    .is-type-blank.is-width-quarter.is-height-double .c-grid__el {
      padding-bottom: 100%; }
    .is-width-full .c-grid__el {
      padding-bottom: 50%; }
    @media only screen and (max-width: 767px) {
      .is-type-statistic .c-grid__el {
        padding-bottom: 0;
        height: auto; } }
  .c-grid .is-subtype-testimonial .c-grid__el {
    padding: 0 !important;
    position: relative;
    height: auto; }
    .c-grid .is-subtype-testimonial .c-grid__el .c-grid__content {
      position: relative; }
    .c-grid .is-subtype-testimonial .c-grid__el .wrapper {
      max-width: 1600px; }
    .c-grid .is-subtype-testimonial .c-grid__el .container-fluid {
      margin-right: auto;
      margin-left: auto;
      padding-right: 40px !important;
      padding-left: 40px !important; }
      @media only screen and (min-width: 768px) {
        .c-grid .is-subtype-testimonial .c-grid__el .container-fluid {
          padding-right: 100px !important;
          padding-left: 100px !important; } }
      @media only screen and (min-width: 992px) {
        .c-grid .is-subtype-testimonial .c-grid__el .container-fluid {
          padding-right: 150px !important;
          padding-left: 150px !important; } }
  .c-grid .is-subtype-testimonial .theme-grey {
    color: #002A3A !important; }
  .c-grid__content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden; }
    .is-type-statistic .c-grid__content {
      display: flex;
      flex-direction: column;
      padding: 20px 15px 0 15px; }
      @media only screen and (max-width: 767px) {
        .is-type-statistic .c-grid__content {
          position: relative; } }
      @media only screen and (min-width: 768px) {
        .is-type-statistic .c-grid__content {
          padding: 20px 15px; } }
      @media only screen and (min-width: 992px) {
        .is-type-statistic .c-grid__content {
          padding: 20px 20px; } }
      .is-type-statistic .c-grid__content p {
        margin-top: 0; }
      .is-type-statistic .c-grid__content .t-feature {
        margin-bottom: 5px; }
    .is-type-text .c-grid__content {
      padding: 0 15px; }
      @media only screen and (min-width: 992px) {
        .is-type-text .c-grid__content {
          padding: 0 20px; } }
  .c-grid__image, .c-grid__video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .c-grid a {
    color: white; }
  .c-grid__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    color: white;
    background-color: rgba(0, 84, 188, 0.8);
    padding: 0 15px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    @media only screen and (min-width: 992px) {
      .c-grid__overlay {
        padding: 0 20px; } }
    .c-grid__item:hover .c-grid__overlay {
      opacity: 1; }
    .c-grid__overlay * {
      pointer-events: auto; }
    .c-grid__overlay .project-link {
      position: absolute;
      bottom: 20px;
      left: 20px; }
  .c-grid__logo {
    margin: 20px 0;
    display: block;
    border: none;
    width: auto;
    height: 40px; }
  .c-grid__pp {
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 1; }

.width-max {
  padding: 0 !important; }
  .width-max .wrapper {
    max-width: 100%;
    padding: 0 !important; }
  .width-max .container-fluid {
    padding: 0; }
    .width-max .container-fluid .c-grid {
      grid-gap: 0; }
      .width-max .container-fluid .c-grid li {
        margin: 0; }
      .width-max .container-fluid .c-grid .is-type-text .c-grid__content {
        padding: 30px 20px; }
      @media only screen and (min-width: 576px) {
        .width-max .container-fluid .c-grid .is-type-text .c-grid__content {
          padding: 80px 50px; } }
      @media only screen and (min-width: 768px) {
        .width-max .container-fluid .c-grid .is-type-text .c-grid__content {
          max-width: 800px;
          right: 0;
          padding-right: 46px;
          left: auto;
          padding-left: 46px;
          padding-top: 46px; } }
      @media only screen and (min-width: 992px) {
        .width-max .container-fluid .c-grid .is-type-text .c-grid__content {
          max-width: 800px;
          right: 0;
          padding-right: 80px;
          left: auto;
          padding-left: 46px;
          padding-top: 80px; } }

.is-type-text .c-grid__el {
  padding: 0;
  height: auto; }
.is-type-text .c-grid__content {
  position: relative;
  height: auto;
  overflow: hidden; }

.contact-success {
  text-align: center;
  position: fixed;
  padding: 50px 20px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100001;
  background-color: #fff;
  transition: all .8s ease-in; }
  .contact-success.seen {
    top: -1000px; }

.c-header {
  position: relative;
  top: 0;
  padding: 0 !important;
  width: 100%;
  display: flex;
  height: 100px;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
  align-items: center;
  z-index: 1000; }
  .c-header .wrapper {
    width: 100%;
    max-width: 1800px; }
  @media only screen and (min-width: 768px) {
    .c-header {
      height: 120px; } }
  .c-header__brand {
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .c-header__brand a {
      display: block;
      padding: 0;
      border: none; }
      .c-header__brand a img {
        max-width: 200px; }
        @media only screen and (min-width: 992px) {
          .c-header__brand a img {
            max-width: 300px; } }
  .c-header__navigation {
    float: right;
    margin: 6px 0 0 0;
    display: flex;
    align-items: center; }
  .c-header__hamburger {
    z-index: 10000;
    margin: 0 -15px 0 0; }
    @media only screen and (min-width: 992px) {
      .c-header__hamburger {
        display: none; } }
  .c-header .logo {
    display: inline-block;
    margin-top: 0;
    border: 0 !important;
    width: 150px;
    transition: all 0.2s ease-in; }
    .c-header .logo svg {
      width: 100%; }
    @media only screen and (min-width: 768px) {
      .c-header .logo {
        width: 180px; } }
    @media only screen and (min-width: 992px) {
      .c-header .logo {
        width: 180px; } }
    .c-header .logo img {
      display: block;
      width: 100%; }
  .c-header .btn-search {
    display: none;
    position: absolute;
    top: 8px;
    right: 25px;
    width: 14px;
    cursor: pointer; }
    @media only screen and (min-width: 768px) {
      .c-header .btn-search {
        display: block; } }
    .c-header .btn-search img {
      width: 100%; }
  .c-header.scroll {
    padding: 0;
    transition: all 0.3s ease-in-out;
    background-color: #4E4E4E; }
    .c-header.scroll .logo {
      display: inline-block;
      margin-top: 5px;
      border: 0 !important;
      width: 160px; }
      .c-header.scroll .logo svg {
        width: 100%; }
      @media only screen and (min-width: 768px) {
        .c-header.scroll .logo {
          width: 204px; } }
      @media only screen and (min-width: 992px) {
        .c-header.scroll .logo {
          width: 204px; } }
      .c-header.scroll .logo img {
        display: block;
        width: 100%; }
  .c-header .header-social {
    display: none;
    float: right;
    margin-top: 14px; }
    @media only screen and (min-width: 768px) {
      .c-header .header-social {
        display: inline-block; } }
    .c-header .header-social a {
      margin: 0 0 0 15px;
      text-decoration: none;
      border: 0; }
      .c-header .header-social a:hover {
        text-decoration: none;
        border: 0; }
      .c-header .header-social a svg {
        width: 16px; }
        .c-header .header-social a svg path {
          fill: #ffffff; }
  .c-header .cta {
    float: right;
    margin: 2px 0 0;
    display: none; }
    @media only screen and (min-width: 768px) {
      .c-header .cta {
        display: block; } }

#responsive-menu-button {
  display: none;
  background: transparent !important; }

.search-header {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: #002A3A;
  padding: 10px 0; }
  .search-header .search-form {
    width: 100%;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .search-header .search-form input {
      border: 1px solid #ffffff;
      color: #000000;
      font-family: "UniversLTPro-45Light", sans-serif;
      font-size: 16px;
      padding: 7px 5px 5px;
      outline: 0 !important; }
    .search-header .search-form .search-submit {
      color: #ffffff;
      font-family: "UniversLTPro-45Light", sans-serif;
      margin: 5px 10px 0; }
  .search-header.open {
    display: block; }

.divider {
  margin-bottom: 10px;
  margin-top: 40px;
  border-top: 2px solid #00a7b4;
  position: relative; }
  @media only screen and (min-width: 768px) {
    .divider {
      margin-top: 0;
      margin-bottom: 10px; } }
  .divider:before {
    margin-top: -8px;
    border-top: 2px solid #00a7b4;
    content: " ";
    width: 100%;
    position: absolute; }
  .divider:after {
    margin-top: 4px;
    border-top: 2px solid #00a7b4;
    content: " ";
    position: absolute;
    width: 100%; }

[data-inview] {
  opacity: 0;
  transform: translate3d(0, 0, 0) scale(0.95);
  transition: background-color 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s 0.125s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.5s 0.125s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
  [data-inview].is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1); }

.c-loader {
  display: none;
  margin: 50px auto;
  position: relative;
  border-top: 4px solid rgba(0, 42, 58, 0.2);
  border-right: 4px solid rgba(0, 42, 58, 0.2);
  border-bottom: 4px solid rgba(0, 42, 58, 0.2);
  border-left: 4px solid #002A3A;
  transform: translate3d(0, 0, 0);
  animation: spinner 0.5s infinite linear; }
  .is-loading .c-loader {
    display: block; }
  .c-loader, .c-loader::after {
    border-radius: 50%;
    width: 30px;
    height: 30px; }

@keyframes spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.c-location a {
  color: inherit; }
.c-location__address {
  margin: 0; }
.c-location__separator {
  margin: 0 0 5px 0; }
.c-location__telephone {
  margin: 0; }
.c-location__map {
  margin-top: 10px; }
  .c-location__map a {
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 5px;
    color: #000000;
    border: 0; }
    .c-location__map a .icn {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      position: absolute;
      height: 100%;
      width: 29px;
      left: -29px;
      top: -4px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      transition: all 0.3s; }
    .c-location__map a .title {
      display: inline-block;
      width: 100%;
      height: 100%;
      -webkit-transition: all 0.3s;
      -webkit-backface-visibility: hidden;
      -moz-transition: all 0.3s;
      -moz-backface-visibility: hidden;
      transition: all 0.3s;
      backface-visibility: hidden; }
    .c-location__map a:hover .title, .c-location__map a.selected .title {
      -webkit-transform: translateX(44px);
      -moz-transform: translateX(44px);
      -ms-transform: translateX(44px);
      transform: translateX(44px);
      color: #000000; }
    .c-location__map a:hover .icn, .c-location__map a.selected .icn {
      left: 0; }
    .c-location__map a:hover {
      text-decoration: none; }
.c-location .embed-container {
  margin-top: 20px; }
  .c-location .embed-container iframe {
    width: 100%;
    height: 200px; }

.c-navigation {
  width: auto;
  display: inline-block;
  margin-right: 45px; }
  @media only screen and (min-width: 768px) {
    .c-navigation.footer {
      float: right; } }
  .c-navigation.search {
    margin-right: 0; }
  @media only screen and (min-width: 768px) {
    .c-navigation {
      overflow: visible; } }
  .has-menu .c-navigation {
    transform: translate3d(0, 0, 0); }
  @media only screen and (min-width: 768px) {
    .c-navigation {
      position: static;
      background-color: transparent;
      transform: translate3d(0, 0, 0); } }
  .c-navigation__container {
    width: 100%;
    margin: 0;
    padding: 0; }
  .c-navigation__list {
    position: relative;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .c-navigation__list {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end; } }
    .c-navigation__list li {
      font-size: 16px;
      line-height: 26px;
      color: #002A3A;
      position: relative;
      width: 100%;
      margin: 0;
      padding: 0;
      white-space: nowrap;
      text-align: left; }
      @media only screen and (min-width: 768px) {
        .c-navigation__list li {
          width: auto;
          margin: 5px 0 0 38px;
          text-align: center; } }
      .c-navigation__list li.current-menu-item a {
        font-family: "UniversLTPro-55Roman", sans-serif;
        border-bottom-color: #00a7b4; }
    .c-navigation__list a {
      color: #002A3A;
      padding: 0;
      width: auto;
      border-bottom-color: transparent; }
      .c-navigation__list a:hover {
        text-decoration: none;
        border-bottom-color: #00a7b4; }

#responsive-menu-container #responsive-menu-wrapper {
  padding: 20px 0;
  background-color: #002a3a !important; }

.responsive-menu-search-box {
  border: 1px solid #ffffff !important;
  height: 40px !important;
  padding: 0 10px !important; }

button#responsive-menu-button {
  z-index: 10001;
  display: inline-block;
  right: 20px !important; }

@media only screen and (min-width: 768px) {
  #responsive-menu {
    margin-top: 5% !important; } }
@media (min-width: 992px) and (min-height: 720px) {
  #responsive-menu {
    margin-top: 10% !important; } }
#responsive-menu li a {
  padding: 3px 8% 0 8% !important; }

.menu-light .logo svg rect,
.menu-light .c-header .logo svg path {
  fill: #ffffff; }
.menu-light .c-navigation ul li a {
  color: #ffffff; }
  .menu-light .c-navigation ul li a:hover {
    border-bottom: 1px solid #ffffff; }

.menu-dark .logo svg rect,
.menu-dark .c-header .logo svg path {
  fill: #002A3A; }
.menu-dark .c-navigation ul li a {
  color: #002A3A; }
  .menu-dark .c-navigation ul li a:hover {
    border-bottom: 1px solid #002A3A; }

#navigation-footer {
  display: block;
  margin: 40px 0 0 0; }
  @media only screen and (min-width: 768px) {
    #navigation-footer {
      margin: 0; } }
  #navigation-footer li {
    width: auto;
    margin: 0 0 10px;
    text-align: left; }
    @media only screen and (min-width: 768px) {
      #navigation-footer li {
        text-align: right; } }

.work-template-default #menu-item-53 a {
  font-family: "UniversLTPro-55Roman", sans-serif;
  border-bottom-color: #000000; }

.search-form {
  display: inline-block;
  width: auto;
  position: relative;
  overflow: hidden;
  width: 0;
  transition: all 0.3s ease-in; }
  .search-form.show {
    width: 150px;
    margin-left: 20px; }
  .search-form input {
    width: 100%;
    border: 1px solid #00a7b4;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 12px;
    outline: 0 !important; }

.c-pp {
  position: relative;
  width: 50px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center; }
  .c-pp__icon {
    display: block;
    position: absolute;
    width: 12px;
    height: 20px;
    box-sizing: border-box;
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 4px solid #fff;
    border-left: 4px solid #fff; }
    .c-pp.is-play .c-pp__icon {
      width: 30px;
      border-right: 15px solid transparent;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 15px solid #fff;
      transform: translate3d(30%, 0, 0); }

.c-section {
  width: 100%;
  padding: 40px 0;
  background-color: white; }
  @media only screen and (min-width: 768px) {
    .c-section {
      padding: 60px 0; } }
  @media (min-width: 992px) and (min-height: 720px) {
    .c-section {
      padding: 60px 0; } }
  .c-section.padding-none {
    padding: 0 !important; }
  .c-section.padding-top {
    padding-bottom: 0 !important; }
  .c-section.padding-bottom {
    padding-top: 0 !important; }
  .c-section .wrapper {
    width: 100%;
    max-width: 1800px; }
  @media only screen and (max-width: 767px) {
    .c-section--logos {
      padding: 0; } }
  @media only screen and (min-width: 768px) {
    .c-section--logos {
      background: linear-gradient(to right, white 0%, white 50%, #919B9C 50%, #919B9C 100%); } }
  @media only screen and (max-width: 767px) {
    .c-section--collective {
      padding: 0; } }
  @media only screen and (min-width: 768px) {
    .c-section--collective {
      background: linear-gradient(to right, #919B9C 0%, #919B9C 50%, white 50%, white 100%); } }
  .c-section--steps {
    padding: 0; }
    .c-section--steps .step-left {
      position: absolute;
      left: 0;
      height: 100%;
      width: 50%;
      background-color: #B1DCFF; }
    .c-section--steps .step-right {
      position: absolute;
      right: 0;
      height: 100%;
      width: 50%;
      background-color: #314251; }
    .c-section--steps .theme-skyblue .b-steps__number,
    .c-section--steps .theme-skyblue .b-steps__title,
    .c-section--steps .theme-skyblue .b-steps__text p {
      color: #314251; }
    .c-section--steps .theme-skyblue a {
      color: #FF0000; }
    .c-section--steps .theme-skyblue .b-steps__title {
      border-color: #FF0000; }
    .c-section--steps .theme-yellow .b-steps__title {
      border-color: #0054bc; }
    .c-section--steps .theme-yellow a {
      color: #0054bc; }
  .c-section--text-columns {
    padding-top: 80px !important; }
    .c-section--text-columns img {
      width: 100%;
      height: auto; }
      @media only screen and (min-width: 768px) {
        .c-section--text-columns img {
          width: calc(100% - 40px);
          max-width: 640px; } }
    .c-section--text-columns .h3, .c-section--text-columns .b-steps__title {
      margin-bottom: 0;
      border: 0; }
    .c-section--text-columns .title-container .text-container {
      border-top: 2px solid #ffd600; }
    .c-section--text-columns a.more {
      text-transform: uppercase;
      margin-top: 40px;
      color: #919B9C;
      display: inline-block; }
  .c-section.theme-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-color: white; }
    .c-section.theme-none + .c-section.theme-none {
      padding-top: 0;
      padding-bottom: 0; }
  .c-section.theme-white {
    background-color: white; }
    .c-section.theme-white + .c-section.theme-white {
      padding-top: 0; }
    .c-section.theme-white .c-button--red {
      border-color: #919B9C;
      color: #919B9C; }
      .c-section.theme-white .c-button--red:hover, .c-section.theme-white .c-button--red:active, .c-section.theme-white .c-button--red:focus {
        border-color: #919B9C;
        background-color: #919B9C;
        color: white; }
  .c-section.theme-brown {
    background-color: #978E78;
    color: #ffffff; }
    .c-section.theme-brown + .c-section.theme-brown {
      padding-top: 0; }
  .c-section.theme-comet {
    background-color: #545871;
    color: #fff; }
    .c-section.theme-comet + .c-section.theme-comet {
      padding-top: 0; }
  .c-section.theme-dark_grey {
    background-color: #4E4E4E;
    color: #4E4E4E; }
    .c-section.theme-dark_grey + .c-section.theme-dark_grey {
      padding-top: 0; }
  .c-section.theme-grey {
    background-color: #919B9C;
    color: #333333; }
    .c-section.theme-grey + .c-section.theme-grey {
      padding-top: 0; }
  .c-section.theme-blue {
    background-color: #002A3A;
    color: #333333; }
    .c-section.theme-blue + .c-section.theme-blue {
      padding-top: 0; }

.c-slider, .c-slider__wrapper, .c-slider__slide {
  width: 100%;
  height: 100%;
  background-color: transparent; }
.c-slider__pp {
  left: 50%;
  bottom: auto;
  top: 50%;
  transform: translate3d(-50%, -50%, 0); }
.c-slider__button {
  background-color: #002A3A;
  width: 50px;
  height: 50px;
  background-image: none;
  text-indent: -9999em;
  overflow: hidden;
  bottom: 0;
  right: 0;
  top: auto;
  left: auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  .c-slider__button::before {
    content: "";
    position: absolute;
    border: 1px solid white;
    border-right-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
    width: 14px;
    height: 14px;
    pointer-events: none; }
  .c-slider__button--prev {
    right: 53px; }
    .c-slider__button--prev::before {
      transform: rotate(-45deg);
      left: 23px; }
  .c-slider__button--next::before {
    transform: rotate(135deg);
    left: 13px; }
  .c-slider__button.swiper-button-disabled {
    opacity: 1;
    cursor: not-allowed;
    pointer-events: auto; }
.c-slider__title {
  padding: 80px 0 0 0;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold; }

.theme-blue .c-slider__button, .theme-red .c-slider__button {
  background: white; }
  .theme-blue .c-slider__button:before, .theme-red .c-slider__button:before {
    border: 1px solid #002A3A;
    border-right-color: transparent;
    border-bottom-color: transparent; }

.is-subtype-image .c-slider, .is-subtype-image .c-slider__wrapper, .is-subtype-image .c-slider__slide, .is-subtype-video .c-slider, .is-subtype-video .c-slider__wrapper, .is-subtype-video .c-slider__slide {
  width: 100%;
  height: 100% !important;
  background-color: transparent; }

.is-subtype-testimonial {
  transition: none; }
  .is-subtype-testimonial.c-grid__item {
    background: none !important; }
    .is-subtype-testimonial.c-grid__item:hover {
      background: none !important; }
  .is-subtype-testimonial blockquote {
    padding: 0; }
    .is-subtype-testimonial blockquote p:before {
      left: -1rem; }
    .is-subtype-testimonial blockquote footer {
      margin-top: 40px;
      font-size: 1rem; }
  .is-subtype-testimonial .c-section {
    padding-bottom: 160px; }
  .is-subtype-testimonial .c-slider__title {
    padding-bottom: 0; }

.c-section--alternating_content_image_block .b-alternating_content_image_block .content-block {
  display: block; }
  @media only screen and (min-width: 768px) {
    .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block {
      display: grid;
      grid-gap: 40px;
      grid-template-columns: repeat(12, 1fr);
      margin: 0 0 60px; } }
  .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block .alternating-grid-content-wrapper {
    display: block;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block .alternating-grid-content-wrapper {
        grid-column: span 6; } }
    @media only screen and (min-width: 1200px) {
      .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block .alternating-grid-content-wrapper {
        grid-column: span 7; } }
    .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block .alternating-grid-content-wrapper .content-wrapper {
      display: flex;
      align-items: flex-start;
      justify-content: center;
      height: 100%;
      padding-left: 0; }
      .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block .alternating-grid-content-wrapper .content-wrapper .content {
        display: block; }
  .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block h2 {
    margin-top: 0; }
  .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block img {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    vertical-align: top; }
    @media only screen and (min-width: 768px) {
      .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block img {
        grid-column: span 6; } }
    @media only screen and (min-width: 1200px) {
      .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block img {
        grid-column: span 5; } }
  .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block .visible-hidden {
    display: block; }
    @media only screen and (min-width: 768px) {
      .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block .visible-hidden {
        display: none; } }
  .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block .mob-hidden {
    display: none; }
    @media only screen and (min-width: 768px) {
      .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block .mob-hidden {
        display: block; } }
  @media screen and (max-width: 767px) {
    .c-section--alternating_content_image_block .b-alternating_content_image_block .content-block .desktop-image {
      display: none; } }

.c-section--case_study_intro {
  background-color: transparent; }
  .c-section--case_study_intro .b-case_study_intro h1 {
    font-size: 20px;
    line-height: 40px; }
    @media only screen and (min-width: 768px) {
      .c-section--case_study_intro .b-case_study_intro h1 {
        font-size: 25px;
        line-height: 40px; } }
    @media (min-width: 992px) and (min-height: 720px) {
      .c-section--case_study_intro .b-case_study_intro h1 {
        font-size: 25px;
        line-height: 40px; } }
  .c-section--case_study_intro .b-case_study_intro .tag-container {
    position: relative;
    overflow: hidden;
    margin-top: 18px; }
    @media only screen and (min-width: 992px) {
      .c-section--case_study_intro .b-case_study_intro .tag-container {
        margin-top: 20px;
        padding-left: 50px; } }
    @media (min-width: 992px) and (min-height: 720px) {
      .c-section--case_study_intro .b-case_study_intro .tag-container {
        margin-top: 59px; } }
    .c-section--case_study_intro .b-case_study_intro .tag-container .tag {
      display: block;
      margin: 0 0 10px; }
    .c-section--case_study_intro .b-case_study_intro .tag-container .content-wrapper {
      display: block; }

.c-section--contact_block {
  padding: 0; }
  .c-section--contact_block .contact-block-wrapper {
    display: block; }
    .c-section--contact_block .contact-block-wrapper h2 {
      font-family: "Libre Baskerville", serif;
      text-transform: none; }
    .c-section--contact_block .contact-block-wrapper .get-in-touch,
    .c-section--contact_block .contact-block-wrapper .social-title {
      display: block; }
    .c-section--contact_block .contact-block-wrapper .social-title {
      text-transform: uppercase;
      font-family: "UniversLTPro-UltCond", sans-serif;
      letter-spacing: 1px; }
    .c-section--contact_block .contact-block-wrapper .contact-section a {
      display: table;
      line-height: 120%;
      margin-bottom: 10px; }
      .c-section--contact_block .contact-block-wrapper .contact-section a:hover {
        color: #00a7b4;
        border-color: #00a7b4; }
  .c-section--contact_block .contact-icon {
    display: block;
    width: 100%;
    max-width: 120px;
    margin: 0 0 20px; }

.social-links {
  display: block;
  margin: 40px 0 0 0; }
  .social-links .social-title {
    margin-bottom: 20px;
    font-size: 22px; }
    @media only screen and (min-width: 768px) {
      .social-links .social-title {
        font-size: 28px; } }
  .social-links .icon {
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #ffffff;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 16px; }
    .social-links .icon.facebook {
      background-image: url("/wp-content/themes/echo/build/img/facebook.svg"); }
      .social-links .icon.facebook:hover {
        background-image: url("/wp-content/themes/echo/build/img/facebook_on.svg"); }
    .social-links .icon.linkedin {
      background-image: url("/wp-content/themes/echo/build/img/linkedin.svg"); }
      .social-links .icon.linkedin:hover {
        background-image: url("/wp-content/themes/echo/build/img/linkedin_on.svg"); }
    .social-links .icon.instagram {
      background-image: url("/wp-content/themes/echo/build/img/instagram.svg"); }
      .social-links .icon.instagram:hover {
        background-image: url("/wp-content/themes/echo/build/img/insta_on.svg"); }
    .social-links .icon.twitter {
      background-image: url("/wp-content/themes/echo/build/img/twitter.svg"); }
      .social-links .icon.twitter:hover {
        background-image: url("/wp-content/themes/echo/build/img/twitter_on.svg"); }
    .social-links .icon:hover {
      border: 1px solid #00a7b4 !important; }
  .social-links.footer .icon {
    border: 1px solid #000000 !important; }
    .social-links.footer .icon.facebook {
      background-image: url("/wp-content/themes/echo/build/img/social-facebook-blk.svg"); }
      .social-links.footer .icon.facebook:hover {
        background-image: url("/wp-content/themes/echo/build/img/facebook_on.svg"); }
    .social-links.footer .icon.linkedin {
      background-image: url("/wp-content/themes/echo/build/img/social-linkedin-blk.svg"); }
      .social-links.footer .icon.linkedin:hover {
        background-image: url("/wp-content/themes/echo/build/img/linkedin_on.svg"); }
    .social-links.footer .icon.instagram {
      background-image: url("/wp-content/themes/echo/build/img/social-instagram-blk.svg"); }
      .social-links.footer .icon.instagram:hover {
        background-image: url("/wp-content/themes/echo/build/img/insta_on.svg"); }
    .social-links.footer .icon.twitter {
      background-image: url("/wp-content/themes/echo/build/img/social-twitter-blk.svg"); }
      .social-links.footer .icon.twitter:hover {
        background-image: url("/wp-content/themes/echo/build/img/twitter_on.svg"); }
    .social-links.footer .icon:hover {
      border: 1px solid #00a7b4 !important; }

.c-section--cta_block {
  background-color: transparent;
  padding: 0 0 40px 0;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .c-section--cta_block {
      padding: 0 0 60px 0; } }
  @media (min-width: 992px) and (min-height: 720px) {
    .c-section--cta_block {
      padding: 0 0 60px; } }
  .c-section--cta_block a {
    position: relative;
    overflow: hidden;
    font-family: "UniversLTPro-55Roman", sans-serif;
    display: flex;
    align-items: center;
    text-align: center;
    text-decoration: none;
    border: 0;
    font-size: 20px;
    line-height: 20px;
    padding: 19px 100px 15px 20px;
    transition: all 0.2s ease-in; }
    @media only screen and (min-width: 768px) {
      .c-section--cta_block a {
        display: inline-block;
        font-size: 28px;
        line-height: 28px;
        padding: 24px 100px 15px 20px; } }
    @media (min-width: 992px) and (min-height: 720px) {
      .c-section--cta_block a {
        font-size: 36px;
        line-height: 36px; } }
    .c-section--cta_block a svg {
      width: 33px;
      position: absolute;
      right: 27px;
      transition: all 0.2s ease-in; }
      @media only screen and (min-width: 768px) {
        .c-section--cta_block a svg {
          top: 22px; } }
    .c-section--cta_block a:hover svg .st0 {
      stroke: #ffffff; }
  .c-section--cta_block .text-color-light {
    color: #ffffff; }

.b-divider {
  max-width: 1800px; }

.divider.in-page {
  margin: 40px 0 10px 0; }
.divider.bottom {
  margin-bottom: 40px; }
  @media only screen and (min-width: 768px) {
    .divider.bottom {
      margin-bottom: 80px; } }
.divider.top {
  margin-top: 40px; }
  @media only screen and (min-width: 768px) {
    .divider.top {
      margin-top: 80px; } }
.divider.yes {
  margin-top: 40px;
  margin-bottom: 40px; }
  @media only screen and (min-width: 768px) {
    .divider.yes {
      margin-top: 80px;
      margin-bottom: 80px; } }
.divider.vertical {
  position: absolute;
  left: 0;
  height: 100%;
  display: none;
  border-top: 0 !important;
  border-right: 2px solid #ffffff; }
  @media only screen and (min-width: 992px) {
    .divider.vertical {
      display: block;
      margin: 0 40px 0 10px; } }
  .divider.vertical:before {
    margin-left: -10px;
    border-left: 2px solid #ffffff;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    margin-top: 0; }
  .divider.vertical:after {
    margin-left: 10px;
    border-right: 2px solid #ffffff;
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin-top: 0; }

.single-work .b-divider.top {
  display: none; }

.c-section--full_width_media {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  padding: 0; }
  .c-section--full_width_media .background-top {
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    width: 100%; }
  .c-section--full_width_media .background-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%; }
  .c-section--full_width_media .padding-yes {
    padding: 20px 0; }
    @media only screen and (min-width: 768px) {
      .c-section--full_width_media .padding-yes {
        padding: 40px 0; } }
    @media (min-width: 992px) and (min-height: 720px) {
      .c-section--full_width_media .padding-yes {
        padding: 60px 0; } }
  .c-section--full_width_media .padding-top {
    padding: 20px 0 0 0; }
    @media only screen and (min-width: 768px) {
      .c-section--full_width_media .padding-top {
        padding: 40px 0 0 0; } }
    @media (min-width: 992px) and (min-height: 720px) {
      .c-section--full_width_media .padding-top {
        padding: 60px 0 0 0; } }
  .c-section--full_width_media .padding-bottom {
    padding: 0 0 20px 0; }
    @media only screen and (min-width: 768px) {
      .c-section--full_width_media .padding-bottom {
        padding: 0 0 40px 0; } }
    @media (min-width: 992px) and (min-height: 720px) {
      .c-section--full_width_media .padding-bottom {
        padding: 0 0 60px 0; } }
  .c-section--full_width_media .media-wrapper {
    position: relative;
    z-index: 2;
    padding: 0;
    display: block; }
    .c-section--full_width_media .media-wrapper .controls {
      opacity: 0;
      z-index: 2;
      cursor: pointer;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      background-image: url(/wp-content/themes/echo/build/img/pause.svg);
      background-position: right 10px bottom 10px;
      background-size: 24px;
      background-repeat: no-repeat; }
      .c-section--full_width_media .media-wrapper .controls.paused {
        background-image: url(/wp-content/themes/echo/build/img/play.svg); }
    .c-section--full_width_media .media-wrapper .media-content-wrapper {
      position: relative;
      overflow: hidden; }
      .c-section--full_width_media .media-wrapper .media-content-wrapper .title {
        position: absolute;
        bottom: 20px;
        left: 20px;
        right: 20px;
        opacity: 0; }
        @media only screen and (min-width: 768px) {
          .c-section--full_width_media .media-wrapper .media-content-wrapper .title {
            bottom: 40px;
            left: 40px;
            right: 40px; } }
      .c-section--full_width_media .media-wrapper .media-content-wrapper.inc-title {
        background-color: #000000;
        transition: all 0.4s ease-in; }
        .c-section--full_width_media .media-wrapper .media-content-wrapper.inc-title .media-content,
        .c-section--full_width_media .media-wrapper .media-content-wrapper.inc-title img {
          opacity: 0.6; }
        .c-section--full_width_media .media-wrapper .media-content-wrapper.inc-title .title {
          opacity: 1; }
      .c-section--full_width_media .media-wrapper .media-content-wrapper.override {
        margin-bottom: 20px; }
        @media only screen and (min-width: 768px) {
          .c-section--full_width_media .media-wrapper .media-content-wrapper.override {
            margin-bottom: 40px; } }
        @media (min-width: 992px) and (min-height: 720px) {
          .c-section--full_width_media .media-wrapper .media-content-wrapper.override {
            margin-bottom: 60px; } }
      @media (max-width: 767px) {
        .c-section--full_width_media .media-wrapper .media-content-wrapper {
          margin-bottom: 20px; } }
    .c-section--full_width_media .media-wrapper .media-content {
      background-size: cover;
      background-position: center center;
      margin: 0;
      height: 300px; }
      @media only screen and (min-width: 768px) {
        .c-section--full_width_media .media-wrapper .media-content {
          flex-basis: 100%;
          height: 80vh; } }
    .c-section--full_width_media .media-wrapper.single-image img {
      display: block;
      height: auto;
      width: 100%; }
    .c-section--full_width_media .media-wrapper.multiple-images {
      column-count: 1; }
      @media only screen and (min-width: 768px) {
        .c-section--full_width_media .media-wrapper.multiple-images {
          column-gap: 20px; } }
  @media only screen and (min-width: 768px) and (min-width: 768px) {
    .c-section--full_width_media .media-wrapper.multiple-images {
      column-gap: 40px; } }
  @media only screen and (min-width: 768px) and (min-width: 992px) and (min-height: 720px) {
    .c-section--full_width_media .media-wrapper.multiple-images {
      column-gap: 60px; } }

      .c-section--full_width_media .media-wrapper.multiple-images .media-content {
        display: block;
        width: 100%;
        max-width: none;
        margin-bottom: 0;
        object-fit: cover;
        height: 300px; }
        @media only screen and (min-width: 768px) {
          .c-section--full_width_media .media-wrapper.multiple-images .media-content {
            height: 80vh; } }
      .c-section--full_width_media .media-wrapper.multiple-images img {
        display: block;
        width: 100%;
        max-width: none;
        margin-bottom: 0;
        object-fit: cover;
        height: 300px; }
        @media only screen and (min-width: 768px) {
          .c-section--full_width_media .media-wrapper.multiple-images img {
            height: auto; } }
    .c-section--full_width_media .media-wrapper:hover .controls {
      opacity: 1; }
    @media (max-width: 767px) {
      .c-section--full_width_media .media-wrapper {
        column-count: 1 !important; } }
  .c-section--full_width_media .video-container {
    column-count: 1;
    column-gap: 20px; }
    @media only screen and (min-width: 768px) {
      .c-section--full_width_media .video-container {
        column-gap: 40px; } }
    @media (min-width: 992px) and (min-height: 720px) {
      .c-section--full_width_media .video-container {
        column-gap: 60px; } }
    .c-section--full_width_media .video-container .mosaic-item {
      position: relative; }
      .c-section--full_width_media .video-container .mosaic-item video {
        display: block;
        width: 100%;
        max-width: none;
        height: auto;
        margin-bottom: 0;
        object-fit: cover; }

@media only screen and (min-width: 768px) {
  body.page-template-home {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden; }
    body.page-template-home .c-footer {
      display: none; }
      body.page-template-home .c-footer.skip {
        display: block; } }
body.page-template-home .b-divider.top {
  display: none; }
body.page-template-home.scrollable {
  overflow: auto; }
  body.page-template-home.scrollable .c-footer {
    display: block; }
@media only screen and (min-width: 768px) {
  body.page-template-home .c-header {
    transition: all 0.6s ease-in-out;
    height: 100px; }
    body.page-template-home .c-header.video-finished {
      height: 120px; } }
body.page-template-home h1.intro {
  font-family: "TradeGothicLTPro-BdCn20", sans-serif;
  text-transform: uppercase; }

@media only screen and (min-width: 768px) {
  .extra-content {
    display: none;
    position: relative;
    margin-top: -40px; }
    .extra-content.showme {
      display: block; } }
.replay-intro {
  display: none;
  color: #969696;
  cursor: pointer; }
  @media only screen and (min-width: 768px) {
    .replay-intro {
      display: block; } }
  .replay-intro:hover {
    color: #00a7b4; }

.down {
  position: absolute;
  left: 50%;
  bottom: 5%;
  width: 200px;
  margin: 0 0 0 -100px;
  text-align: center; }

.down .txt {
  display: block; }

.c-section--home {
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 0;
  transition: all 0.6s ease-in-out;
  background-color: #ffffff;
  position: relative;
  cursor: pointer; }
  @media only screen and (min-width: 768px) {
    .c-section--home {
      height: calc(100vh - 100px);
      display: block; } }
  @media only screen and (min-width: 768px) {
    .c-section--home.hideme {
      height: 0; } }
  .c-section--home.hideme .joystick {
    display: none !important;
    left: 1000000 !important; }
  .c-section--home #video-background {
    position: relative;
    width: 100%;
    height: auto; }
    @media only screen and (min-width: 768px) {
      .c-section--home #video-background {
        max-height: calc(100vh - 170px); } }

.joystick {
  position: absolute;
  width: 0;
  height: 0;
  text-align: center;
  color: #ffffff;
  z-index: 2;
  cursor: none;
  position: fixed;
  transform: translate(-50%, -50%); }

.joystick span {
  position: absolute;
  top: -19px;
  left: -20px;
  font-size: 12px;
  font-family: "TradeGothicLTPro-BdCn20", sans-serif;
  text-transform: uppercase; }

.joystick:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: transparent;
  border: 1px solid #fefefe;
  border-radius: 50px;
  top: -26px;
  left: -26px; }

.slides-container {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: visible;
  z-index: 10;
  /* Common Styles */ }
  .slides-container .slide {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    overflow: visible; }
  .slides-container h1 {
    color: #000000;
    font-size: 5.2vw;
    line-height: 1.075;
    text-align: left;
    font-weight: 100;
    font-family: 'UniversLTPro-55Roman'; }
  .slides-container h2 {
    position: relative;
    font-size: 4rem;
    line-height: 1.175; }
    .slides-container h2 .word {
      line-height: 1.2; }

span.word {
  position: relative;
  display: inline-block;
  overflow: hidden; }
  span.word::after {
    content: attr(data-headline);
    position: relative;
    display: inline-block;
    padding-right: 1rem;
    transform: translateY(110%); }

.exit {
  transition: all 1s ease-out;
  opacity: 0; }
  .exit span.word::after {
    transition: all 1.25s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
    transform: translateY(-110%) !important; }

.highlight .line {
  display: block;
  margin-bottom: 10px; }
  .highlight .line .word {
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 5px; }
    .highlight .line .word::before {
      content: "";
      position: absolute;
      background-color: #fabc3d;
      top: 0;
      left: 0;
      bottom: 0;
      width: 0%;
      transition: width 0.35s ease-out; }
  .highlight .line:nth-child(2) > .word::after {
    transition-delay: 0.3s; }
  .highlight .line:nth-child(3) > .word::after {
    transition-delay: 0.3s; }

.slide.animate .word::after {
  transition: transform 0.8s ease-in-out;
  transform: translateY(0%); }
.slide.animate .highlight .word::before {
  width: 100%; }

.reveal-text.highlight-text .word {
  margin-bottom: -16px;
  white-space: nowrap; }

.slide.split-text h1.reveal {
  font-family: 'TradeGothicLTPro-BdCn20';
  font-size: 7.8vw; }
  .slide.split-text h1.reveal .word {
    transition: all 1s ease-in-out;
    transition-delay: 1s; }
    .slide.split-text h1.reveal .word:nth-child(1) {
      left: -30%; }
    .slide.split-text h1.reveal .word:nth-child(2) {
      right: -30%; }
.slide.split-text.animate .reveal .word:nth-child(1) {
  left: 0%; }
.slide.split-text.animate .reveal .word:nth-child(2) {
  right: 0%; }

.c-section--juicer_block {
  line-height: 125% !important;
  font-size: 18px !important; }
  .c-section--juicer_block p {
    line-height: 125% !important;
    font-size: 18px !important; }
  .c-section--juicer_block .j-post-overlay.juicer-feed .j-overlay-text .j-message {
    line-height: 125% !important;
    font-size: 18px !important; }
    .c-section--juicer_block .j-post-overlay.juicer-feed .j-overlay-text .j-message p {
      line-height: 125% !important;
      font-size: 18px !important; }
  .c-section--juicer_block .juicer-feed.image-grid .j-text .j-message p {
    color: #ffffff; }

.c-section--map_block {
  padding: 0;
  margin: 0 0 40px 0; }
  .c-section--map_block .b-map_block .map-wrapper {
    position: relative;
    height: auto;
    width: 100%; }
    @media only screen and (min-width: 768px) {
      .c-section--map_block .b-map_block .map-wrapper {
        height: 500px; } }
    .c-section--map_block .b-map_block .map-wrapper .map {
      position: relative;
      height: 400px;
      width: 100%; }
      @media only screen and (min-width: 768px) {
        .c-section--map_block .b-map_block .map-wrapper .map {
          position: absolute !important;
          height: 100%;
          width: 50%; } }
    .c-section--map_block .b-map_block .map-wrapper .map-address {
      position: relative;
      right: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      padding: 40px;
      color: #ffffff;
      font-size: 25px;
      line-height: 30px;
      background: #09c6b1;
      background: linear-gradient(32deg, #09c6b1 34%, #87d21a 99%); }
      @media only screen and (min-width: 768px) {
        .c-section--map_block .b-map_block .map-wrapper .map-address {
          font-size: 35px;
          line-height: 50px;
          position: absolute;
          width: 50%; } }
      @media (min-width: 992px) and (min-height: 720px) {
        .c-section--map_block .b-map_block .map-wrapper .map-address {
          font-size: 55px;
          line-height: 70px; } }
      .c-section--map_block .b-map_block .map-wrapper .map-address .details {
        display: block; }
        .c-section--map_block .b-map_block .map-wrapper .map-address .details span {
          display: block; }
        .c-section--map_block .b-map_block .map-wrapper .map-address .details a {
          color: #ffffff;
          font-size: 18px;
          line-height: 22px; }

.c-section--media_takeover_columns {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  padding: 0; }
  .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper {
    margin: 0;
    display: block;
    height: 66vh;
    position: relative;
    overflow: hidden;
    width: 100%; }
    .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper :nth-child(1) {
      left: 0; }
    .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper :nth-child(2) {
      left: 33.333333%; }
    .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper :nth-child(3) {
      left: 66.666666%; }
    .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content {
      transition: all 0.4s ease-in-out;
      height: 100%;
      width: 32.333333%;
      margin: 0 0.5%;
      position: absolute;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: left;
      padding: 0;
      overflow: hidden;
      background-color: #000000; }
      .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content .bg-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center center;
        transition: all 0.4s ease-in-out;
        opacity: 0.8; }
      .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content .content {
        padding: 20px;
        color: #ffffff;
        z-index: 2;
        display: flex;
        height: 100%;
        align-items: center; }
        .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content .content .content-inner {
          display: block; }
          .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content .content .content-inner .title {
            display: block;
            font-size: 40px;
            line-height: 110%; }
          .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content .content .content-inner .sub {
            display: block;
            font-size: 25px;
            line-height: 110%; }
          .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content .content .content-inner .play-btn {
            position: absolute;
            bottom: 40px;
            left: 20px;
            cursor: pointer;
            border-radius: 100%;
            border: 3px solid #ffffff;
            width: 50px;
            height: 50px;
            display: inline-block;
            margin: 0 20px 0 0;
            background-size: 14px;
            background-repeat: no-repeat;
            background-position: 17px center;
            background-image: url("/wp-content/themes/echo/build/img/play.svg"); }
          .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content .content .content-inner .next-btn {
            opacity: 0; }
      .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content .video-player {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        opacity: 0;
        transition: all 1s ease-in-out; }
        .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content .video-player iframe {
          width: 100%;
          height: 100%; }
        .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content .video-player.play {
          z-index: 5;
          opacity: 1; }
        .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content .video-player .video-close {
          cursor: pointer;
          position: absolute;
          top: 20px;
          left: 40px;
          background-color: #000000;
          padding: 0 7px;
          color: #ffffff;
          font-size: 40px;
          width: 38px;
          height: 38px; }
      .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content:hover, .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content.selected {
        z-index: 2;
        width: 100%;
        left: 0; }
        .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content:hover .next-btn, .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content.selected .next-btn {
          position: absolute;
          right: 40px;
          bottom: 40px;
          opacity: 1 !important;
          cursor: pointer; }
      .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper .media-content.selected {
        z-index: 3; }
    .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper.selected .content {
      opacity: 0; }
    .c-section--media_takeover_columns .b-media_takeover_columns .media-takeover-wrapper.selected .bg-image {
      opacity: 0; }

/* News Section */
.filter-title {
  float: left;
  display: none; }
  @media only screen and (min-width: 768px) {
    .filter-title {
      display: inline-block; } }

.role-top {
  float: right;
  margin: 0 0 20px 0; }

.c-section--articles-header {
  position: relative;
  background-size: cover;
  background-position: top center;
  padding: 0;
  text-align: left; }
  @media (min-width: 786px) {
    .c-section--articles-header {
      background-position: center left;
      padding: 0 0 40px 0; } }
  @media (min-width: 992px) {
    .c-section--articles-header {
      background-position: top left;
      padding: 0 0 40px 0; } }
  .c-section--articles-header .select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px; }
  .c-section--articles-header .filter-container {
    padding: 0; }
    @media only screen and (min-width: 768px) {
      .c-section--articles-header .filter-container {
        padding: 0; } }
    .c-section--articles-header .filter-container .filter-cats {
      float: right; }
      .c-section--articles-header .filter-container .filter-cats a {
        display: inline-block;
        padding: 5px 0;
        margin-left: 5px;
        margin-bottom: 10px;
        font-size: 11px;
        line-height: 100%;
        text-align: center;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        cursor: pointer; }
        @media (min-width: 786px) {
          .c-section--articles-header .filter-container .filter-cats a {
            font-size: 13px;
            padding: 5px 0;
            margin-left: 20px;
            margin-bottom: 20px; } }
        .c-section--articles-header .filter-container .filter-cats a.selected, .c-section--articles-header .filter-container .filter-cats a:hover {
          text-decoration: none;
          color: #00a7b4; }

.c-section--articles,
.recent-journal-results {
  position: relative;
  background-size: cover;
  background-position: top center;
  padding: 40px 0;
  text-align: left; }
  @media (min-width: 786px) {
    .c-section--articles,
    .recent-journal-results {
      background-position: center left;
      padding: 0 0 40px; } }
  @media (min-width: 992px) {
    .c-section--articles,
    .recent-journal-results {
      background-position: top left;
      padding: 0 0 40px; } }
  .c-section--articles .select-hidden,
  .recent-journal-results .select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px; }
  .c-section--articles .grid-container,
  .recent-journal-results .grid-container {
    display: grid; }
    @media (min-width: 786px) {
      .c-section--articles .grid-container,
      .recent-journal-results .grid-container {
        grid-template-columns: repeat(2, 50% [col-start]); } }
    @media (min-width: 992px) {
      .c-section--articles .grid-container,
      .recent-journal-results .grid-container {
        grid-template-columns: repeat(2, 50% [col-start]); } }
    @media (min-width: 1200px) {
      .c-section--articles .grid-container,
      .recent-journal-results .grid-container {
        grid-template-columns: repeat(2, 50% [col-start]); } }
    .c-section--articles .grid-container .article-tile,
    .recent-journal-results .grid-container .article-tile {
      display: none;
      position: relative;
      margin: 0 0 20px;
      min-height: 170px;
      background-color: #ffffff;
      color: #000000;
      border: 0; }
      .c-section--articles .grid-container .article-tile .tile-image-wrapper,
      .recent-journal-results .grid-container .article-tile .tile-image-wrapper {
        position: relative;
        overflow: hidden;
        display: block;
        margin-bottom: 20px;
        height: auto; }
        @media (min-width: 786px) {
          .c-section--articles .grid-container .article-tile .tile-image-wrapper,
          .recent-journal-results .grid-container .article-tile .tile-image-wrapper {
            height: auto; } }
        .c-section--articles .grid-container .article-tile .tile-image-wrapper img,
        .recent-journal-results .grid-container .article-tile .tile-image-wrapper img {
          display: block;
          width: 100%; }
        .c-section--articles .grid-container .article-tile .tile-image-wrapper .tile-image,
        .recent-journal-results .grid-container .article-tile .tile-image-wrapper .tile-image {
          position: absolute;
          height: 100%;
          width: 100%;
          background-size: cover;
          background-position: center center;
          transition: all 0.2s; }
      .c-section--articles .grid-container .article-tile h2.title,
      .recent-journal-results .grid-container .article-tile h2.title {
        display: block;
        font-size: 26px;
        line-height: 31px;
        margin: 0 0 10px;
        font-family: "UniversLTPro-55Roman", sans-serif;
        text-transform: none; }
      .c-section--articles .grid-container .article-tile .infobox,
      .recent-journal-results .grid-container .article-tile .infobox {
        display: block;
        padding: 20px 0;
        background-color: #ffffff; }
        .c-section--articles .grid-container .article-tile .infobox .category,
        .recent-journal-results .grid-container .article-tile .infobox .category {
          display: block;
          font-size: 12px;
          line-height: 14px;
          letter-spacing: 0.1em;
          margin-bottom: 5px;
          font-weight: 700;
          text-transform: uppercase; }
        .c-section--articles .grid-container .article-tile .infobox .desc,
        .recent-journal-results .grid-container .article-tile .infobox .desc {
          display: block;
          font-size: 16px;
          line-height: 22px; }
        .c-section--articles .grid-container .article-tile .infobox .date,
        .recent-journal-results .grid-container .article-tile .infobox .date {
          color: #000000; }
        .c-section--articles .grid-container .article-tile .infobox .search,
        .recent-journal-results .grid-container .article-tile .infobox .search {
          display: none; }
      .c-section--articles .grid-container .article-tile:hover,
      .recent-journal-results .grid-container .article-tile:hover {
        text-decoration: none; }
        .c-section--articles .grid-container .article-tile:hover .tile-image,
        .recent-journal-results .grid-container .article-tile:hover .tile-image {
          transform: scale(1.1); }
      .c-section--articles .grid-container .article-tile.show-article,
      .recent-journal-results .grid-container .article-tile.show-article {
        display: block;
        margin: 0 10px 20px; }
      .c-section--articles .grid-container .article-tile.show-article-recent,
      .recent-journal-results .grid-container .article-tile.show-article-recent {
        margin: 0 10px 20px; }
      .c-section--articles .grid-container .article-tile.first-article .tile-image-wrapper,
      .recent-journal-results .grid-container .article-tile.first-article .tile-image-wrapper {
        height: auto; }
        @media (min-width: 786px) {
          .c-section--articles .grid-container .article-tile.first-article .tile-image-wrapper,
          .recent-journal-results .grid-container .article-tile.first-article .tile-image-wrapper {
            height: auto; } }
      .c-section--articles .grid-container .article-tile .read-more,
      .recent-journal-results .grid-container .article-tile .read-more {
        position: relative;
        overflow: hidden;
        display: block;
        line-height: 40px; }
        .c-section--articles .grid-container .article-tile .read-more .underline,
        .recent-journal-results .grid-container .article-tile .read-more .underline {
          width: 25px;
          height: 2px;
          background-color: #00a7b4;
          position: absolute;
          bottom: 0;
          left: 0; }
    @media (min-width: 786px) {
      .c-section--articles .grid-container.latest,
      .recent-journal-results .grid-container.latest {
        grid-template-columns: repeat(3, 33.3333% [col-start]); } }
    @media (min-width: 992px) {
      .c-section--articles .grid-container.latest,
      .recent-journal-results .grid-container.latest {
        grid-template-columns: repeat(3, 33.3333% [col-start]); } }
    @media (min-width: 1200px) {
      .c-section--articles .grid-container.latest,
      .recent-journal-results .grid-container.latest {
        grid-template-columns: repeat(3, 33.3333% [col-start]); } }
    .c-section--articles .grid-container.latest .article-tile.first-article .tile-image-wrapper,
    .recent-journal-results .grid-container.latest .article-tile.first-article .tile-image-wrapper {
      height: auto; }
      @media (min-width: 786px) {
        .c-section--articles .grid-container.latest .article-tile.first-article .tile-image-wrapper,
        .recent-journal-results .grid-container.latest .article-tile.first-article .tile-image-wrapper {
          height: auto; } }
    .c-section--articles .grid-container.latest :first-child,
    .recent-journal-results .grid-container.latest :first-child {
      grid-column: auto; }
    .c-section--articles .grid-container.featured .article-tile,
    .recent-journal-results .grid-container.featured .article-tile {
      grid-column: 1 / -1; }
  .c-section--articles .loadmore-container,
  .recent-journal-results .loadmore-container {
    text-align: center; }
    .c-section--articles .loadmore-container .cta,
    .recent-journal-results .loadmore-container .cta {
      cursor: pointer; }

.recent-journal-results {
  padding: 40px 0; }
  @media (min-width: 786px) {
    .recent-journal-results {
      padding: 40px 0; } }
  @media (min-width: 992px) {
    .recent-journal-results {
      padding: 40px 0; } }

.c-section--news-article-header {
  padding: 0; }

.article-details .cat {
  display: block;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
  font-weight: 700;
  text-transform: uppercase; }
.article-details .date {
  display: block;
  color: #000000;
  margin: 20px 0; }
.article-details .author {
  display: block;
  color: #00a7b4;
  margin: 20px 0; }

.article-content img {
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0 0 40px 0; }

.c-section--quote_block {
  background-color: transparent; }
  .c-section--quote_block .b-quote_block .quote-container {
    padding: 60px; }
    @media only screen and (min-width: 768px) {
      .c-section--quote_block .b-quote_block .quote-container {
        padding: 80px 100px; } }
    @media (min-width: 992px) and (min-height: 720px) {
      .c-section--quote_block .b-quote_block .quote-container {
        padding: 100px 140px; } }
    .c-section--quote_block .b-quote_block .quote-container .speechmark {
      font-family: "Libre Baskerville", serif;
      position: absolute;
      font-size: 60px;
      line-height: 100%;
      left: 30px;
      top: 30px; }
      @media only screen and (min-width: 768px) {
        .c-section--quote_block .b-quote_block .quote-container .speechmark {
          left: 60px;
          top: 40px; } }
      @media (min-width: 992px) and (min-height: 720px) {
        .c-section--quote_block .b-quote_block .quote-container .speechmark {
          left: 120px;
          top: 60px; } }
    .c-section--quote_block .b-quote_block .quote-container p {
      font-family: "Libre Baskerville", serif; }
      @media only screen and (min-width: 768px) {
        .c-section--quote_block .b-quote_block .quote-container p {
          font-size: 24px;
          line-height: 30px; } }
      @media (min-width: 992px) and (min-height: 720px) {
        .c-section--quote_block .b-quote_block .quote-container p {
          font-size: 30px;
          line-height: 40px; } }
    .c-section--quote_block .b-quote_block .quote-container .author {
      font-family: "Libre Baskerville", serif; }

.search-wrapper {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(12, 1fr); }
  .search-wrapper .article-tile {
    grid-column: span 4;
    position: relative;
    overflow: hidden;
    display: block;
    margin-bottom: 30px;
    border: 0; }
    .search-wrapper .article-tile .tile-image {
      width: 100%;
      height: 327px;
      position: relative;
      overflow: hidden;
      display: block;
      background-position: center center;
      background-size: cover;
      transition-duration: 1s;
      margin: 0 0 32px 0;
      width: -webkit-calc(100% + 15px);
      width: calc(100% + 15px);
      opacity: 1;
      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
      transition: opacity 0.35s, transform 0.35s;
      -webkit-transform: translate3d(-10px, 0, 0);
      transform: translate3d(-10px, 0, 0); }
    .search-wrapper .article-tile .date,
    .search-wrapper .article-tile .title,
    .search-wrapper .article-tile .description {
      display: block;
      color: #000000;
      padding: 0 15px 0 0; }
    .search-wrapper .article-tile .date {
      font-size: 12px;
      line-height: 115%;
      text-transform: uppercase;
      margin: 0 0 10px 0; }
    .search-wrapper .article-tile .title {
      font-size: 20px;
      margin: 0 0 10px 0; }
    .search-wrapper .article-tile .tile-image-wrapper {
      background-color: #000000; }
    .search-wrapper .article-tile:hover {
      text-decoration: none;
      border: 0; }
      .search-wrapper .article-tile:hover .tile-image {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 0.5; }
      .search-wrapper .article-tile:hover .title {
        color: #009CA6; }

.pagination-links a {
  border: 0 !important;
  color: #000000; }
  .pagination-links a:hover {
    color: #00a7b4;
    border: 0 !important; }

.c-section--single_column_content {
  position: relative; }
  .c-section--single_column_content h1 {
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      .c-section--single_column_content h1 {
        margin-bottom: 40px; } }
    @media only screen and (min-width: 992px) {
      .c-section--single_column_content h1 {
        margin-bottom: 60px; } }

.c-section--slideshow {
  background-color: transparent;
  width: 100%;
  padding: 0; }

.sr-only {
  position: absolute;
  left: -9999999px; }

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }

.carousel {
  position: relative;
  margin-top: 0; }
  @media only screen and (min-width: 768px) {
    .carousel {
      margin-top: 0; } }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner .slide-container {
    float: left;
    position: relative;
    width: 100%; }
    .carousel-inner .slide-container .img-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      overflow: hidden;
      height: 100%;
      width: 100%;
      background-position: center center;
      background-size: cover; }
    .carousel-inner .slide-container img {
      float: left;
      width: 100%; }

.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
  -o-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
    -o-transition: -o-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px; }

  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block; }

.carousel-inner > .active {
  left: 0; }

.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%; }

.carousel-inner > .next {
  left: 100%; }

.carousel-inner > .prev {
  left: -100%; }

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0; }

.carousel-inner > .active.left {
  left: -100%; }

.carousel-inner > .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: .5; }

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x; }

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x; }

.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9; }

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px; }

.carousel-control .icon-prev,
.carousel-control .glyphicon-menu-left {
  left: 50%;
  margin-left: -10px; }

.carousel-control .icon-next,
.carousel-control .glyphicon-menu-right {
  right: 50%;
  margin-right: -10px; }

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1; }

.carousel-control .icon-prev:before {
  content: '\2039'; }

.carousel-control .icon-next:before {
  content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }
  @media only screen and (min-width: 768px) {
    .carousel-indicators {
      bottom: 20px; } }

.carousel-indicators li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  text-indent: -999px;
  cursor: pointer;
  opacity: 1;
  border: 1px solid #ffffff;
  border-radius: 10px; }

.carousel-indicators .active {
  width: 12px;
  height: 12px;
  opacity: 1;
  margin: 0 4px; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-caption .btn {
  text-shadow: none; }

.c-section--two_column_with_intro {
  background-color: transparent;
  padding: 60px 0; }
  @media only screen and (min-width: 768px) {
    .c-section--two_column_with_intro {
      padding: 90px 0; } }
  @media (min-width: 992px) and (min-height: 720px) {
    .c-section--two_column_with_intro {
      padding: 112px 0; } }

.c-section--work_block {
  padding-top: 0; }
  .c-section--work_block .b-work_block {
    width: 100%;
    color: #4E4E4E; }

.filter-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 40px 0; }
  .filter-container .filter-title {
    position: absolute;
    left: 0;
    padding-right: 45px;
    background-image: url("/wp-content/themes/echo/build/img/arrow.svg");
    background-position: right 8px;
    background-repeat: no-repeat;
    background-size: 25px; }
  .filter-container a {
    color: #000000;
    margin-left: 20px;
    line-height: 30px; }
    .filter-container a:hover, .filter-container a.selected {
      text-decoration: none;
      border-bottom: 1px solid #00a7b4; }

.work-container {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(10, 1fr); }
  .work-container .work-tile {
    position: relative;
    overflow: hidden;
    height: 400px;
    background-size: cover;
    background-position: center center;
    text-decoration: none;
    border: 0;
    grid-column: span 10; }
    .work-container .work-tile .work-thumbnail {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      transition: all 0.3s ease-out; }
    .work-container .work-tile .work-type {
      position: absolute;
      z-index: 2;
      bottom: 20px;
      left: 20px;
      font-size: 14px;
      color: #fff;
      line-height: 100%;
      text-transform: capitalize;
      margin: 0;
      font-family: "UniversLTPro-55Roman", sans-serif; }
    .work-container .work-tile .work-desc {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      opacity: 0;
      display: flex;
      align-items: center;
      justify-content: left;
      padding: 7%;
      transition: all 0.3s ease-out;
      font-size: 25px;
      line-height: 30px;
      text-transform: uppercase;
      font-family: "UniversLTPro-UltCond", sans-serif;
      letter-spacing: 1px; }
      @media only screen and (min-width: 768px) {
        .work-container .work-tile .work-desc {
          font-size: 58px;
          line-height: 78px; } }
      @media (min-width: 1440px) and (min-height: 720px) {
        .work-container .work-tile .work-desc {
          font-size: 70px;
          line-height: 90px; } }
      .work-container .work-tile .work-desc.title-long {
        font-size: 25px;
        line-height: 30px; }
        @media only screen and (min-width: 768px) {
          .work-container .work-tile .work-desc.title-long {
            font-size: 48px;
            line-height: 68px; } }
        @media (min-width: 1440px) and (min-height: 720px) {
          .work-container .work-tile .work-desc.title-long {
            font-size: 60px;
            line-height: 80px; } }
    .work-container .work-tile:hover {
      text-decoration: none;
      border: 0; }
      .work-container .work-tile:hover .work-thumbnail {
        opacity: 0; }
      .work-container .work-tile:hover .work-desc {
        opacity: 1; }
    .work-container .work-tile.work-tile-innovation .work-thumbnail {
      opacity: 0; }
    .work-container .work-tile.work-tile-innovation .work-desc {
      opacity: 1; }
    .work-container .work-tile.work-tile-innovation:hover .work-thumbnail {
      opacity: 1; }
    .work-container .work-tile.work-tile-innovation:hover .work-desc {
      opacity: 0; }
  @media only screen and (min-width: 768px) {
    .work-container .work-tile:nth-child(6n+1) {
      height: 600px;
      grid-column: span 6; } }
  @media only screen and (min-width: 768px) {
    .work-container .work-tile:nth-child(6n+2) {
      height: 600px;
      grid-column: span 4; } }
  @media only screen and (min-width: 768px) {
    .work-container .work-tile:nth-child(6n+3) {
      height: 600px;
      grid-column: span 4; } }
  @media only screen and (min-width: 768px) {
    .work-container .work-tile:nth-child(6n+4) {
      height: 600px;
      grid-column: span 6; } }
  @media only screen and (min-width: 768px) {
    .work-container .work-tile:nth-child(6n+5) {
      height: 600px;
      grid-column: span 5; } }
  @media only screen and (min-width: 768px) {
    .work-container .work-tile:nth-child(6n+6) {
      height: 600px;
      grid-column: span 5; } }

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