@charset "UTF-8";
/*
Theme Name: Acela Architects and Engineers
Author: Keenan Nagle Advertising
Author URI: https://keenannagle.com/
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: moravian-village
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Moravian Village is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}

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

/*
-------------------

Colors

-------------------
*/
/*
-------------------

Widths

-------------------
*/
/*
-------------------

Transitions

-------------------
*/
html {
  font-size: 62.5%;
}

body {
  font-size: 1.5em;
  /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-family: "Work Sans", sans-serif;
}

a {
  text-decoration: none;
}

.panel,
.modal {
  font-size: 21px;
}
.panel h1,
.panel h2,
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
  font-size: 40px;
  line-height: 47px;
  font-weight: 500;
  margin-bottom: 24px;
  color: #3E484E;
  letter-spacing: -2.5px;
}
@media only screen and (max-width: 1022px) {
  .panel h1,
  .panel h2,
  .panel h3,
  .panel h4,
  .panel h5,
  .panel h6,
  .modal h1,
  .modal h2,
  .modal h3,
  .modal h4,
  .modal h5,
  .modal h6 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 830px) {
  .panel h1,
  .panel h2,
  .panel h3,
  .panel h4,
  .panel h5,
  .panel h6,
  .modal h1,
  .modal h2,
  .modal h3,
  .modal h4,
  .modal h5,
  .modal h6 {
    font-size: 28px;
    line-height: 32px;
  }
}
.panel h3,
.panel h4,
.panel h5,
.panel h6,
.modal h3,
.modal h4,
.modal h5,
.modal h6 {
  text-transform: uppercase;
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 1px;
}
.panel .sub-heading, .panel .detail-heading,
.modal .sub-heading,
.modal .detail-heading {
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 32px;
}
.panel .detail-heading,
.modal .detail-heading {
  margin-bottom: 6px;
}
.panel a,
.modal a {
  text-decoration: underline;
  color: #097AC4;
  text-decoration: none;
  font-weight: 600;
}
.panel p, .panel .detail,
.modal p,
.modal .detail {
  margin-bottom: 24px;
  font-size: 21px;
  line-height: 32px;
  color: #6C7880;
}
@media only screen and (max-width: 1022px) {
  .panel p, .panel .detail,
  .modal p,
  .modal .detail {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 830px) {
  .panel p, .panel .detail,
  .modal p,
  .modal .detail {
    font-size: 16px;
    line-height: 24px;
  }
}
.panel p strong,
.panel p b, .panel .detail strong,
.panel .detail b,
.modal p strong,
.modal p b,
.modal .detail strong,
.modal .detail b {
  font-weight: bold;
  color: #3E484E;
}
.panel .detail,
.modal .detail {
  font-size: 17px;
  line-height: 24px;
}
@media only screen and (max-width: 830px) {
  .panel .detail,
  .modal .detail {
    font-size: 16px;
    line-height: 24px;
  }
}
.panel ul,
.panel ol,
.modal ul,
.modal ol {
  font-size: 19px;
  line-height: 26px;
  color: #6C7880;
  list-style: square;
  margin: 20px 0 20px 44px;
}
.panel ul li,
.panel ol li,
.modal ul li,
.modal ol li {
  padding: 6px 0;
}
@media only screen and (max-width: 1022px) {
  .panel ul,
  .panel ol,
  .modal ul,
  .modal ol {
    font-size: 18px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 830px) {
  .panel ul,
  .panel ol,
  .modal ul,
  .modal ol {
    font-size: 16px;
    line-height: 24px;
  }
}
.panel ol,
.modal ol {
  list-style: decimal;
}
.panel hr,
.modal hr {
  border: none;
  border-top: solid 1px #F6F7F8;
  margin: 40px 0;
}
.panel .detail-role, .panel .detail-role li,
.modal .detail-role,
.modal .detail-role li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.panel em, .panel i,
.modal em,
.modal i {
  font-style: italic;
}

.modal p {
  font-size: 19px;
  line-height: 28px;
}
@media only screen and (max-width: 830px) {
  .modal p {
    font-size: 16px;
    line-height: 24px;
  }
}

/*::-moz-selection {
    color: #fff;

}

::selection {
    color: #fff;
}*/
#masthead {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px 0 0 0;
  z-index: 4;
  /*
      ============================

      RWD Menu

      ============================
      */
}
#masthead .site-title a {
  display: block;
  width: 189px;
  height: 72px;
  background: url(assets/images/logo.svg) no-repeat center;
  background-size: contain;
  text-indent: -999px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #masthead .site-title a {
    width: 110px;
    height: 38px;
  }
}
#masthead .main-navigation ul#primary-menu {
  column-count: 2;
  column-gap: 80px;
}
#masthead .main-navigation ul#primary-menu > li {
  margin-bottom: 14px;
}
#masthead .main-navigation ul#primary-menu > li span {
  display: block;
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
}
#masthead .main-navigation ul#primary-menu > li > a {
  color: #fff;
  text-transform: lowercase;
  font-size: 14px;
  font-weight: 600;
  position: relative;
  padding: 6px 0;
  display: block;
  min-width: 128px;
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
}
#masthead .main-navigation ul#primary-menu > li > a:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  left: 0;
  bottom: 0;
  transition: all 0.2s cubic-bezier(0.515, 0.02, 0, 1.02);
}
#masthead .main-navigation ul#primary-menu > li > a:hover {
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
}
#masthead .main-navigation ul#primary-menu > li > a:hover span {
  transform: translateX(10px);
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
}
#masthead .main-navigation ul#primary-menu > li > a:hover:after {
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
}
#masthead .menu-toggle,
#masthead .sub-dropdown-toggle {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  display: none;
}
#masthead .menu-toggle:before, #masthead .menu-toggle:after {
  content: "";
  position: absolute;
  display: block;
  height: 2px;
  width: 35px;
  background: #fff;
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
}
#masthead .menu-toggle:before {
  top: 8px;
}
#masthead .menu-toggle:after {
  top: 20px;
}
#masthead .menu-toggle[aria-expanded=true]:before {
  transform: rotate(45deg) translateY(5px) translateX(4px);
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
}
#masthead .menu-toggle[aria-expanded=true]:after {
  transform: rotate(-45deg) translateY(-4px) translateX(4px);
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
}
@media only screen and (max-width: 1000px) {
  #masthead .menu-toggle,
  #masthead .sub-dropdown-toggle {
    display: block;
    position: relative;
    z-index: 91;
    width: 35px;
    height: 35px;
    text-indent: -999px;
    overflow: hidden;
    cursor: pointer;
  }
  #masthead .menu-primary-navigation-container {
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    background: #3E484E;
    width: 100%;
    z-index: 90;
    padding: 0 20px;
    padding-top: 150px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s cubic-bezier(0.515, 0.02, 0, 1.02);
  }
  #masthead .menu-primary-navigation-container > ul {
    display: block;
    width: 100%;
  }
  #masthead .menu-primary-navigation-container > ul > li {
    margin: 0;
    padding: 20px 0;
  }
  #masthead .menu-primary-navigation-container > ul > li:first-child {
    margin: 0;
  }
  #masthead .menu-primary-navigation-container > ul > li.menu-item-has-children a {
    background: none;
  }
  #masthead .menu-primary-navigation-container > ul > li > a {
    display: block;
    font-size: 19px;
  }
  #masthead .menu-primary-navigation-container > ul > li ul.sub-menu {
    display: block;
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
    background: none;
    box-shadow: none;
    top: auto;
    display: none;
  }
  #masthead .menu-primary-navigation-container > ul > li ul.sub-menu li a {
    border: none;
    padding: 4px 0;
    color: rgba(255, 255, 255, 0.7);
    font-size: 17px;
    font-weight: normal;
  }
  #masthead .menu-primary-navigation-container > ul > li .sub-dropdown-toggle {
    padding: 0;
    background: none;
    border: none;
    margin: 0;
    border-radius: 0;
    font-family: inherit;
    text-indent: -999px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer;
    background: url(assets/icons/chevron-down.svg) no-repeat center;
  }
  #masthead .menu-primary-navigation-container > ul > li .sub-dropdown-toggle.toggled-on + ul.sub-menu {
    display: block;
  }
  #masthead .menu-primary-navigation-container > ul > li.nav-btn {
    border: none;
    margin-top: 20px;
  }
  #masthead .menu-primary-navigation-container > ul > li.nav-btn a {
    margin: 0;
  }
  #masthead .main-navigation.toggled .menu-primary-navigation-container {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s cubic-bezier(0.515, 0.02, 0, 1.02);
  }
}

body:not(.home) #masthead .main-navigation ul#primary-menu > li:not(.current_page_item) a {
  opacity: 0.5;
}
body:not(.home) #masthead .main-navigation ul#primary-menu > li:not(.current_page_item):hover a {
  opacity: 1;
}

body.single-projects #masthead .main-navigation ul#primary-menu > li.menu-item-38 a {
  opacity: 1;
}

body.single-post #masthead .main-navigation ul#primary-menu > li.menu-item-828 a, body.category #masthead .main-navigation ul#primary-menu > li.menu-item-828 a {
  opacity: 1;
}

body.single-careers #masthead .main-navigation ul#primary-menu > li.menu-item-827 a {
  opacity: 1;
}

body #masthead .main-navigation ul#primary-menu > li.current-page-ancestor a {
  opacity: 1 !important;
}

.home.loaded ul#primary-menu > li > a {
  color: #3E484E;
  animation: fade-white 2s cubic-bezier(0.36, 0.075, 0.13, 1) forwards;
}
.home.loaded ul#primary-menu > li > a:after {
  background: #3E484E;
  animation: fade-bg-white 2s cubic-bezier(0.36, 0.075, 0.13, 1) forwards;
}

@media only screen and (max-width: 767px) {
  body:not(.home) #masthead .site-title a {
    background: url(assets/images/logo-white-tag.svg) no-repeat center;
    background-size: contain;
  }
}

@keyframes fade-white {
  0%, 65% {
    color: #3E484E;
  }
  70% {
    color: #fff;
  }
}
@keyframes fade-bg-white {
  0%, 65% {
    background: #3E484E;
  }
  70% {
    background: #fff;
  }
}
.site-footer {
  background: #F6F7F8;
  padding: 120px 0 40px 0;
}
@media only screen and (max-width: 1000px) {
  .site-footer {
    padding-top: 0;
  }
}
.site-footer .w-1100 {
  border-top: solid 1px #E0E0E0;
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .site-footer .w-1100 {
    text-align: center;
  }
}
.site-footer .footer-logo {
  display: block;
  width: 179px;
  height: 63px;
  background: url(assets/images/logo.svg) no-repeat center;
  background-size: contain;
  text-indent: -999px;
  overflow: hidden;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .site-footer .footer-logo {
    margin: 0 auto;
    background: url(assets/images/logo-footer-mobile.svg) no-repeat center;
    background-size: contain;
  }
}
.site-footer .company-info p {
  font-size: 18px;
  color: #6C7880;
}
@media only screen and (max-width: 900px) {
  .site-footer .company-info p {
    font-size: 16px;
  }
}
.site-footer .location-phone {
  font-size: 16px;
  margin-top: 82px;
}
.site-footer .location-phone a {
  color: #097AC4;
}
.site-footer .footer-nav {
  margin-top: 24px;
  padding-top: 24px;
}
.site-footer .footer-nav > li {
  margin: 0 24px;
}
@media only screen and (max-width: 850px) {
  .site-footer .footer-nav > li {
    margin: 0 12px;
  }
}
@media only screen and (max-width: 767px) {
  .site-footer .footer-nav > li {
    width: 45%;
    margin: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .site-footer .footer-nav > li {
    width: 45%;
    margin: 0;
    text-align: center;
  }
}
.site-footer .footer-nav > li > a {
  font-weight: bold;
  font-size: 18px;
}
.site-footer .footer-nav li a {
  color: #3E484E;
}
.site-footer .footer-nav li.LinkedIn a {
  text-indent: -999px;
  overflow: hidden;
  width: 24px;
  height: 24px;
  display: block;
  background: url(assets/icons/linkedin.svg) no-repeat center;
}
.site-footer .footer-nav li ul li {
  font-size: 14px;
}
.site-footer .copyright {
  margin-top: 24px;
  font-size: 14px;
  color: #6C7880;
}

html {
  font-size: 106.25%;
  quotes: "“" "”";
  -webkit-text-size-adjust: 100%;
}

body {
  font-synthesis: none;
  -moz-font-feature-settings: "kern";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  direction: ltr;
  font-size: 17px;
  line-height: 1.47059;
  background: #F6F7F8;
}

body.no-scroll {
  overflow: hidden;
}

.site {
  max-width: 1800px;
  margin: 0 auto;
  background: #fff;
}

.site-container {
  max-width: 1640px;
  width: 100%;
  padding: 0 80px;
  margin: 0 auto;
}
@media only screen and (max-width: 1350px) {
  .site-container {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 760px) {
  .site-container {
    padding: 0 20px;
  }
}

.panel {
  padding: 120px 0;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .panel {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 830px) {
  .panel {
    padding: 40px 0;
  }
}
.panel.more-pad {
  padding: 200px 0;
}
@media only screen and (max-width: 1024px) {
  .panel.more-pad {
    padding: 90px 0;
  }
}
@media only screen and (max-width: 830px) {
  .panel.more-pad {
    padding: 40px 0;
  }
}

.add-margin {
  margin: 100px 0;
}
@media only screen and (max-width: 1024px) {
  .add-margin {
    margin: 0;
  }
}

.no-pad {
  padding: 0;
}

.less-pad {
  padding: 90px 0;
}
@media only screen and (max-width: 1024px) {
  .less-pad {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 760px) {
  .less-pad {
    padding: 40px 0;
  }
}

.m-auto {
  margin: 0 auto;
}

.w-100 {
  max-width: 100px;
}

.w-200 {
  max-width: 200px;
}

.w-300 {
  max-width: 300px;
}

.w-400 {
  max-width: 400px;
}

.w-500 {
  max-width: 500px;
}

.w-600 {
  max-width: 600px;
}

.w-700 {
  max-width: 700px;
}

.w-800 {
  max-width: 800px;
}

.w-900 {
  max-width: 900px;
}

.w-1000 {
  max-width: 1000px;
}

.w-1100 {
  max-width: 1100px;
}

.w-1200 {
  max-width: 1200px;
}

.w-1300 {
  max-width: 1300px;
}

.w-1400 {
  max-width: 1400px;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex.centered {
  justify-content: center;
}
.flex.centered .col {
  padding: 24px;
}
.flex.body-col .col:first-child {
  width: 25%;
}
@media only screen and (max-width: 766px) {
  .flex.body-col .col:first-child {
    width: 100%;
  }
}
.flex.body-col .col:last-child {
  width: 70%;
}
@media only screen and (max-width: 766px) {
  .flex.body-col .col:last-child {
    width: 100%;
  }
}

.no-wrap {
  flex-wrap: nowrap;
}

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

.vert-center {
  align-items: center;
  align-content: center;
}

.vert-bottom {
  align-items: flex-end;
  align-content: flex-end;
}

.text-center,
.has-text-align-center,
.aligncenter {
  text-align: center;
}

.horz-center {
  justify-content: center;
}

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

.text-left {
  text-align: left;
}

.relative {
  position: relative;
}

.col1 > .col {
  width: 100%;
}
@media only screen and (max-width: 766px) {
  .col1 > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col2 > .col {
  width: 50%;
}
@media only screen and (max-width: 766px) {
  .col2 > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col3 > .col {
  width: 33.3333333333%;
}
@media only screen and (max-width: 766px) {
  .col3 > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col4 > .col {
  width: 25%;
}
@media only screen and (max-width: 766px) {
  .col4 > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col5 > .col {
  width: 20%;
}
@media only screen and (max-width: 766px) {
  .col5 > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col6 > .col {
  width: 16.6666666667%;
}
@media only screen and (max-width: 766px) {
  .col6 > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col7 > .col {
  width: 14.2857142857%;
}
@media only screen and (max-width: 766px) {
  .col7 > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col8 > .col {
  width: 12.5%;
}
@media only screen and (max-width: 766px) {
  .col8 > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col1.spaced > .col {
  width: 97%;
}
@media only screen and (max-width: 1024px) {
  .col1.spaced > .col {
    width: 98%;
  }
}
@media only screen and (max-width: 766px) {
  .col1.spaced > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col2.spaced > .col {
  width: 47%;
}
@media only screen and (max-width: 1024px) {
  .col2.spaced > .col {
    width: 48%;
  }
}
@media only screen and (max-width: 766px) {
  .col2.spaced > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col3.spaced > .col {
  width: 30.3333333333%;
}
@media only screen and (max-width: 1024px) {
  .col3.spaced > .col {
    width: 31.3333333333%;
  }
}
@media only screen and (max-width: 766px) {
  .col3.spaced > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col4.spaced > .col {
  width: 22%;
}
@media only screen and (max-width: 1024px) {
  .col4.spaced > .col {
    width: 23%;
  }
}
@media only screen and (max-width: 766px) {
  .col4.spaced > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col5.spaced > .col {
  width: 17%;
}
@media only screen and (max-width: 1024px) {
  .col5.spaced > .col {
    width: 18%;
  }
}
@media only screen and (max-width: 766px) {
  .col5.spaced > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col6.spaced > .col {
  width: 13.6666666667%;
}
@media only screen and (max-width: 1024px) {
  .col6.spaced > .col {
    width: 14.6666666667%;
  }
}
@media only screen and (max-width: 766px) {
  .col6.spaced > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col7.spaced > .col {
  width: 11.2857142857%;
}
@media only screen and (max-width: 1024px) {
  .col7.spaced > .col {
    width: 12.2857142857%;
  }
}
@media only screen and (max-width: 766px) {
  .col7.spaced > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col8.spaced > .col {
  width: 9.5%;
}
@media only screen and (max-width: 1024px) {
  .col8.spaced > .col {
    width: 10.5%;
  }
}
@media only screen and (max-width: 766px) {
  .col8.spaced > .col {
    width: 100%;
    margin: 12px 0;
  }
}

.col3-1 > .col:first-child,
.col1-3 > .col:last-child {
  width: 70%;
}
@media only screen and (max-width: 1000px) {
  .col3-1 > .col:first-child,
  .col1-3 > .col:last-child {
    width: 100%;
  }
}

.col3-1 > .col:last-child,
.col1-3 > .col:first-child {
  width: 30%;
}
@media only screen and (max-width: 1000px) {
  .col3-1 > .col:last-child,
  .col1-3 > .col:first-child {
    width: 100%;
  }
}

.col3-1.spaced > .col:first-child,
.col1-3.spaced > .col:last-child {
  width: 64%;
}
@media only screen and (max-width: 1000px) {
  .col3-1.spaced > .col:first-child,
  .col1-3.spaced > .col:last-child {
    width: 100%;
  }
}

.col3-1.spaced > .col:last-child,
.col1-3 > .col:first-child {
  width: 30%;
}
@media only screen and (max-width: 1000px) {
  .col3-1.spaced > .col:last-child,
  .col1-3 > .col:first-child {
    width: 100%;
  }
}

.col3-2.spaced > .col:first-child,
.col2-3.spaced > .col:last-child {
  width: 52%;
}
@media only screen and (max-width: 1000px) {
  .col3-2.spaced > .col:first-child,
  .col2-3.spaced > .col:last-child {
    width: 100%;
    text-align: center;
    margin-bottom: 32px;
  }
}

.col3-2.spaced > .col:last-child,
.col2-3.spaced > .col:first-child {
  width: 40%;
}
@media only screen and (max-width: 1000px) {
  .col3-2.spaced > .col:last-child,
  .col2-3.spaced > .col:first-child {
    width: 100%;
    text-align: center;
    margin-bottom: 32px;
    order: 2;
  }
}

table td,
table th {
  padding: 20px;
}

img {
  max-width: 100%;
  height: auto;
}
img.img-fit {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.alignright {
  float: right;
  margin: 0 0 24px 24px;
}

.alignleft {
  float: left;
  margin: 0 24px 24px 0;
}

.aligncenter {
  margin: 0 auto 24px auto;
  display: block;
}

@media only screen and (max-width: 767px) {
  .alignright, .alignleft, .aligncenter {
    margin: 0 0 20px 0;
    width: 100%;
  }
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
  border: none;
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 10px;
  max-width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
  border-color: #CEC7C7;
  border-radius: 2px;
  font-family: "Work Sans", sans-serif;
  width: 100%;
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
  border: solid 1px #666;
  outline: 0;
}

input[type=color] {
  padding: 5px;
}

input[type=checkbox],
input[type=image],
input[type=radio] {
  width: auto;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #c7c7c7;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-weight: 400;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #c7c7c7;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-weight: 400;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #c7c7c7;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-weight: 400;
}

input::placeholder,
textarea::placeholder {
  color: #c7c7c7;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  font-weight: 400;
}

.search-field,
.post-password-required input[type=password] {
  height: 56px;
}

.panel .forminator-ui#forminator-module-555.forminator-design--flat .forminator-input,
.panel .forminator-ui#forminator-module-555.forminator-design--flat .forminator-input input,
.panel .forminator-ui#forminator-module-555.forminator-design--flat .forminator-checkbox .forminator-checkbox-box,
.panel .forminator-ui#forminator-module-555.forminator-design--flat .forminator-textarea {
  background: #fff;
  border: solid 1px #CEC7C7;
  border-radius: 2px;
}
.panel .forminator-ui#forminator-module-555.forminator-design--flat .forminator-label {
  font-size: 16px;
}
.panel label.forminator-label {
  font-size: 16px;
  font-weight: 700;
}
.panel .forminator-required {
  color: #ff0000;
  font-weight: 400;
}
.panel .forminator-error-message {
  display: block;
  color: #990000;
  font-size: 12px;
  float: none;
  cursor: default;
  margin-top: 8px;
}
.panel .forminator-row {
  text-align: left;
  display: flex;
}
.panel .forminator-row .forminator-col {
  width: 100%;
}
.panel .forminator-row .forminator-col-6 {
  width: 47%;
}
.panel .forminator-row .forminator-col-6:last-child {
  margin-left: auto;
}
.panel input[aria-invalid=true],
.panel select[aria-invalid=true] {
  border-color: #990000;
}
.panel .forminator-response-message ul {
  font-size: 16px;
  line-height: normal;
  color: #990000;
}
.panel .forminator-response-message ul li {
  margin: 0;
  padding: 0;
}
.panel .forminator-file-upload input::file-selector-button {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  border: none;
  color: #3E484E;
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
  font-size: 14px;
  padding: 8px 20px;
  border-radius: 100em;
  margin-right: 8px;
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
  border: solid 2px #3E484E;
}
.panel .forminator-file-upload input::file-selector-button:hover {
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
  background: none;
  border: solid 2px #097AC4;
  color: #097AC4;
}

/* Text meant only for screen readers. */
.screen-reader-text, .site-description {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus, .site-description:focus {
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  display: block;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.hero {
  position: relative;
  overflow: hidden;
}
.hero.home-hero {
  height: 100vh;
  width: 100%;
  margin-bottom: 120px;
}
@media only screen and (max-width: 1024px) {
  .hero.home-hero {
    height: 70vh;
  }
}
@media only screen and (max-width: 1000px) {
  .hero.home-hero {
    margin-bottom: 0;
  }
}
.hero.home-hero .heading {
  font-size: 130px;
  font-weight: 300;
  line-height: 153px;
  letter-spacing: -6.12px;
  color: #3E484E;
  position: absolute;
}
@media only screen and (max-width: 1200px) {
  .hero.home-hero .heading {
    font-size: 110px;
    line-height: 123px;
  }
}
@media only screen and (max-width: 767px) {
  .hero.home-hero .heading {
    font-size: 69px;
    line-height: 80px;
  }
}
@media only screen and (max-height: 800px) {
  .hero.home-hero .heading {
    font-size: 100px;
    line-height: 114px;
  }
}
@media only screen and (max-height: 800px) and (max-width: 767px) {
  .hero.home-hero .heading {
    font-size: 69px;
    line-height: 80px;
  }
}
.hero.home-hero .heading.dark-heading {
  height: 100%;
  top: 0;
  left: 0;
}
.hero.home-hero .heading.dark-heading h1 {
  position: absolute;
  bottom: 25%;
  left: 200px;
}
@media only screen and (max-width: 850px) {
  .hero.home-hero .heading.dark-heading h1 {
    left: 20px;
  }
}
@media only screen and (max-height: 800px) {
  .hero.home-hero .heading.dark-heading h1 {
    left: 267px;
  }
}
@media only screen and (max-height: 800px) and (max-width: 1200px) {
  .hero.home-hero .heading.dark-heading h1 {
    left: 222px;
  }
}
@media only screen and (max-height: 800px) and (max-width: 850px) {
  .hero.home-hero .heading.dark-heading h1 {
    left: 42px;
  }
}
@media only screen and (max-height: 800px) and (max-width: 767px) {
  .hero.home-hero .heading.dark-heading h1 {
    left: 20px;
  }
}
.hero.home-hero .heading.light-heading {
  left: -273px;
  color: #fff;
  bottom: 25%;
}
@media only screen and (max-width: 1200px) {
  .hero.home-hero .heading.light-heading {
    left: -227px;
  }
}
@media only screen and (max-width: 767px) {
  .hero.home-hero .heading.light-heading {
    left: -134px;
  }
}
@media only screen and (max-height: 800px) {
  .hero.home-hero .heading.light-heading {
    left: -203px;
  }
}
@media only screen and (max-height: 800px) and (max-width: 850px) {
  .hero.home-hero .heading.light-heading {
    left: -204px;
  }
}
@media only screen and (max-height: 800px) and (max-width: 767px) {
  .hero.home-hero .heading.light-heading {
    left: -133px;
  }
}
.hero.home-hero .heading strong {
  display: block;
  overflow: hidden;
}
.hero.home-hero .heading strong span {
  display: block;
  transform: translateY(130px);
}
.hero.home-hero .hero-bg {
  position: absolute;
  left: 472px;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 2;
  overflow: hidden;
  clip-path: inset(0 0 0 100%);
}
@media only screen and (max-width: 1024px) {
  .hero.home-hero .hero-bg {
    height: 70vh;
  }
}
@media only screen and (max-width: 1200px) {
  .hero.home-hero .hero-bg {
    left: 427px;
  }
}
@media only screen and (max-width: 850px) {
  .hero.home-hero .hero-bg {
    left: 245px;
  }
}
@media only screen and (max-width: 767px) {
  .hero.home-hero .hero-bg {
    left: 154px;
  }
}
.hero.home-hero #scroll-down {
  position: absolute;
  bottom: 0;
  width: 65px;
  height: 61px;
  text-indent: -999px;
  overflow: hidden;
  background: #fff url(assets/icons/arrow-down.svg) no-repeat center;
  left: 60px;
  transform: translateY(100%);
}
@media only screen and (max-width: 767px) {
  .hero.home-hero #scroll-down {
    width: 45px;
    height: 41px;
    left: 20px;
  }
}

.hero.home-hero .hero-bg {
  animation: reveal-left 2s cubic-bezier(0.19, 1, 0.22, 1) forwards 1.2s;
}
.hero.home-hero .heading strong span {
  transform: translateY(130px);
  animation: reveal-text-from-bottom 1s cubic-bezier(0.515, 0.02, 0, 1.02) forwards 0.5s;
}
.hero.home-hero .heading strong:last-child span {
  animation-delay: 0.8s;
}
.hero.home-hero #scroll-down {
  animation: reveal-from-bottom 1s cubic-bezier(0.19, 1, 0.22, 1) forwards 2.6s;
}

@keyframes reveal-left {
  from {
    clip-path: inset(0 0 0 100%);
    background-size: 150%;
  }
  to {
    clip-path: inset(0 0 0 0);
    background-size: 100%;
  }
}
@keyframes reveal-text-from-bottom {
  from {
    transform: translateY(130px);
  }
  to {
    transform: translateY(0px);
  }
}
@keyframes reveal-from-bottom {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0px);
  }
}
.page-title {
  position: relative;
  height: 600px;
  z-index: 2;
}
@media only screen and (max-width: 1200px) {
  .page-title {
    height: 550px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-title {
    height: 340px;
  }
}
@media only screen and (max-width: 767px) {
  .page-title {
    height: auto;
  }
}
.page-title:after {
  content: "";
  position: absolute;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: #3E484E url(assets/images/lines2.svg) repeat center;
  background-size: cover;
  width: calc(100% - 472px);
  height: 100%;
}
@media only screen and (max-width: 1200px) {
  .page-title:after {
    left: 250px;
    width: calc(100% - 250px);
  }
}
@media only screen and (max-width: 767px) {
  .page-title:after {
    left: 0;
    width: 100%;
    background-size: 100%;
  }
}
.page-title .inner {
  margin-left: 472px;
  position: relative;
  height: 100%;
  padding-right: 40px;
}
@media only screen and (max-width: 1000px) {
  .page-title .inner {
    margin-left: 0;
    padding: 120px 0 0 240px;
    height: 340px;
  }
}
@media only screen and (max-width: 767px) {
  .page-title .inner {
    height: auto;
    padding: 120px 20px 24px;
  }
}
.page-title .inner .page-title-img {
  width: 587px;
  height: 490px;
  z-index: 1;
  position: absolute;
  left: -310px;
  bottom: -80px;
}
.page-title .inner .page-title-img img {
  display: block;
  box-shadow: 0 42px 44px 0 rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 1200px) {
  .page-title .inner .page-title-img {
    width: 480px;
    height: 401px;
    left: -400px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-title .inner .page-title-img {
    display: none;
  }
}
.page-title .inner h1 {
  color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 90px;
  left: 340px;
  z-index: 1;
  font-size: 62px;
  line-height: 73px;
  letter-spacing: -2.92px;
  font-weight: 300;
  padding-right: 40px;
}
@media only screen and (max-width: 1200px) {
  .page-title .inner h1 {
    left: 130px;
    margin-top: 110px;
  }
}
@media only screen and (max-width: 1060px) {
  .page-title .inner h1 {
    font-size: 53px;
    line-height: 63px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-title .inner h1 {
    font-size: 52px;
    line-height: 63px;
    left: 290px;
    top: auto;
    bottom: 40px;
    transform: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-title .inner h1 {
    position: relative;
    left: 0;
    top: auto;
    margin: 0;
    bottom: auto;
    font-size: 42px;
    line-height: 50px;
  }
}
.page-title + .panel {
  padding-top: 200px;
}
@media only screen and (max-width: 1000px) {
  .page-title + .panel {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 830px) {
  .page-title + .panel {
    padding-top: 40px;
  }
}
.page-title.blog {
  height: auto;
  padding: 260px 0 40px 0;
}
.page-title.blog .inner {
  margin-left: 170px;
}
.page-title.blog .inner h1 {
  margin: 0;
  position: relative;
  padding-left: 350px;
  transform: none;
  left: auto;
  top: auto;
}
@media only screen and (max-width: 1200px) {
  .page-title.blog .inner h1 {
    padding-left: 120px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-title.blog {
    height: inherit;
    padding: 0;
  }
  .page-title.blog .inner {
    margin: inherit;
  }
  .page-title.blog .inner h1 {
    padding: 0 40px 0 0;
    left: 290px;
    top: inherit;
    position: absolute;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 766px) {
  .page-title.blog .inner h1 {
    position: relative;
    left: 0;
    top: auto;
    margin: 0;
    bottom: auto;
  }
}

.btn,
.panel .wp-block-buttons a,
.panel .wp-block-button__link,
.forminator-ui#forminator-module-201.forminator-design--flat .forminator-button-upload,
.panel a.btn,
.forminator-button-submit,
.nav-btn a,
.editor-btn a,
.panel .forminator-ui#forminator-module-555.forminator-design--default .forminator-button-submit,
.panel .forminator-ui#forminator-module-555.forminator-design--flat .forminator-button-submit {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  padding: 14px 40px;
  border-radius: 100em;
  margin: 20px 0;
  display: inline-block;
  font-weight: 800;
  line-height: normal;
  transition: all 0.2s cubic-bezier(0.515, 0.02, 0, 1.02);
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  background: #097AC4;
  border: solid 2px #097AC4;
  text-align: center;
}
.btn:hover,
.panel .wp-block-buttons a:hover,
.panel .wp-block-button__link:hover,
.forminator-ui#forminator-module-201.forminator-design--flat .forminator-button-upload:hover,
.panel a.btn:hover,
.forminator-button-submit:hover,
.nav-btn a:hover,
.editor-btn a:hover,
.panel .forminator-ui#forminator-module-555.forminator-design--default .forminator-button-submit:hover,
.panel .forminator-ui#forminator-module-555.forminator-design--flat .forminator-button-submit:hover {
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
  background: none;
  color: #097AC4;
}
.btn.white,
.panel .wp-block-buttons a.white,
.panel .wp-block-button__link.white,
.forminator-ui#forminator-module-201.forminator-design--flat .forminator-button-upload.white,
.panel a.btn.white,
.forminator-button-submit.white,
.nav-btn a.white,
.editor-btn a.white,
.panel .forminator-ui#forminator-module-555.forminator-design--default .forminator-button-submit.white,
.panel .forminator-ui#forminator-module-555.forminator-design--flat .forminator-button-submit.white {
  background: #fff;
  color: #097AC4;
}
@media only screen and (max-width: 1024px) {
  .btn,
  .panel .wp-block-buttons a,
  .panel .wp-block-button__link,
  .forminator-ui#forminator-module-201.forminator-design--flat .forminator-button-upload,
  .panel a.btn,
  .forminator-button-submit,
  .nav-btn a,
  .editor-btn a,
  .panel .forminator-ui#forminator-module-555.forminator-design--default .forminator-button-submit,
  .panel .forminator-ui#forminator-module-555.forminator-design--flat .forminator-button-submit {
    padding: 18px 22px 16px;
  }
}
@media only screen and (max-width: 830px) {
  .btn,
  .panel .wp-block-buttons a,
  .panel .wp-block-button__link,
  .forminator-ui#forminator-module-201.forminator-design--flat .forminator-button-upload,
  .panel a.btn,
  .forminator-button-submit,
  .nav-btn a,
  .editor-btn a,
  .panel .forminator-ui#forminator-module-555.forminator-design--default .forminator-button-submit,
  .panel .forminator-ui#forminator-module-555.forminator-design--flat .forminator-button-submit {
    font-size: 16px;
    line-height: 24px;
  }
}

.panel .forminator-ui#forminator-module-555.forminator-design--default .forminator-button-submit,
.panel .forminator-ui#forminator-module-555.forminator-design--flat .forminator-button-submit {
  margin-top: 0;
}

.nav-btn a,
a.btn.white {
  background: #fff;
  color: #097AC4;
  margin: 0;
  padding: 18px 40px 16px;
  border: solid 2px #fff;
}
@media only screen and (max-width: 1024px) {
  .nav-btn a,
  a.btn.white {
    padding: 18px 22px 16px;
  }
}
.nav-btn a:hover,
a.btn.white:hover {
  background: none;
  color: #fff;
}

.editor-btn a {
  margin: 10px;
}

.nav-btn a {
  margin-left: 34px;
  padding: 18px 24px 16px;
  font-size: 16px;
}

.video-btn {
  display: inline-block;
  background: url(assets/icons/play.svg) no-repeat left;
  padding: 10px 10px 10px 44px;
  font-weight: bold;
}
@media only screen and (max-width: 830px) {
  .video-btn {
    font-size: 16px;
  }
}
@media only screen and (max-width: 766px) {
  .video-btn {
    margin-top: 14px;
  }
}

.edit-link {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #097AC4;
  color: #fff;
  padding: 14px 24px;
  display: block;
  font-weight: bold;
  z-index: 5;
}
.edit-link a {
  color: #fff;
}

.text-center .wp-block-buttons {
  justify-content: center;
}

.cta {
  display: inline-block;
  font-size: 18px;
  position: relative;
  padding-right: 20px;
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
  margin-top: 14px;
}
.cta:after {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  right: 0;
  top: 8px;
  background: url(assets/icons/plus.svg) no-repeat center;
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.cta:hover {
  color: #3E484E;
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.cta:hover:after {
  transform: rotate(180deg);
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
  background: url(assets/icons/plus-gray.svg) no-repeat center;
}

.spotlight .cta:after {
  background: url(assets/icons/plus-white.svg) no-repeat center;
}

.panel div.wpforms-container-full .wpforms-form button[type=submit],
.panel div.wpforms-container-full .wpforms-form button[type=submit]:hover {
  border: none;
  background: #097AC4;
  color: #fff;
  font-family: "Work Sans", sans-serif;
  font-weight: bold;
  font-size: 16px;
  padding: 14px 40px;
  border-radius: 100em;
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.panel div.wpforms-container-full .wpforms-form button[type=submit]:hover {
  background: #3E484E;
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
}

.panel.two-col-broken-grid {
  overflow: visible;
  position: relative;
  z-index: 1;
}
.panel.two-col-broken-grid .col1-3 .col.img,
.panel.two-col-broken-grid .col3-1 .col.img {
  position: absolute;
  top: 60px;
  height: 100%;
}
@media only screen and (max-width: 1000px) {
  .panel.two-col-broken-grid .col1-3 .col.img,
  .panel.two-col-broken-grid .col3-1 .col.img {
    position: relative;
  }
}
@media only screen and (max-width: 767px) {
  .panel.two-col-broken-grid .col1-3 .col.img,
  .panel.two-col-broken-grid .col3-1 .col.img {
    top: auto;
    margin-top: 24px;
  }
}
.panel.two-col-broken-grid .col3-1 .col.img {
  left: 0;
}
.panel.two-col-broken-grid .col3-1 .col:last-child {
  margin-left: auto;
}
.panel.two-col-broken-grid.text-left .col1-3 .col.img {
  right: 0;
}
.panel.two-col-broken-grid.has-bg:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.panel.two-col-broken-grid.has-bg .col {
  position: relative;
  z-index: 1;
}
.panel.two-col-broken-grid + .panel {
  padding-top: 160px;
}
@media only screen and (max-width: 1000px) {
  .panel.two-col-broken-grid + .panel {
    padding-top: 90px;
  }
}
.panel.spotlight {
  background: #3E484E url(assets/images/lines2.svg) repeat center;
  color: #fff;
}
.panel.spotlight h2,
.panel.spotlight h3,
.panel.spotlight h4,
.panel.spotlight h5,
.panel.spotlight h6,
.panel.spotlight p,
.panel.spotlight strong,
.panel.spotlight b,
.panel.spotlight a {
  color: #fff;
}
.panel.spotlight p {
  opacity: 0.7;
}
.panel.spotlight .flex {
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .panel.spotlight .flex .col {
    padding: 0;
  }
}
.panel.spotlight .flex .col h3,
.panel.spotlight .flex .col h4,
.panel.spotlight .flex .col h5,
.panel.spotlight .flex .col h6,
.panel.spotlight .flex .col p {
  font-size: 16px;
  line-height: 26px;
}
.panel.spotlight .flex .col p {
  font-weight: normal;
}
.panel.spotlight .flex .col .icon {
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.panel.market-grid .body-col {
  margin-bottom: 84px;
}
@media only screen and (max-width: 767px) {
  .panel.market-grid .body-col {
    margin-bottom: 24px;
  }
}
.panel.market-grid .grid .market-img {
  height: 300px;
  overflow: hidden;
  background: #3E484E;
}
.panel.market-grid .grid .market-img img {
  transition: all 1s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.panel.market-grid .grid .market-title {
  font-size: 18px;
  padding: 14px 0 14px;
  border-bottom: solid 2px #097AC4;
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.panel.market-grid .grid .market-title span {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.panel.market-grid .grid .market-title span:after {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  right: 0;
  top: 8px;
  background: url(assets/icons/plus.svg) no-repeat center;
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.panel.market-grid .grid .flex .col {
  margin-bottom: 3%;
}
.panel.market-grid .grid .flex .col:hover .market-img img {
  transform: scale(1.1);
  transition: all 1s cubic-bezier(0.515, 0.02, 0, 1.02);
  opacity: 0.5;
}
.panel.market-grid .grid .flex .col:hover .market-title {
  color: #3E484E;
  border-color: #3E484E;
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.panel.market-grid .grid .flex .col:hover .market-title span:after {
  transform: rotate(180deg);
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
  background: url(assets/icons/plus-gray.svg) no-repeat center;
}
.panel.market-grid .grid .flex.col2 .col:first-child {
  width: 55%;
}
@media only screen and (max-width: 767px) {
  .panel.market-grid .grid .flex.col2 .col:first-child {
    width: 100%;
  }
}
.panel.market-grid .grid .flex.col2 .col:last-child {
  width: 40%;
}
@media only screen and (max-width: 767px) {
  .panel.market-grid .grid .flex.col2 .col:last-child {
    width: 100%;
  }
}
.panel.blue-background-panel {
  position: relative;
  background: #097AC4;
  overflow: visible;
  z-index: 1;
}
.panel.blue-background-panel .bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  border: solid 1px red;
  top: 0;
  left: 0;
  z-index: 0;
  filter: grayscale(1);
  opacity: 0.23;
  mix-blend-mode: multiply;
}
.panel.blue-background-panel .site-container {
  position: relative;
}
.panel.blue-background-panel .flex {
  margin-bottom: -190px;
  align-items: flex-start;
}
@media only screen and (max-width: 1000px) {
  .panel.blue-background-panel .flex {
    margin-bottom: 0;
  }
}
.panel.blue-background-panel .flex .col.w-bg {
  background: #fff;
  padding: 56px 44px;
  box-shadow: 0 42px 44px 0 rgba(0, 0, 0, 0.05);
  align-self: stretch;
}
@media only screen and (max-width: 767px) {
  .panel.blue-background-panel .flex .col.w-bg {
    padding: 34px 24px;
  }
}
.panel.blue-background-panel .flex .col.w-bg h3 {
  font-size: 32px;
  line-height: 42px;
  text-transform: none;
  letter-spacing: -2.27px;
  font-weight: 400;
}
@media only screen and (max-width: 830px) {
  .panel.blue-background-panel .flex .col.w-bg h3 {
    font-size: 28px;
    line-height: 32px;
  }
}
.panel.blue-background-panel .text-center {
  margin-bottom: 44px;
}
.panel.blue-background-panel .text-center h2,
.panel.blue-background-panel .text-center h3,
.panel.blue-background-panel .text-center h4,
.panel.blue-background-panel .text-center h5,
.panel.blue-background-panel .text-center h6,
.panel.blue-background-panel .text-center p,
.panel.blue-background-panel .text-center strong,
.panel.blue-background-panel .text-center b,
.panel.blue-background-panel .text-center a,
.panel.blue-background-panel .text-center ul,
.panel.blue-background-panel .text-center ol {
  color: #fff;
}
.panel.blue-background-panel .text-center ul,
.panel.blue-background-panel .text-center ol {
  text-align: left;
  column-count: 2;
  column-gap: 40px;
  max-width: 600px;
  margin: 0 auto;
}
.panel.blue-background-panel .text-center ul li,
.panel.blue-background-panel .text-center ol li {
  break-inside: avoid-column;
  /* @media only screen and (max-width: 767px) {
       list-style-position: inside;
   }*/
}
@media only screen and (max-width: 767px) {
  .panel.blue-background-panel .text-center ul,
  .panel.blue-background-panel .text-center ol {
    padding: 0 20px;
  }
}
.panel.blue-background-panel.has-broken-grid-img .broken-grid-imgs {
  margin: 60px auto -350px auto;
}
@media only screen and (max-width: 1000px) {
  .panel.blue-background-panel.has-broken-grid-img .broken-grid-imgs {
    margin: 0 auto;
  }
}
.panel.blue-background-panel.has-broken-grid-img .broken-grid-imgs img {
  display: block;
  /* @media only screen and (max-width: 1000px) {
      object-fit: none;
      height: auto;
  }*/
}
.panel.blue-background-panel.has-broken-grid-img .broken-grid-imgs .img {
  box-shadow: 0 42px 44px 0 rgba(0, 0, 0, 0.05);
}
.panel.blue-background-panel.has-broken-grid-img .broken-grid-imgs .col {
  max-height: 550px;
}
@media only screen and (max-width: 1000px) {
  .panel.blue-background-panel.has-broken-grid-img .broken-grid-imgs .col {
    max-height: inherit;
  }
  .panel.blue-background-panel.has-broken-grid-img .broken-grid-imgs .col:first-child {
    width: 68%;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 767px) {
  .panel.blue-background-panel.has-broken-grid-img .broken-grid-imgs .col:first-child {
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  .panel.blue-background-panel.has-broken-grid-img .broken-grid-imgs .col:last-child {
    width: 30%;
  }
}
@media only screen and (max-width: 1000px) and (max-width: 767px) {
  .panel.blue-background-panel.has-broken-grid-img .broken-grid-imgs .col:last-child {
    display: none;
  }
}
.panel.blue-background-panel.has-broken-grid-img + .panel {
  padding-top: 460px;
}
@media only screen and (max-width: 1000px) {
  .panel.blue-background-panel.has-broken-grid-img + .panel {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .panel.blue-background-panel.has-broken-grid-img + .panel {
    padding-top: 40px;
  }
}
.panel.broken-grid-collage {
  padding-bottom: 20px;
  position: relative;
  overflow: visible;
}
.panel.broken-grid-collage .cta {
  margin-top: 0;
}
.panel.broken-grid-collage img {
  box-shadow: 0 42px 44px 0 rgba(0, 0, 0, 0.05);
}
.panel.broken-grid-collage.has-bg:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.panel.broken-grid-collage.has-bg .col {
  position: relative;
  z-index: 1;
}
.panel.broken-grid-collage.text-left .col2 .neg-marg {
  min-height: 680px;
  margin-bottom: -80px;
}
@media only screen and (max-width: 1000px) {
  .panel.broken-grid-collage.text-left .col2 .neg-marg {
    margin-bottom: 0;
    min-height: auto;
  }
}
.panel.broken-grid-collage.text-left .col2 .col:not(.neg-marg) .img {
  margin-top: 44px;
}
.panel.broken-grid-collage.text-left .col2 .col:not(.neg-marg) .col:not(.neg-marg) .img {
  margin-top: 24px;
}
.panel.broken-grid-collage.text-right .col2 .neg-marg {
  min-height: 680px;
  margin-bottom: -80px;
}
.panel.broken-grid-collage.text-right .col2 .col:not(.neg-marg) .img {
  margin-top: 24px;
}
.panel.standard-two-col {
  position: relative;
}
.panel.standard-two-col:after {
  content: "";
  position: absolute;
  display: block;
  width: 1114px;
  height: 120%;
  background: url(assets/images/plus.svg) no-repeat center;
  background-size: cover;
  top: 0px;
}
@media only screen and (max-width: 767px) {
  .panel.standard-two-col:after {
    content: none;
  }
}
.panel.standard-two-col.text-right:after {
  right: calc(100% - 550px);
}
.panel.standard-two-col.text-left:after {
  left: calc(100% - 550px);
}
.panel.standard-two-col .col {
  position: relative;
  z-index: 1;
}
.panel.standard-two-col + .standard-two-col {
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .panel.standard-two-col.text-left .col.img {
    order: 1;
  }
  .panel.standard-two-col.text-left .col:not(.img) {
    order: 2;
  }
}
.panel.testimonials h2 {
  font-size: 62px;
  letter-spacing: -3.9px;
  line-height: 73px;
  font-weight: 300;
}
@media only screen and (max-width: 1022px) {
  .panel.testimonials h2 {
    font-size: 42px;
    line-height: 52px;
    letter-spacing: -2.5px;
  }
}
.panel.testimonials .sub-heading {
  color: #fff;
}
.panel.two-col-intro {
  border-bottom: solid 1px #e8eaed;
}
.panel.people-grid, .panel.staff-grid {
  border-bottom: solid 1px #e8eaed;
}
.panel.people-grid .grid .col, .panel.staff-grid .grid .col {
  width: 29%;
  margin: 0 2% 5% 2%;
  border-bottom: solid 2px #fff;
  padding-bottom: 14px;
  /*&:nth-child(3n) {
      margin-right: 0;
  }*/
}
@media only screen and (max-width: 767px) {
  .panel.people-grid .grid .col, .panel.staff-grid .grid .col {
    width: 100%;
    margin: 0 0 5% 0;
  }
}
.panel.people-grid .grid .col .name, .panel.staff-grid .grid .col .name {
  font-weight: 400;
  font-size: 24px;
  margin: 14px 0 6px 0;
}
@media only screen and (max-width: 767px) {
  .panel.people-grid .grid .col .name, .panel.staff-grid .grid .col .name {
    font-size: 19px;
    line-height: 24px;
  }
}
.panel.people-grid .grid .col .title, .panel.staff-grid .grid .col .title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.7;
  letter-spacing: 1px;
}
@media only screen and (max-width: 767px) {
  .panel.people-grid .grid .col .title, .panel.staff-grid .grid .col .title {
    font-size: 12px;
  }
}
.panel.people-grid .grid .col img, .panel.staff-grid .grid .col img {
  transition: all 1s cubic-bezier(0.515, 0.02, 0, 1.02);
  display: block;
}
.panel.people-grid .grid .col:hover img, .panel.staff-grid .grid .col:hover img {
  transform: scale(1.1);
  transition: all 1s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.panel.staff-grid .grid {
  margin-top: 64px;
}
.panel.staff-grid .grid .col {
  width: 21%;
}
@media only screen and (max-width: 767px) {
  .panel.staff-grid .grid .col {
    width: 46%;
    margin: 0 2% 5% 2%;
  }
}
.panel.staff-grid .grid .col:hover img {
  transform: none;
  transition: none;
}
.panel.project-listings .intro {
  margin-bottom: 60px;
}
.panel.project-listings .flex.project-listing > .col {
  margin-bottom: 64px;
}
.panel.project-listings .flex.project-listing > .col p {
  font-weight: normal;
}
.panel.project-listings .flex.project-listing > .col .img {
  margin-bottom: 24px;
}
.panel.project-listings .flex.project-listing > .col .img img {
  display: block;
  transition: all 1s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.panel.project-listings .flex.project-listing > .col:hover img {
  transform: scale(1.1);
  transition: all 1s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.panel.project-listings .flex.project-listing > .col:hover .cta {
  color: #3E484E;
}
.panel.project-listings .flex.project-listing > .col:hover .cta:after {
  transform: rotate(180deg);
  transition: all 0.4s cubic-bezier(0.515, 0.02, 0, 1.02);
  background: url(assets/icons/plus-gray.svg) no-repeat center;
}
.panel.pager {
  border-top: solid 1px #e8eaed;
}
.panel.project-single .detail-row {
  margin-bottom: 44px;
}
.panel.project-single .col1-3 .col:first-child {
  padding-right: 44px;
}
@media only screen and (max-width: 767px) {
  .panel.project-single .col1-3 .col:first-child {
    padding-right: 0;
  }
}
.panel.animate {
  opacity: 0;
  transform: translateY(40px);
}
.panel.animated {
  opacity: 1;
  transform: translateY(0px);
  transition: all 1s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.panel .img {
  position: relative;
  overflow: hidden;
}
.panel .img img {
  transform: scale(1.2);
}
.panel .img:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #097AC4;
  top: 0;
  left: 0;
  transform: translateY(0);
}
.panel .img.animated:after {
  transform: translateY(-101%);
  transition: all 0.5s cubic-bezier(0.515, 0.02, 0, 1.02) 0.1s;
}
.panel .img.animated img {
  transform: scale(1);
  transition: all 1.2s cubic-bezier(0.515, 0.02, 0, 1.02) 0.2s;
}
.panel.animated .broken-grid-imgs .col3-1 .img:last-child:after {
  transition-delay: 0.2s;
}

@media only screen and (max-width: 767px) {
  .page-id-24 .w-1200 .col2 .col:first-child {
    order: 2;
  }
}
/*   .w-1000.m-auto{
       padding: 200px 0;
       border: solid 1px red;
   }*/
.from-bottom.animate {
  opacity: 0;
  transform: translateY(40px);
}
.from-bottom.animate.animated {
  opacity: 1;
  transform: translateY(0px);
  transition: all 0.8s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.from-bottom.animate.delay-1 {
  transition-delay: 0.3s;
}
@media only screen and (max-width: 1000px) {
  .from-bottom.animate.delay-1 {
    transition-delay: 0s;
  }
}
.from-bottom.animate.delay-2 {
  transition-delay: 0.8s;
}
@media only screen and (max-width: 1000px) {
  .from-bottom.animate.delay-2 {
    transition-delay: 0s;
  }
}

.jquery-modal {
  z-index: 10 !important;
}
.jquery-modal .modal {
  border: none;
  box-shadow: none;
  border-radius: 0;
  width: 80%;
  max-width: 1200px;
  padding: 46px;
}
@media only screen and (max-width: 767px) {
  .jquery-modal .modal {
    padding: 24px;
    width: 90%;
  }
}
.jquery-modal .modal.people-modal {
  max-width: 1000px;
}
.jquery-modal .modal.people-modal h3 {
  font-size: 40px;
  line-height: 47px;
  font-weight: 500;
  margin-bottom: 14px;
  color: #3E484E;
  letter-spacing: -2.5px;
  text-transform: none;
}
@media only screen and (max-width: 1022px) {
  .jquery-modal .modal.people-modal h3 {
    font-size: 32px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 830px) {
  .jquery-modal .modal.people-modal h3 {
    font-size: 28px;
    line-height: 32px;
  }
}
.jquery-modal .modal.people-modal .title {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.7;
  letter-spacing: 1px;
  margin-bottom: 24px;
}
.jquery-modal .video-modal {
  padding: 0;
}
.jquery-modal .video-modal .video-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.jquery-modal .video-modal .video-container:after {
  padding-top: 56.25%;
  display: block;
  content: "";
}
.jquery-modal .video-modal .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.jquery-modal .modal a.close-modal {
  top: -32.5px;
  right: -32.5px;
  background: url(assets/icons/modal-close.svg) no-repeat center;
  background-size: cover;
  background-size: 20px;
  width: 30px;
  height: 30px;
  transition: all 0.2s cubic-bezier(0.515, 0.02, 0, 1.02);
}
@media only screen and (max-width: 767px) {
  .jquery-modal .modal a.close-modal {
    right: -4px;
  }
}
.jquery-modal .modal a.close-modal:hover {
  transform: rotate(360deg);
  transition: all 0.2s cubic-bezier(0.515, 0.02, 0, 1.02);
}

@media only screen and (max-width: 767px) {
  .jquery-modal.blocker {
    padding: 40px 0px 10px;
  }
}
.testimonial-slider-container {
  background: #fff;
  margin-bottom: -200px;
  box-shadow: 0 42px 44px 0 rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 1000px) {
  .testimonial-slider-container {
    margin-bottom: 0;
  }
}
.testimonial-slider-container .slick-slide {
  padding: 65px;
}
@media only screen and (max-width: 767px) {
  .testimonial-slider-container .slick-slide {
    padding: 38px;
  }
}
.testimonial-slider-container .slick-slide p {
  font-size: 26px;
  line-height: 40px;
  color: #6C7880;
  margin-bottom: 0;
}
@media only screen and (max-width: 1000px) {
  .testimonial-slider-container .slick-slide p {
    font-size: 22px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial-slider-container .slick-slide p {
    font-size: 19px;
  }
}
.testimonial-slider-container .slick-slide p strong {
  font-size: 18px;
  color: #3E484E;
  display: block;
  padding-top: 60px;
  margin-top: 40px;
  background: url(assets/icons/quote.svg) no-repeat top left;
}
.testimonial-slider-container .slick-arrow {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  position: absolute;
  bottom: 60px;
  right: 40px;
  width: 50px;
  height: 50px;
  text-indent: -999px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
.testimonial-slider-container .slick-arrow.slick-prev {
  right: 89px;
  background: url(assets/icons/previous.svg) no-repeat center;
  border-right: solid 1px #E3E3E3;
}
.testimonial-slider-container .slick-arrow.slick-next {
  background: url(assets/icons/next.svg) no-repeat center;
}
.testimonial-slider-container .slick-dots {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.testimonial-slider-container .slick-dots li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.testimonial-slider-container .slick-dots li button {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  background: #d9dee2;
  border-radius: 100em;
  display: block;
  width: 10px;
  height: 10px;
  position: relative;
  text-indent: -999px;
  overflow: hidden;
  margin: 0 6px 24px 6px;
}
.testimonial-slider-container .slick-dots li.slick-active button {
  background: #097AC4;
}

.post-listings h2 {
  margin-bottom: 8px;
}
.post-listings h2 a {
  font-weight: normal;
}
.post-listings .img {
  height: 400px;
}
.post-listings .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-listings .cta {
  margin-top: 0;
}

.posted-on {
  font-size: 14px;
  color: #3E484E;
  margin-bottom: 14px;
  font-weight: bold;
}

.post-cats {
  margin-top: 24px;
}
.post-cats ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.post-cats ul li {
  display: inline-block;
  margin-right: 4px;
}
.post-cats ul li a {
  display: inline-block;
  font-size: 12px;
  background: #F6F7F8;
  color: #3E484E;
  padding: 0px 22px;
  border-radius: 100em;
}

.nav-links {
  display: flex;
  justify-content: space-between;
  padding-top: 44px;
}
.nav-links > div {
  width: 45%;
}
.nav-links > div a {
  display: inline-block;
}
.nav-links > div.nav-previous {
  margin-right: auto;
}
.nav-links > div.nav-previous a {
  background: url(assets/icons/previous.svg) no-repeat left 10px;
  padding-left: 24px;
}
.nav-links > div.nav-next {
  text-align: right;
  margin-left: auto;
}
.nav-links > div.nav-next a {
  background: url(assets/icons/next.svg) no-repeat right 10px;
  padding-right: 24px;
}

.single-post .post-img {
  height: 600px;
  margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
  .single-post .post-img {
    height: 300px;
  }
}
.single-post .post-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-post .site-container .w-1100 {
  position: relative;
}

.share-container {
  position: absolute;
  left: -80px;
  top: 0;
  height: 100%;
}
.share-container .blog-share {
  top: 40px;
  position: sticky;
}
.share-container .blog-share a {
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-indent: -999px;
  overflow: hidden;
  margin-bottom: 14px;
}
.share-container .blog-share a.fb {
  background: url(assets/icons/facebook.svg);
  background-size: cover;
}
.share-container .blog-share a.tw {
  background: url(assets/icons/twitter.svg);
  background-size: cover;
}
.share-container .blog-share a.linkedin {
  background: url(assets/icons/linkedin-1.svg);
  background-size: cover;
}
.share-container .blog-share a.email {
  background: url(assets/icons/email.svg);
  background-size: cover;
}
@media only screen and (max-width: 1280px) {
  .share-container {
    position: relative;
    left: auto;
  }
  .share-container .blog-share {
    display: flex;
  }
  .share-container .blog-share a {
    margin-right: 10px;
  }
}

.single-post .panel {
  overflow: visible;
}

.accordion .accordion-container .ac .ac-header {
  margin-bottom: 0;
}
.accordion .accordion-container .ac .ac-header button {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  border-radius: 0;
  font-family: inherit;
  font-family: "Work Sans", sans-serif;
  font-size: 28px;
  letter-spacing: -2px;
  padding: 24px 80px 24px 0;
  display: block;
  width: 100%;
  text-align: left;
  border-top: solid 1px rgba(108, 120, 128, 0.3);
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 830px) {
  .accordion .accordion-container .ac .ac-header button {
    font-size: 21px;
    letter-spacing: -1px;
  }
}
.accordion .accordion-container .ac .ac-header button:after, .accordion .accordion-container .ac .ac-header button:before {
  content: "";
  position: absolute;
  display: block;
}
.accordion .accordion-container .ac .ac-header button:after {
  width: 2px;
  height: 30px;
  background: rgba(108, 120, 128, 0.3);
  right: 38px;
  top: 24px;
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
}
@media only screen and (max-width: 830px) {
  .accordion .accordion-container .ac .ac-header button:after {
    height: 20px;
    right: 20px;
    top: 28px;
  }
}
.accordion .accordion-container .ac .ac-header button:before {
  width: 30px;
  height: 2px;
  background: rgba(108, 120, 128, 0.3);
  right: 24px;
  top: 38px;
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
}
@media only screen and (max-width: 830px) {
  .accordion .accordion-container .ac .ac-header button:before {
    width: 20px;
    top: 37px;
    right: 11px;
  }
}
.accordion .accordion-container .ac .ac-header button span {
  display: block;
  color: #097AC4;
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.accordion .accordion-container .ac .ac-header button:hover {
  background: #097AC4;
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.accordion .accordion-container .ac .ac-header button:hover:after, .accordion .accordion-container .ac .ac-header button:hover:before {
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
  background: #fff;
  transform: rotate(90deg);
}
.accordion .accordion-container .ac .ac-header button:hover span {
  transform: translateX(24px);
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
  color: #fff;
}
.accordion .accordion-container .ac .ac-panel {
  overflow: hidden;
  transition-property: height, visibility;
  transition-timing-function: ease;
}
.accordion .accordion-container .ac .ac-panel .inner {
  padding: 24px;
}
.accordion .accordion-container .ac .ac-panel .inner ul,
.accordion .accordion-container .ac .ac-panel .inner ol {
  margin: 0 inherit;
}
.accordion .accordion-container .ac.js-enabled .ac-panel {
  visibility: hidden;
}
.accordion .accordion-container .ac.is-active .ac-panel {
  visibility: visible;
}
.accordion .accordion-container .ac:last-child .ac-header button {
  border-bottom: solid 1px rgba(108, 120, 128, 0.3);
}
.accordion .accordion-container .ac.is-active .ac-header {
  margin-bottom: 0;
}
.accordion .accordion-container .ac.is-active .ac-header button {
  background: #097AC4;
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
}
.accordion .accordion-container .ac.is-active .ac-header button:after, .accordion .accordion-container .ac.is-active .ac-header button:before {
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
  background: #fff;
  transform: rotate(90deg);
}
.accordion .accordion-container .ac.is-active .ac-header button:before {
  opacity: 0;
}
.accordion .accordion-container .ac.is-active .ac-header button span {
  transform: translateX(24px);
  transition: all 0.3s cubic-bezier(0.515, 0.02, 0, 1.02);
  color: #fff;
}

.job-att-row {
  font-size: 16px;
  color: #6C7880;
  margin-bottom: 14px;
  font-weight: 400;
}
.job-att-row .job-label {
  display: inline-block;
  padding-left: 28px;
}
.job-att-row.job-posted-on {
  margin-bottom: 24px;
}
.job-att-row.job-posted-on .job-label {
  background: url("assets/icons/timer.svg") no-repeat left center;
}
.job-att-row.job-cat .job-label {
  background: url("assets/icons/clipboard-check.svg") no-repeat left center;
}
.job-att-row.job-type .job-label {
  background: url("assets/icons/clock-rotate-right.svg") no-repeat left center;
}
.job-att-row.job-loc .job-label {
  background: url("assets/icons/map-pin.svg") no-repeat left center;
}

.back-listings a.back {
  background: url("assets/icons/previous.svg") no-repeat left;
  display: inline-block;
  padding-left: 24px;
  margin-top: 44px;
}

.single-careers .panel {
  overflow: visible;
}

.type-careers .col3-2.spaced .col {
  text-align: left;
}
.type-careers .col3-2.spaced .col p {
  font-size: 19px;
  line-height: 26px;
}

.panel.careers-listing .careers-grid.flex {
  margin-top: 0;
}
.panel.careers-listing .careers-grid.flex .col {
  width: 31%;
  margin: 1.5% 3% 1.5% 0%;
  padding: 32px;
  background-color: #ffffff;
  font-weight: 100;
  box-shadow: 0 42px 44px 0 rgba(0, 0, 0, 0);
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  flex-flow: column nowrap;
}
.panel.careers-listing .careers-grid.flex .col h2 {
  color: #3E484E;
  font-size: 32px;
  line-height: normal;
}
@media only screen and (max-width: 766px) {
  .panel.careers-listing .careers-grid.flex .col h2 {
    font-size: 28px;
    line-height: 32px;
  }
}
.panel.careers-listing .careers-grid.flex .col .job-excerpt p {
  color: #6C7880;
  opacity: 1;
}
.panel.careers-listing .careers-grid.flex .col:nth-child(3n) {
  margin-right: 0;
}
.panel.careers-listing .careers-grid.flex .col .cta {
  color: #097AC4;
  font-weight: 600;
  margin-top: auto;
}
.panel.careers-listing .careers-grid.flex .col .cta:after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 12px;
  display: block;
  position: absolute;
  background: url(assets/icons/plus.svg) no-repeat center;
}
.panel.careers-listing .careers-grid.flex .col:hover .cta:after {
  transform: rotate(180deg);
}
@media only screen and (max-width: 766px) {
  .panel.careers-listing .careers-grid.flex .col {
    width: 100%;
    margin: 0% 0% 5% 0%;
  }
}

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