@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&family=Work+Sans:wght@400;600;700&display=swap");
@keyframes subtleimageslide {
  0% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  5% {
    opacity: 1;
    transform: translate3d(-0.5%, 0, 0);
  }
  90% {
    opacity: 1;
    transform: translate3d(-9%, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-10%, 0, 0);
  }
}
* {
  margin: 0;
  padding: 0;
  position: relative;
  box-sizing: border-box;
}

header,
nav,
main,
section,
article,
aside,
footer {
  display: block;
}

article {
  margin: 0 0 1rem 0;
  padding: 0;
}

article:after {
  display: block;
  content: " ";
  clear: both;
}

article img {
  max-width: 100%;
  height: auto;
}

a,
a:link,
a:visited {
  text-decoration: underline;
  color: #25408f;
  transition: all 0.25s;
}

a:active,
a:focus,
a:hover {
  text-decoration: underline;
  color: black;
}

blockquote {
  margin: 0 0 1rem 0;
  padding: 0;
  font-family: "HurmeGeometricSans1-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  color: black;
}

body {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #646464;
  background: #f6f8f9;
}

button,
input[type=submit],
input[type=button] {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0 2rem;
  cursor: pointer;
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-size: 0.875rem;
  color: white;
  line-height: 3.1875rem;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  border: none;
  border-radius: 0.1875rem;
  outline: none;
  background-color: #25408f;
  transition: all 0.5s;
}
@media screen and (min-width: 768px) {
  button,
input[type=submit],
input[type=button] {
    display: inline-block;
  }
}

button:active,
button:focus,
button:hover,
input[type=submit]:active,
input[type=submit]:focus,
input[type=submit]:hover,
input[type=button]:active,
input[type=button]:focus,
input[type=button]:hover {
  color: white;
  outline: none;
  text-decoration: none;
  background-color: #0c9ed9;
}

form {
  margin: 0 0 1rem 0;
  padding: 0;
  line-height: 100%;
}

header {
  margin: 0 0 1rem 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0 0 1rem 0;
  padding: 0;
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.66;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
  margin: 0;
}

h1 {
  margin: 0 0 2.5rem 0;
  padding: 0;
  font-size: 2.8rem;
  line-height: 1.15;
  color: #25408f;
}
@media screen and (min-width: 1024px) {
  h1 {
    font-size: 3.5rem;
  }
}

h2 {
  font-size: 1.6rem;
  color: #25408f;
  line-height: 1.25;
}
@media screen and (min-width: 1024px) {
  h2 {
    font-size: 2rem;
  }
}

h3 {
  font-family: "HurmeGeometricSans1-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-size: 1.2rem;
  color: black;
}
@media screen and (min-width: 1024px) {
  h3 {
    font-size: 1.5rem;
  }
}

h4 {
  font-size: 1.1rem;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  h4 {
    font-size: 1.25rem;
  }
}

h5 {
  font-size: 1rem;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  h5 {
    font-size: 1.1rem;
  }
}

hr {
  margin: 0 0 1rem 0;
  padding: 0;
  height: 0;
  max-width: 72rem;
  color: #25408f;
  border: none;
  border-top: 1px solid #25408f;
  background-color: transparent;
}

html {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #646464;
  background: #f6f8f9;
}

img {
  border: none;
}

input,
select,
textarea {
  margin: 0 0 1rem 0;
  padding: 0;
  padding: 0 0.5rem;
  width: 100%;
  height: 3.125rem;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: black;
  font-weight: 400;
  line-height: 3.125rem;
  outline: none;
  background-color: white;
  border: 1px solid #25408f;
  border-radius: 0.33rem;
}

input[type=submit] {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0 2rem;
  cursor: pointer;
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-size: 0.875rem;
  color: white;
  line-height: 3.1875rem;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  border: none;
  border-radius: 0.1875rem;
  outline: none;
  background-color: #25408f;
  transition: all 0.5s;
}
@media screen and (min-width: 768px) {
  input[type=submit] {
    display: inline-block;
  }
}

input[type=submit]:hover {
  color: white;
  outline: none;
  text-decoration: none;
  background-color: #0c9ed9;
}

label {
  margin: 0 0 0.33rem 0;
  padding: 0;
  display: block;
  font-weight: 600;
  color: black;
}

li {
  margin: 0 0 0.33rem 0;
  padding: 0;
  margin: 0 0 1rem 0;
  line-height: 145%;
}

p {
  margin: 0 0 1rem 0;
  padding: 0;
  line-height: 2;
}
p + h2 {
  margin-top: 4.125rem;
}
p + h3 {
  margin-top: 2.5rem;
}

sup {
  font-size: 40%;
  vertical-align: super;
}

textarea {
  height: auto;
  line-height: 1.25;
}

ul,
ol {
  margin: 0;
  padding: 0 0 40px 30px;
}

body.active-menu {
  overflow: hidden;
}

#mainwrap {
  overflow: hidden;
}
@media screen and (min-width: 1240px) {
  #mainwrap {
    padding: 6rem 0 0 0;
  }
}

#headerwrap {
  margin: 0;
  padding: 1rem 0 1rem 0;
  background-color: rgba(246, 248, 249, 0.9);
}
#headerwrap .inner {
  display: flex;
}
#headerwrap #logowrap {
  display: block;
  z-index: 99;
  flex: 0 0 8.75rem;
  margin: 0;
  width: 8.75rem;
  /* 140px */
  height: 2.5rem;
  /* 40px */
  background-image: url("../images/logo_peakurban.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: transparent;
}
#headerwrap #logowrap a,
#headerwrap #logowrap a:link,
#headerwrap #logowrap a:visited,
#headerwrap #logowrap a:active,
#headerwrap #logowrap a:focus,
#headerwrap #logowrap a:hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 991;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}
#headerwrap #c-logowrap {
  display: block;
  z-index: 99;
  flex: 0 0 4.5rem;
  margin: 0 0 0 1.5rem;
  width: 4.5rem;
  /* 140px */
  height: 2.5rem;
  /* 40px */
  overflow: hidden;
  text-align: left;
  text-indent: -99rem;
  background-image: url("../images/logo_colliers.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
}
@media screen and (min-width: 1240px) {
  #headerwrap #c-logowrap {
    margin: 0;
  }
}
@media screen and (min-width: 1240px) {
  #headerwrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    padding: 2rem 0 1.5rem 0;
  }
}

@media screen and (min-width: 1240px) {
  .admin-bar #headerwrap {
    top: 2rem;
  }
}

#navtrigger {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 999;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  cursor: pointer;
  line-height: 3rem;
  color: black;
  text-align: left;
  text-indent: -999rem;
  background-color: transparent;
  border-radius: 2rem;
  transition: all 1s;
}
@media screen and (min-width: 1240px) {
  #navtrigger {
    display: none;
  }
}
#navtrigger hr {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  margin: -1px 0 0 -10px;
  padding: 0;
  cursor: pointer;
  border-top: 2px solid black;
  transition: all 0.5s;
}
#navtrigger hr:first-child {
  margin-top: -8px;
}
#navtrigger hr:last-child {
  margin-top: 6px;
}
#navtrigger.active hr {
  transform: rotate(45deg);
}
#navtrigger.active hr:first-child {
  margin-top: -1px;
  transform: rotate(-45deg);
}
#navtrigger.active hr:last-child {
  margin-top: 1px;
  opacity: 0;
}

nav#navwrap {
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 90;
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: white;
  opacity: 0;
  transition: all 0.5s;
}
nav#navwrap:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 91;
  width: 100%;
  height: 4.5rem;
  background-color: #f6f8f9;
}
nav#navwrap.active {
  left: 0;
  opacity: 1;
}
nav#navwrap > div {
  flex: 1 1 100%;
  align-self: center;
}
nav#navwrap a,
nav#navwrap a:link,
nav#navwrap a:visited {
  display: inline-block;
  font-family: "HurmeGeometricSans1-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #25408f;
  font-size: 0.875rem;
  transition: all 0.25s;
}
nav#navwrap a:after,
nav#navwrap a:link:after,
nav#navwrap a:visited:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.125rem;
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  background-color: transparent;
}
nav#navwrap a:active,
nav#navwrap a:focus,
nav#navwrap a:hover {
  color: black;
}
nav#navwrap ul,
nav#navwrap li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
nav#navwrap ul ul ul {
  display: none;
}
nav#navwrap .menu li {
  margin: 0;
  padding: 0;
  line-height: 2.5rem;
}
nav#navwrap .menu li.current-menu-item > a, nav#navwrap .menu li.current-menu-item > a:link, nav#navwrap .menu li.current-menu-item > a:visited {
  color: black;
}
nav#navwrap .sub-menu {
  display: none;
}
nav#navwrap .sub-menu li a,
nav#navwrap .sub-menu li a:link,
nav#navwrap .sub-menu li a:visited {
  color: #25408f;
}
nav#navwrap .current-menu-item .sub-menu,
nav#navwrap .current-menu-ancestor .sub-menu {
  display: block;
}
@media screen and (min-width: 1240px) {
  nav#navwrap {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    margin: 0 1.5rem;
    background-color: transparent;
    opacity: 1;
    text-align: left;
  }
  nav#navwrap:before {
    display: none;
  }
  nav#navwrap a,
nav#navwrap a:link,
nav#navwrap a:visited {
    font-size: 0.875rem;
  }
  nav#navwrap ul,
nav#navwrap li {
    display: inline-block;
  }
  nav#navwrap .menu > li {
    margin: 0 1.25rem;
  }
  nav#navwrap .menu > li.current-menu-item > a, nav#navwrap .menu > li.current-menu-item > a:link, nav#navwrap .menu > li.current-menu-item > a:visited, nav#navwrap .menu > li.current-menu-ancestor > a, nav#navwrap .menu > li.current-menu-ancestor > a:link, nav#navwrap .menu > li.current-menu-ancestor > a:visited {
    color: black;
  }
  nav#navwrap .menu > li.current-menu-item > a:after, nav#navwrap .menu > li.current-menu-item > a:link:after, nav#navwrap .menu > li.current-menu-item > a:visited:after, nav#navwrap .menu > li.current-menu-ancestor > a:after, nav#navwrap .menu > li.current-menu-ancestor > a:link:after, nav#navwrap .menu > li.current-menu-ancestor > a:visited:after {
    background-color: #25408f;
  }
  nav#navwrap .sub-menu,
nav#navwrap .sub-menu > li {
    display: block;
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    border: none;
    background-color: white;
  }
  nav#navwrap .sub-menu {
    position: absolute;
    top: -9999px;
    left: 50%;
    width: 14rem;
    padding: 1rem;
    margin-left: -7rem;
    opacity: 0;
    overflow: hidden;
    transition: opacity 0.5s;
    box-shadow: 0 0 20px rgba(1, 1, 1, 0.06);
  }
  nav#navwrap .sub-menu li a,
nav#navwrap .sub-menu li a:link,
nav#navwrap .sub-menu li a:visited {
    padding: 1rem 0;
    display: block;
    position: relative;
    height: auto;
    line-height: 1.1;
  }
  nav#navwrap .sub-menu li a:after,
nav#navwrap .sub-menu li a:link:after,
nav#navwrap .sub-menu li a:visited:after {
    display: none;
  }
  nav#navwrap .sub-menu li.current-menu-item a,
nav#navwrap .sub-menu li.current-menu-item a:link,
nav#navwrap .sub-menu li.current-menu-item a:visited,
nav#navwrap .sub-menu li a:active,
nav#navwrap .sub-menu li a:focus,
nav#navwrap .sub-menu li a:hover {
    color: #25408f;
  }
  nav#navwrap li:hover .sub-menu {
    top: 2.5rem;
    opacity: 1;
  }
}

.inner {
  margin: auto;
  padding: 0 1rem;
  max-width: 72rem;
}

a.btn,
a:link.btn,
a:visited.btn {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0 2rem;
  cursor: pointer;
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-size: 0.875rem;
  color: white;
  line-height: 3.1875rem;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  border: none;
  border-radius: 0.1875rem;
  outline: none;
  background-color: #25408f;
  transition: all 0.5s;
}
@media screen and (min-width: 768px) {
  a.btn,
a:link.btn,
a:visited.btn {
    display: inline-block;
  }
}

a:active.btn,
a:focus.btn,
a:hover.btn {
  color: white;
  outline: none;
  text-decoration: none;
  background-color: #0c9ed9;
}

a.backlink,
a:link.backlink,
a:visited.backlink {
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-size: 1.25rem;
  text-decoration: none;
  margin: 0 0 2rem 0;
  padding: 0 0 0 2.5rem;
}
a.backlink:before,
a:link.backlink:before,
a:visited.backlink:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #25408f;
  text-align: center;
  line-height: 1.5rem;
  font-size: 1.3rem;
  transition: all 0.5s;
}

a:active.backlink,
a:focus.backlink,
a:hover.backlink {
  text-decoration: none;
  color: #25408f;
}
a:active.backlink:before,
a:focus.backlink:before,
a:hover.backlink:before {
  left: -0.5rem;
}

.cards {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-self: flex-start;
}
.cards > * {
  flex: 0 0 100%;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .cards > * {
    flex: 0 0 47.5%;
  }
}
@media screen and (min-width: 768px) {
  .cards.three > * {
    flex: 0 0 47.5%;
  }
}
@media screen and (min-width: 1024px) {
  .cards.three > * {
    flex: 0 0 31%;
  }
}

.carousel {
  opacity: 0;
  padding: 0 0 2rem 0;
  transition: opacity 0.25s;
  height: 100%;
}
.carousel .slick-track {
  display: flex;
}
.carousel .slick-track .slide {
  margin: 1rem;
  height: inherit;
}
.carousel .slick-arrow {
  position: absolute;
  bottom: 0;
  left: 36%;
  margin: 0;
  padding: 0;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  font-size: 0;
  text-align: left;
  text-indent: -99rem;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
}
.carousel .slick-arrow:before {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0.9rem;
  font-size: 0.9rem;
  text-align: center;
  text-indent: 0;
  color: #25408f;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.carousel .slick-arrow.slick-next {
  left: auto;
  right: 36%;
}
.carousel .slick-arrow.slick-next:before {
  content: "";
}
.carousel .slick-dots {
  position: absolute;
  left: 37.5%;
  bottom: 0;
  display: block;
  margin: 0;
  padding: 0.1666rem 0;
  text-align: center;
  list-style: none;
  font-size: 0;
  line-height: 0.66rem;
  width: 25%;
  height: auto;
}
.carousel .slick-dots li {
  display: inline-block;
  margin: 0 0.1rem;
  padding: 0;
  list-style: none;
}
.carousel .slick-dots li button {
  margin: 0;
  padding: 0;
  width: 0.66rem;
  height: 0.66rem;
  max-width: none;
  text-indent: -99rem;
  text-align: left;
  font-size: 0;
  line-height: 0.66rem;
  overflow: hidden;
  background-color: transparent;
  border: 1px solid #25408f;
  border-radius: 1.3rem;
  cursor: pointer;
}
.carousel .slick-dots li.slick-active button {
  background-color: #25408f;
}

.wp-block-buttons {
  margin: 1rem 0;
  padding: 0;
}
.wp-block-buttons .wp-block-button {
  display: inline;
  margin: 0;
  padding: 0;
}
.wp-block-buttons .wp-block-button a.wp-block-button__link,
.wp-block-buttons .wp-block-button a:link.wp-block-button__link,
.wp-block-buttons .wp-block-button a:visited.wp-block-button__link {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0 2rem;
  cursor: pointer;
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-size: 0.875rem;
  color: white;
  line-height: 3.1875rem;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  border: none;
  border-radius: 0.1875rem;
  outline: none;
  background-color: #25408f;
  transition: all 0.5s;
  padding: 0 3.75rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .wp-block-buttons .wp-block-button a.wp-block-button__link,
.wp-block-buttons .wp-block-button a:link.wp-block-button__link,
.wp-block-buttons .wp-block-button a:visited.wp-block-button__link {
    display: inline-block;
  }
}
.wp-block-buttons .wp-block-button a.wp-block-button__link:after,
.wp-block-buttons .wp-block-button a:link.wp-block-button__link:after,
.wp-block-buttons .wp-block-button a:visited.wp-block-button__link:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 1rem;
  margin: -0.5rem 0 0 0;
  padding: 0;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  font-weight: 900;
  color: white;
  line-height: 1rem;
  transition: all 0.5s;
}
.wp-block-buttons .wp-block-button a:active.wp-block-button__link,
.wp-block-buttons .wp-block-button a:focus.wp-block-button__link,
.wp-block-buttons .wp-block-button a:hover.wp-block-button__link {
  color: white;
  outline: none;
  text-decoration: none;
  background-color: #0c9ed9;
}
.wp-block-buttons .wp-block-button a:active.wp-block-button__link:after,
.wp-block-buttons .wp-block-button a:focus.wp-block-button__link:after,
.wp-block-buttons .wp-block-button a:hover.wp-block-button__link:after {
  right: 0.75rem;
}

.wp-block-media-text.alignwide {
  position: relative;
  z-index: 20;
  margin: 0 0 4.125rem 0;
  padding: 0;
}
.wp-block-media-text.alignwide .wp-block-media-text__media {
  position: relative;
  z-index: 21;
  margin: 0;
  padding: 0;
}
.wp-block-media-text.alignwide .wp-block-media-text__content {
  position: relative;
  z-index: 22;
  margin: 0;
  padding: 1.5rem;
  background-color: white;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
}
.wp-block-media-text.alignwide .wp-block-media-text__content p {
  font-size: 0.875rem;
}
.wp-block-media-text.alignwide .wp-block-media-text__content p + h2 {
  margin-top: -1rem;
}
.wp-block-media-text.alignwide.hero-the-image {
  margin: 0 0 4.125rem 0;
}
.wp-block-media-text.alignwide.hero-the-image .wp-block-media-text__content {
  padding: 1.5rem 0.5rem 1.5rem 1.5rem;
}
.wp-block-media-text.alignwide.hero-the-image .wp-block-media-text__content h2 {
  /* max-width: 66%; */
  font-size: 2.75rem;
  font-size: 4rem;
}
.wp-block-media-text.alignwide.dark .wp-block-media-text__content {
  color: white;
  background-color: #25408f;
  box-shadow: none;
}
.wp-block-media-text.alignwide.dark .wp-block-media-text__content h1,
.wp-block-media-text.alignwide.dark .wp-block-media-text__content h2,
.wp-block-media-text.alignwide.dark .wp-block-media-text__content h3,
.wp-block-media-text.alignwide.dark .wp-block-media-text__content h4 {
  color: white;
}
.wp-block-media-text + .icon-cards {
  margin-top: -8rem;
  padding-top: 6.125rem !important;
}
@media screen and (min-width: 768px) {
  .wp-block-media-text.alignwide.hero-the-image .wp-block-media-text__media {
    width: 155%;
  }
}
@media screen and (min-width: 1024px) {
  .wp-block-media-text.alignwide {
    margin: 0 -48% 4.125rem 0;
  }
  .wp-block-media-text.alignwide .wp-block-media-text__media {
    width: 120%;
  }
  .wp-block-media-text.alignwide .wp-block-media-text__media h2 {
    font-size: 3.125rem;
  }
  .wp-block-media-text.alignwide.has-media-on-the-right {
    margin: 0 -68% 4.125rem 0;
  }
  .wp-block-media-text.alignwide.has-media-on-the-right .wp-block-media-text__content {
    right: -20%;
  }
  .wp-block-media-text.alignwide.hero-the-image {
    margin: 0 0 4.125rem -1rem;
  }
  .wp-block-media-text.alignwide.hero-the-image .wp-block-media-text__media {
    margin-left: -35%;
    width: 225%;
  }
  .wp-block-media-text.alignwide.hero-the-image .wp-block-media-text__content {
    margin: 0 -150% 0 35%;
    padding: 3rem 55% 3rem 15%;
  }
  .wp-block-media-text.alignwide.has-media-on-the-right.hero-the-image .wp-block-media-text__media {
    margin-left: 20%;
  }
  .wp-block-media-text.alignwide.has-media-on-the-right.hero-the-image .wp-block-media-text__content {
    margin: 0 0 0 -20%;
    padding: 1.5rem;
  }
}
@media screen and (min-width: 1240px) {
  .wp-block-media-text.alignwide {
    margin: 0 -48% 4.125rem -20%;
  }
  .wp-block-media-text.alignwide .wp-block-media-text__content {
    margin: 0;
    padding: 3.125rem;
  }
  .wp-block-media-text.alignwide.hero-the-image {
    margin: 0 -89.9% 4.125rem -20%;
  }
  .wp-block-media-text.alignwide.hero-the-image .wp-block-media-text__media {
    width: 175%;
  }
  .wp-block-media-text.alignwide.hero-the-image .wp-block-media-text__content {
    margin: 0 -200% 0 0;
    padding: 3rem 220% 3rem 15%;
  }
  .wp-block-media-text.alignwide.has-media-on-the-right.hero-the-image .wp-block-media-text__media {
    margin-left: -60%;
  }
  .wp-block-media-text.alignwide.has-media-on-the-right.hero-the-image .wp-block-media-text__content {
    right: 0;
    margin: 0 0 0 -200%;
    padding: 4rem 22.5% 3rem 200%;
  }
}
@media screen and (min-width: 1024px) {
  .wp-block-media-text.history.logo {
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .wp-block-media-text.history.logo:before {
    position: absolute;
    top: -10%;
    left: 60%;
    z-index: 24;
    content: "";
    display: block;
    width: 4px;
    height: 120%;
    background-color: #25408f;
  }
  .wp-block-media-text.history.logo:after {
    position: absolute;
    top: 16%;
    left: 58.25%;
    z-index: 25;
    content: "";
    display: block;
    width: 4%;
    height: 13%;
    background-image: url("../images/history_circle_green.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .wp-block-media-text.history.logo .wp-block-media-text__media {
    width: 47.5%;
    z-index: 22;
    left: 60%;
  }
  .wp-block-media-text.history.logo .wp-block-media-text__content {
    z-index: 21;
    padding: 3.125rem 3.125rem 2.25rem 10rem;
    width: 140%;
  }
  .wp-block-media-text.history.logo .wp-block-media-text__content h3 {
    color: #25408f;
  }
  .wp-block-media-text.history.logo.has-media-on-the-right:before {
    left: auto;
    right: 51.5%;
    background-color: #DC5949;
  }
  .wp-block-media-text.history.logo.has-media-on-the-right:after {
    left: auto;
    right: 49.75%;
    background-image: url("../images/history_circle_brown.png");
  }
  .wp-block-media-text.history.logo.has-media-on-the-right .wp-block-media-text__media {
    left: 10%;
  }
  .wp-block-media-text.history.logo.has-media-on-the-right .wp-block-media-text__content {
    padding: 3.125rem 10rem 2.25rem 3.125rem;
    left: -20%;
  }
  .wp-block-media-text.history.logo.has-media-on-the-right .wp-block-media-text__content h3 {
    color: #DC5949;
  }
}
@media screen and (min-width: 1024px) {
  .wp-block-media-text.history.feature:before {
    position: absolute;
    top: -10%;
    left: 48.1%;
    z-index: 24;
    content: "";
    display: block;
    width: 4px;
    height: 20%;
    background-color: #25408f;
  }
  .wp-block-media-text.history.feature:after {
    position: absolute;
    top: 8%;
    left: 46.25%;
    z-index: 25;
    content: "";
    display: block;
    width: 4%;
    height: 13%;
    background-image: url("../images/history_circle_solid_green.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
  .wp-block-media-text.history.feature .wp-block-media-text__media {
    width: 75%;
    z-index: 22;
    left: 40%;
  }
  .wp-block-media-text.history.feature .wp-block-media-text__content {
    z-index: 21;
    padding: 3.125rem 10rem 2.25rem 3.125rem;
    left: -20%;
    width: 170%;
  }
  .wp-block-media-text.history.feature .wp-block-media-text__content h3 {
    color: #25408f;
  }
}

.wp-block-columns.video-cols {
  gap: 0;
}
.wp-block-columns.video-cols .wp-block-column {
  margin: 0;
  padding: 0;
}
.wp-block-columns.video-cols .wp-block-column .video-description {
  color: white;
  padding: 1.5rem;
  background-color: #25408f;
}
.wp-block-columns.video-cols .wp-block-column .video-description p:first-child {
  margin: 0;
  font-size: 0.8rem;
}
.wp-block-columns.video-cols .wp-block-column .video-description h2,
.wp-block-columns.video-cols .wp-block-column .video-description h3,
.wp-block-columns.video-cols .wp-block-column .video-description h4 {
  margin: 0;
  color: white;
}
.wp-block-columns.video-cols .wp-block-column .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding: 0 0 56% 0;
  background-color: #0c9ed9;
}
.wp-block-columns.video-cols .wp-block-column .wp-block-embed__wrapper iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .wp-block-columns.video-cols .wp-block-column {
    flex-basis: 30% !important;
  }
  .wp-block-columns.video-cols .wp-block-column:nth-child(even) {
    flex-basis: 70% !important;
  }
  .wp-block-columns.video-cols .wp-block-column .wp-block-embed__wrapper {
    margin: 3.125rem auto 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .wp-block-columns.video-cols {
    margin: 0 -66.667% 4.125rem 0;
  }
}
@media screen and (min-width: 1240px) {
  .wp-block-columns.video-cols {
    margin: 0 -84.5% 4.125rem -20%;
  }
  .wp-block-columns.video-cols .wp-block-column .video-description {
    padding: 3.125rem;
  }
}

@media screen and (min-width: 1240px) {
  hr.history {
    border: none;
    margin: 10% 0 -2rem 0;
    padding: 0;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
  }
  hr.history:after {
    position: absolute;
    top: 0;
    left: 79%;
    z-index: 99;
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("../images/history_circle_solid_brown.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }
}

.wp-block-quote {
  margin: 0 0 2.5rem 0;
  padding: 0;
  padding: 2rem 16.5%;
  color: white;
  text-align: center;
  background-color: black;
}
.wp-block-quote p {
  line-height: 1.25;
  color: white;
  font-size: 1.875rem;
}
.wp-block-quote cite {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  font-style: normal;
  text-align: left;
  font-size: 0.9rem;
}

.wpcf7 {
  margin: 4.125rem -84.9% 4.125rem 0;
}
.wpcf7 form {
  padding: 4.125rem 0;
}
.wpcf7 form br {
  display: none;
}
.wpcf7 form .wpcf7-form-control-wrap {
  display: block;
  margin: 0 0 2.5rem 0;
  padding: 0;
}
.wpcf7 form .wpcf7-not-valid-tip {
  display: block;
  top: -0.5rem;
  font-size: 0.75rem;
  font-weight: 400;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0 0 0.75rem 0;
  padding: 1rem;
  font-size: 0.75rem;
  font-weight: 400;
  text-align: center;
  border-width: 1px;
}

#contentwrap .cols {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#contentwrap .cols .col {
  flex: 0 0 48.5%;
}
#contentwrap #pagination,
#contentwrap .pagination {
  margin: 0 0 1rem 0;
  padding: 0;
  text-align: center;
}
#contentwrap #pagination h2,
#contentwrap .pagination h2 {
  display: none;
}
#contentwrap #pagination .nav-links,
#contentwrap .pagination .nav-links {
  margin: 0;
  padding: 0;
  line-height: 2rem;
}
#contentwrap #pagination .nav-links a,
#contentwrap #pagination .nav-links a:link,
#contentwrap #pagination .nav-links a:visited,
#contentwrap #pagination .nav-links span,
#contentwrap .pagination .nav-links a,
#contentwrap .pagination .nav-links a:link,
#contentwrap .pagination .nav-links a:visited,
#contentwrap .pagination .nav-links span {
  display: inline-block;
  margin: 0 0.1rem;
  padding: 0;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  overflow: hidden;
  text-decoration: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.2rem;
  cursor: pointer;
}
#contentwrap #pagination .nav-links span,
#contentwrap .pagination .nav-links span {
  cursor: text;
}
#contentwrap #pagination .nav-links a:active,
#contentwrap #pagination .nav-links a:focus,
#contentwrap #pagination .nav-links a:hover,
#contentwrap #pagination .nav-links .current,
#contentwrap .pagination .nav-links a:active,
#contentwrap .pagination .nav-links a:focus,
#contentwrap .pagination .nav-links a:hover,
#contentwrap .pagination .nav-links .current {
  border: 1px solid #25408f;
}
#contentwrap #pagination .nav-links a.prev,
#contentwrap #pagination .nav-links a.next,
#contentwrap .pagination .nav-links a.prev,
#contentwrap .pagination .nav-links a.next {
  margin: 0 0.1rem;
  padding: 0;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  text-align: left;
  text-indent: -99rem;
  background-color: #25408f;
  border-radius: 0.2rem;
  border: none;
  cursor: pointer;
}
#contentwrap #pagination .nav-links a.prev:before,
#contentwrap #pagination .nav-links a.next:before,
#contentwrap .pagination .nav-links a.prev:before,
#contentwrap .pagination .nav-links a.next:before {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 2rem;
  font-size: 1rem;
  text-align: center;
  text-indent: 0;
  color: white;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#contentwrap #pagination .nav-links a.next:before,
#contentwrap .pagination .nav-links a.next:before {
  content: "";
}
#contentwrap #pagination .nav-links a:hover.prev,
#contentwrap #pagination .nav-links a:hover.next,
#contentwrap .pagination .nav-links a:hover.prev,
#contentwrap .pagination .nav-links a:hover.next {
  background-color: #25408f;
}
.socials {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.socials li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.socials li a,
.socials li a:link,
.socials li a:visited {
  display: inline-block;
  margin: 0.5rem 0.25rem;
  height: 2.5rem;
  width: 2.5rem;
  text-align: left;
  text-indent: -100rem;
  line-height: 2.5rem;
  overflow: hidden;
  vertical-align: middle;
  background-color: transparent;
}
.socials li a:before,
.socials li a:link:before,
.socials li a:visited:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 0;
  text-align: center;
  line-height: 2.5rem;
  font-size: 1.275rem;
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  color: #25408f;
}
.socials li a.facebook:before,
.socials li a:link.facebook:before,
.socials li a:visited.facebook:before {
  content: "";
}
.socials li a.google-plus:before,
.socials li a:link.google-plus:before,
.socials li a:visited.google-plus:before {
  content: "";
}
.socials li a.google-map:before,
.socials li a:link.google-map:before,
.socials li a:visited.google-map:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.socials li a.map:before,
.socials li a:link.map:before,
.socials li a:visited.map:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.socials li a.instagram:before,
.socials li a:link.instagram:before,
.socials li a:visited.instagram:before {
  content: "";
}
.socials li a.linkedin:before,
.socials li a:link.linkedin:before,
.socials li a:visited.linkedin:before {
  content: "";
}
.socials li a.pinterest:before,
.socials li a:link.pinterest:before,
.socials li a:visited.pinterest:before {
  content: "";
}
.socials li a.twitter:before,
.socials li a:link.twitter:before,
.socials li a:visited.twitter:before {
  content: "";
}
.socials li a.youtube:before,
.socials li a:link.youtube:before,
.socials li a:visited.youtube:before {
  content: "";
}
.socials li a.tel:before,
.socials li a:link.tel:before,
.socials li a:visited.tel:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.socials li a.eml:before,
.socials li a:link.eml:before,
.socials li a:visited.eml:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.socials li a.website:before,
.socials li a:link.website:before,
.socials li a:visited.website:before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.socials li a:active,
.socials li a:focus,
.socials li a:hover {
  background-color: transparent;
}
.socials li a:active:before,
.socials li a:focus:before,
.socials li a:hover:before {
  color: black;
}

.detailed-dot-points {
  padding: 1.5rem;
  margin: 0 0 4.125rem 0;
  background-color: white;
}
.detailed-dot-points .dot-points-header h3 {
  color: #25408f;
}
.detailed-dot-points .dot-points-header div {
  margin: 0 0 1rem 0;
  padding: 0;
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  color: black;
  text-decoration: underline;
}
.detailed-dot-points .dot-points-header div.active {
  cursor: auto;
  text-decoration: none;
}
.detailed-dot-points .dot-points .dot-point h4 {
  color: #25408f;
}
.detailed-dot-points .dot-points .dot-point figure {
  margin: 0 0 1.5rem auto;
  padding: 50% 0 0 0;
  width: 50%;
  background-color: #909399;
  overflow: hidden;
}
.detailed-dot-points .dot-points .dot-point figure img {
  position: absolute;
  margin: auto;
  top: -1000rem;
  left: -1000rem;
  bottom: -1000rem;
  right: -1000rem;
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
}
@media screen and (min-width: 1024px) {
  .detailed-dot-points {
    margin: 4.125rem -66.667% 4.125rem 11%;
    display: flex;
    justify-content: flex-end;
    background-color: white;
  }
  .detailed-dot-points .dot-points-header {
    flex: 0 0 27.5%;
    margin: 0 7.5% 0 0;
    padding: 1.5rem 0;
  }
  .detailed-dot-points .dot-points-header h3 {
    color: #25408f;
  }
  .detailed-dot-points .dot-points-header div {
    margin: 0 0 1rem 0;
    padding: 0;
    font-family: "HurmeGeometricSans1-Bold", sans-serif;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    color: black;
    text-decoration: underline;
  }
  .detailed-dot-points .dot-points-header div.active {
    cursor: auto;
    text-decoration: none;
  }
  .detailed-dot-points .dot-points {
    flex: 0 0 37.5%;
    margin: 0 7.5% 0 0;
    padding: 1.5rem 0;
  }
  .detailed-dot-points .dot-points .dot-points-header {
    padding: 3.75rem 0;
  }
  .detailed-dot-points .dot-points .dot-point figure {
    position: absolute;
    top: -5.75rem;
    left: -173%;
    width: 14rem;
    height: 14rem;
    overflow: hidden;
  }
  .detailed-dot-points .dot-points .dot-point figure img {
    position: absolute;
    margin: auto;
    top: -1000rem;
    left: -1000rem;
    bottom: -1000rem;
    right: -1000rem;
    width: 100% !important;
    height: auto !important;
  }
}
@media screen and (min-width: 1240px) {
  .detailed-dot-points {
    margin: 4.125rem -84.9% 4.125rem 0;
  }
  .detailed-dot-points .dot-points {
    padding: 3.75rem 0;
  }
  .detailed-dot-points .dot-points .dot-point figure {
    width: 16rem;
    height: 16rem;
  }
}

.icon-cards {
  margin: 4.125rem -1rem;
  padding: 0.75rem 1rem;
  background-color: white;
}
.icon-cards .icon-card {
  display: flex;
  justify-content: space-between;
  margin: 0.75rem 0;
  padding: 1.5rem;
  flex: 0 0 32%;
  color: white;
  background-color: #25408f;
}
.icon-cards .icon-card figure {
  flex: 0 0 20%;
  padding-top: 0.5rem;
}
.icon-cards .icon-card .cardcopy {
  margin: 0;
  padding: 0;
  flex: 0 0 75%;
}
.icon-cards .icon-card .cardcopy h3 {
  font-weight: 600;
  color: white;
  line-height: 1.25;
}
.icon-cards .icon-card .cardcopy p:last-child {
  margin: 0;
}
.icon-cards .icon-card .cardcopy p > a:only-child,
.icon-cards .icon-card .cardcopy p a:link:only-child,
.icon-cards .icon-card .cardcopy p a:visited:only-child {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0 2rem;
  cursor: pointer;
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-size: 0.875rem;
  color: white;
  line-height: 3.1875rem;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  border: none;
  border-radius: 0.1875rem;
  outline: none;
  background-color: #25408f;
  transition: all 0.5s;
  padding: 0 3.75rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  .icon-cards .icon-card .cardcopy p > a:only-child,
.icon-cards .icon-card .cardcopy p a:link:only-child,
.icon-cards .icon-card .cardcopy p a:visited:only-child {
    display: inline-block;
  }
}
.icon-cards .icon-card .cardcopy p > a:only-child:after,
.icon-cards .icon-card .cardcopy p a:link:only-child:after,
.icon-cards .icon-card .cardcopy p a:visited:only-child:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 1rem;
  margin: -0.5rem 0 0 0;
  padding: 0;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  font-weight: 900;
  color: white;
  line-height: 1rem;
  transition: all 0.5s;
}
.icon-cards .icon-card .cardcopy p > a:active:only-child,
.icon-cards .icon-card .cardcopy p a:focus:only-child,
.icon-cards .icon-card .cardcopy p a:hover:only-child {
  color: white;
  outline: none;
  text-decoration: none;
  background-color: #0c9ed9;
}
.icon-cards .icon-card .cardcopy p > a:active:only-child:after,
.icon-cards .icon-card .cardcopy p a:focus:only-child:after,
.icon-cards .icon-card .cardcopy p a:hover:only-child:after {
  right: 0.75rem;
}
.icon-cards.white {
  background-color: transparent;
}
.icon-cards.white .icon-card {
  color: black;
  background-color: white;
  background-color: white;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
  display: block;
  text-align: center;
}
.icon-cards.white .icon-card figure {
  display: block;
  margin: 0 auto 0.5rem auto;
  max-width: 20%;
}
.icon-cards.white .icon-card h3 {
  display: block;
  max-width: 75%;
  margin-left: auto;
  margin-right: auto;
  color: #25408f;
}
.icon-cards.white .icon-card h3 strong {
  font-weight: inherit;
  color: black;
}
.icon-cards.white .icon-card p {
  font-size: 0.875rem;
}
.icon-cards + .testimonials {
  margin-top: -4.125rem;
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  .icon-cards > div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .icon-cards .icon-card {
    flex: 0 0 48.5%;
  }
}
@media screen and (min-width: 1024px) {
  .icon-cards .icon-card {
    flex: 0 0 32%;
  }
  .icon-cards.two-column .icon-card {
    flex: 0 0 48.5%;
  }
}
.testimonials {
  margin: 4.125rem -1rem;
  padding: 0.75rem 1rem 3.75rem 1rem;
  background-color: white;
}
.testimonials blockquote {
  margin: 0;
}
.testimonials .slick-dots {
  position: absolute;
  bottom: -2.75rem;
  left: 50%;
  margin: 0 0 0 -25%;
  padding: 0;
  width: 50%;
  text-align: center;
  list-style: none;
}
.testimonials .slick-dots li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.testimonials .slick-dots li button {
  width: 0.5rem;
  height: 0.5rem;
  opacity: 0.5;
  padding: 0;
  margin: 0 0.25rem;
  overflow: hidden;
  text-align: left;
  text-indent: -99rem;
  line-height: 0.5rem;
  border-radius: 0.5rem;
  background-color: #25408f;
  cursor: pointer;
}
.testimonials .slick-dots li button:hover,
.testimonials .slick-dots li button:active,
.testimonials .slick-dots li button:focus {
  background-color: #25408f;
  opacity: 1;
}

#client-carousel {
  margin: 4.125rem -1rem;
  padding: 4.125rem 1rem;
  color: white;
  background-color: black;
}
#client-carousel #slides {
  display: none;
}
#client-carousel .widget {
  position: relative;
  margin: 1rem;
  padding: 1rem;
  color: white;
  background-color: #25408f;
  max-width: 28rem;
}
#client-carousel .widget figure {
  margin: 0 0 1rem 0;
  align-self: center;
}
#client-carousel .widget figure img {
  max-width: 100%;
  height: auto;
}
#client-carousel .widget .textwidget p {
  margin: 0 0 0.33rem 0;
  padding: 0;
  line-height: 1.25;
}
#client-carousel .widget .textwidget p:last-child {
  margin: 0;
}
@media screen and (min-width: 768px) {
  #client-carousel .widget {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-self: flex-start;
  }
  #client-carousel .widget figure {
    flex: 0 0 27.5%;
  }
  #client-carousel .widget .textwidget {
    flex: 0 0 67.5%;
  }
}
@media screen and (min-width: 1024px) {
  #client-carousel {
    margin: 4.125rem -284.9% 4.125rem -220%;
    padding: 4.125rem 145%;
  }
}
.sjb-page .sjb-detail .list-data .v1 h1,
.sjb-page .sjb-detail .list-data .v1 h2,
.sjb-page .sjb-detail .list-data .v1 h3,
.sjb-page .sjb-detail .list-data .v1 h4,
.sjb-page .sjb-detail .list-data .v1 h5 {
  margin: 0 0 1rem 0;
  padding: 0;
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.66;
}
.sjb-page .sjb-detail .list-data .v1 h1:last-child,
.sjb-page .sjb-detail .list-data .v1 h2:last-child,
.sjb-page .sjb-detail .list-data .v1 h3:last-child,
.sjb-page .sjb-detail .list-data .v1 h4:last-child,
.sjb-page .sjb-detail .list-data .v1 h5:last-child {
  margin: 0;
}
.sjb-page .sjb-detail .list-data .v1 h1 {
  margin: 0 0 2.5rem 0;
  padding: 0;
  font-size: 2.8rem;
  line-height: 1.15;
  color: #25408f;
}
@media screen and (min-width: 1024px) {
  .sjb-page .sjb-detail .list-data .v1 h1 {
    font-size: 3.5rem;
  }
}
.sjb-page .sjb-detail .list-data .v1 h2 {
  font-size: 1.6rem;
  color: #25408f;
  line-height: 1.25;
}
@media screen and (min-width: 1024px) {
  .sjb-page .sjb-detail .list-data .v1 h2 {
    font-size: 2rem;
  }
}
.sjb-page .sjb-detail .list-data .v1 h3 {
  font-family: "HurmeGeometricSans1-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-size: 1.2rem;
  color: black;
}
@media screen and (min-width: 1024px) {
  .sjb-page .sjb-detail .list-data .v1 h3 {
    font-size: 1.5rem;
  }
}
.sjb-page .sjb-detail .list-data .v1 h4 {
  font-size: 1.1rem;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .sjb-page .sjb-detail .list-data .v1 h4 {
    font-size: 1.25rem;
  }
}
.sjb-page .sjb-detail .list-data .v1 h5 {
  font-size: 1rem;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .sjb-page .sjb-detail .list-data .v1 h5 {
    font-size: 1.1rem;
  }
}
.sjb-page .sjb-detail .list-data .v1 p {
  margin: 0 0 1rem 0;
  padding: 0;
}
.sjb-page .sjb-detail .list-data .v1 ul,
.sjb-page .sjb-detail .list-data .v1 ol {
  margin: 0;
  padding: 0 0 40px 30px;
  list-style: disc;
}
.sjb-page .sjb-detail .list-data .v1 ul li,
.sjb-page .sjb-detail .list-data .v1 ol li {
  margin: 0 0 0.33rem 0;
  padding: 0;
  margin: 0 0 1rem 0;
  line-height: 145%;
}
.sjb-page .sjb-detail .list-data .v1 ul li:before,
.sjb-page .sjb-detail .list-data .v1 ol li:before {
  display: none !important;
}

.home h1 {
  font-size: 3.5rem;
}
.home article.page.full header {
  padding: 0;
  background-color: transparent;
}
.home article.page.full header > div {
  order: 1;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 20vw;
}
.home article.page.full header #slides {
  margin-top: -20vw;
  order: 2;
}
.home #feature-projects article.project.excerpt {
  justify-content: flex-end;
}
.home #feature-projects article.project.excerpt figure {
  flex: 0 0 50%;
}
.home #feature-projects article.project.excerpt figure img {
  position: absolute;
  margin: auto;
  top: -1000rem;
  left: -1000rem;
  bottom: -1000rem;
  right: -1000rem;
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
}
.home #feature-projects article.project.excerpt figure:before {
  padding: 100% 0 0 0;
}
.home #feature-projects article.project.excerpt:nth-child(2n) {
  justify-content: flex-start;
}
.home #latest-news {
  margin: 0 0 3rem 0;
}
.home #ctawrap {
  display: none;
}
@media screen and (min-width: 1024px) {
  .home h1 {
    font-size: 5rem;
  }
  .home article.page.full > header {
    padding: 3.75rem 0 7.5rem 0;
  }
  .home article.page.full > header > div {
    order: 2;
    padding-bottom: 0;
  }
  .home article.page.full > header #slides {
    margin-top: 0;
    order: 1;
  }
}

article.page.intro {
  margin: 0 0 1rem 0;
  padding: 0;
}
article.page.full > header {
  z-index: 10;
  margin: 0;
  padding: 5vw 0 0 0;
  display: flex;
  flex-wrap: wrap;
  background-color: white;
}
article.page.full > header > div {
  flex: 0 0 100%;
  order: 2;
  margin-top: -20vw;
  padding-top: 20vw;
  display: flex;
  color: white;
  background-color: #25408f;
}
article.page.full > header > div > div {
  padding: 2.5rem 1rem;
}
article.page.full > header > div > div h1 {
  color: white;
}
article.page.full > header > div > div p {
  margin: 0;
  color: white;
  line-height: 1.68;
}
article.page.full > header > figure {
  flex: 0 0 90vw;
  order: 1;
  margin: 0 5vw;
  padding: 70vw 0 0 0;
  overflow: hidden;
}
article.page.full > header > figure img {
  position: absolute;
  margin: auto;
  top: -1000rem;
  left: -1000rem;
  bottom: -1000rem;
  right: -1000rem;
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
  transition: transform 0.5s;
}
article.page.full > header #slides {
  flex: 0 0 90vw;
  height: 70vw;
  margin: 0 5vw;
  width: 90vw !important;
  overflow: hidden;
}
article.page.full > main {
  z-index: 20;
}
article.page.full > main figure.page-hero {
  overflow: hidden;
  display: none;
}
article.page.full > main figure.page-hero:before {
  content: "";
  display: block;
  width: 1px;
  float: left;
  padding: 99% 0 0 0;
}
article.page.full > main figure.page-hero:after {
  content: "";
  display: block;
  clear: both;
}
article.page.full > main figure.page-hero img {
  position: absolute;
  margin: auto;
  top: -1000rem;
  left: -1000rem;
  bottom: -1000rem;
  right: -1000rem;
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
  /*							
  							top: 0;
  							bottom: auto;
  							height: 120% !important;
  */
}
article.page.full > main .bodycopy {
  padding: 2.5rem 0 4.125rem 0;
}
article.page.full.intro {
  margin: 0 0 4.125rem 0;
}
@media screen and (min-width: 1024px) {
  article.page.full > header {
    z-index: 10;
    margin: 0;
    padding: 3.75rem 0 7.5rem 0;
    display: block;
    background-color: transparent;
  }
  article.page.full > header > div {
    position: relative;
    z-index: 12;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    max-width: 60%;
  }
  article.page.full > header > div > div {
    flex: 0 1 100%;
    margin: 0;
    padding: 3.75rem 3.75rem 3.75rem 1rem;
  }
  article.page.full > header > figure {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 15%;
    width: 85%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: #909399;
  }
  article.page.full > header > figure img {
    position: absolute;
    margin: auto;
    top: -1000rem;
    left: -1000rem;
    bottom: -1000rem;
    right: -1000rem;
    width: 100% !important;
    height: auto !important;
  }
  article.page.full > header #slides {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 15%;
    display: block;
    width: 85%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    background-color: #909399;
  }
  article.page.full > header #slides .slick-list {
    width: 100%;
    height: 100%;
  }
  article.page.full > header #slides .slick-list .slick-track {
    width: 100%;
    height: 100%;
  }
  article.page.full > header #slides .slide {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 100%;
    background-color: black;
  }
  article.page.full > header #slides .slide figure {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  article.page.full > header #slides .slide figure img {
    position: absolute;
    margin: auto;
    top: -1000rem;
    left: -1000rem;
    bottom: -1000rem;
    right: -1000rem;
    width: auto !important;
    height: 100% !important;
    max-width: none !important;
    left: 0;
    right: auto;
    height: auto !important;
    width: 111% !important;
  }
  article.page.full > header #slides .slide.slick-active figure img {
    left: 0;
    right: auto;
    width: 111% !important;
    animation: subtleimageslide 10s 1;
    animation-timing-function: linear;
  }
  article.page.full > main figure.page-hero {
    display: block;
    position: absolute;
    top: -3.75rem;
    right: 1rem;
    width: 31%;
  }
  article.page.full > main .bodycopy {
    padding: 8.25rem 40% 0 0;
  }
  article.page.full > main .bodycopy:before {
    content: "";
    display: block;
    width: 1px;
    float: left;
    padding: 31% 0 0 0;
  }
  article.page.full > main .bodycopy:after {
    content: "";
    display: block;
    clear: both;
  }
  article.page.full > main .bodycopy > h2:first-child {
    margin: 0 0 2.5rem 0;
    padding: 0;
    font-size: 1.625rem;
    color: black;
    line-height: 1.625;
  }
  article.page.full > main .bodycopy .icon-cards,
article.page.full > main .bodycopy .testimonials {
    margin-right: calc(-66.667% - 1rem);
    margin-left: -1rem;
  }
  article.page.full > main .bodycopy #latest-news,
article.page.full > main .bodycopy #feature-projects,
article.page.full > main .bodycopy .sjb-page,
article.page.full > main .bodycopy #ja-jobs-widget {
    margin-right: calc(-66.667%);
    margin-left: 0;
  }
}
@media screen and (min-width: 1240px) {
  article.page.full > header > div {
    max-width: 50%;
  }
  article.page.full > header > div > div {
    flex: 0 1 36rem;
  }
  article.page.full > header > figure {
    left: 30%;
    width: 70%;
  }
  article.page.full > header #slides {
    left: 30%;
    width: 70%;
  }
  article.page.full > main figure.page-hero {
    right: 0;
  }
  article.page.full > main .bodycopy {
    padding: 8.25rem 41% 0 9%;
  }
  article.page.full > main .bodycopy .icon-cards,
article.page.full > main .bodycopy .testimonials {
    margin-right: -284.9%;
    margin-left: -220%;
    padding: 3.375rem 200%;
  }
  article.page.full > main .bodycopy #latest-news,
article.page.full > main .bodycopy #feature-projects,
article.page.full > main .bodycopy .sjb-page,
article.page.full > main .bodycopy #ja-jobs-widget {
    margin-right: -84.9%;
    margin-left: -20%;
  }
}
@media screen and (min-width: 1920px) {
  article.page.full > header > figure img {
    position: absolute;
    margin: auto;
    top: -1000rem;
    left: -1000rem;
    bottom: -1000rem;
    right: -1000rem;
    width: 100% !important;
    height: auto !important;
  }
}

.page.full main {
  /* JOB ADDER STYLES ADDED 5/11/21 */
}
.page.full main .sjb-page {
  margin: 5rem 0 0 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  background-color: transparent;
}
.page.full main .sjb-page .sjb-filters.sjb-filters-v1 {
  margin: 0 0 3.125rem 0;
  padding: 1.5rem 1.5rem 0 1.5rem;
  background-color: white;
}
.page.full main .sjb-page .sjb-filters.sjb-filters-v1 .form-group {
  margin: 0 0 1.5rem 0;
  padding: 0;
}
.page.full main .sjb-page .sjb-filters.sjb-filters-v1 .form-control {
  margin: 0;
}
.page.full main .sjb-page .sjb-filters.sjb-filters-v1 .sjb-search-button {
  margin-bottom: 1.5rem;
}
.page.full main .sjb-page .sjb-filters.sjb-filters-v1 .btn-search {
  margin: 0;
  padding: 0;
}
.page.full main .sjb-page .sjb-listing .list-view {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-self: flex-start;
}
.page.full main .sjb-page .sjb-listing .list-view .list-data {
  margin: 0 0 3.125rem 0;
  padding: 1.5rem;
  flex: 0 0 100%;
  background-color: white;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
  background-color: white;
}
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 {
  background-color: transparent;
  border: none;
  float: none;
  margin: 0;
  padding: 0;
}
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row {
  margin: 0;
  padding: 0;
}
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div {
  float: none;
  margin: 0;
  padding: 0;
  width: auto;
}
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div i,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div i {
  display: none;
}
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div.job-info,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div.job-info {
  margin: 0 0 0.5rem 0;
}
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div.job-info h4,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div.job-info h4 {
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-size: 1rem;
  color: #25408f;
}
@media screen and (min-width: 1024px) {
  .page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div.job-info h4,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div.job-info h4 {
    font-size: 1.2rem;
  }
}
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div.job-info h4 a,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div.job-info h4 a:link,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div.job-info h4 a:visited,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div.job-info h4 a,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div.job-info h4 a:link,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div.job-info h4 a:visited {
  color: #25408f;
  font-size: inherit;
  text-decoration: none;
}
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div.job-info h4 a:active,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div.job-info h4 a:focus,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div.job-info h4 a:hover,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div.job-info h4 a:active,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div.job-info h4 a:focus,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div.job-info h4 a:hover {
  color: #25408f;
  text-decoration: none;
}
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div.job-type, .page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div.job-location,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div.job-type,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div.job-location {
  margin: 0 0 0.25rem 0;
  color: #25408f;
  font-weight: 600;
}
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 header .row div.job-date,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 header .row div.job-date {
  display: none;
}
.page.full main .sjb-page .sjb-listing .list-view .list-data .v1 .job-description p,
.page.full main .sjb-page .sjb-listing .list-view .list-data .v2 .job-description p {
  margin: 0 0 1rem 0;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .page.full main .sjb-page .sjb-listing .list-view .list-data {
    flex: 0 0 49%;
  }
}
@media screen and (min-width: 1024px) {
  .page.full main .sjb-page .sjb-listing .list-view .list-data {
    flex: 0 0 31%;
  }
}
.page.full main .sjb-page .clearfix {
  display: none;
}
.page.full main .sjb-page .btn-primary {
  background-color: #25408f;
}
.page.full main .sjb-page .btn-primary:hover {
  background-color: #25408f;
}
.page.full main #ja-jobs-widget .ja-job-search {
  margin: 5rem 0 0 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  background-color: transparent;
}
.page.full main #ja-jobs-widget .ja-job-search .ja-form {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 3.125rem 0;
  padding: 1.5rem 1.5rem 0 1.5rem;
  background-color: white;
}
.page.full main #ja-jobs-widget .ja-job-search .ja-form > div.ja-field-container {
  flex: 0 0 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page.full main #ja-jobs-widget .ja-job-search .ja-form > div.ja-field-container > * {
  flex: 0 0 100%;
}
.page.full main #ja-jobs-widget .ja-job-search .ja-form > div.ja-field-container > label {
  display: none;
}
.page.full main #ja-jobs-widget .ja-job-search .ja-form > div.ja-field-container:nth-child(5n) {
  flex: 0 0 100%;
}
.page.full main #ja-jobs-widget .ja-job-search .ja-form > div.ja-field-container:nth-child(5n) > label {
  display: block;
  align-self: center;
  margin: 0 0 1rem 0;
}
.page.full main #ja-jobs-widget .ja-job-search .ja-form > div.ja-field-container:nth-child(5n) > * {
  flex: 0 0 100%;
}
@media screen and (min-width: 768px) {
  .page.full main #ja-jobs-widget .ja-job-search .ja-form > div.ja-field-container:nth-child(5n) > label {
    text-align: right;
  }
  .page.full main #ja-jobs-widget .ja-job-search .ja-form > div.ja-field-container:nth-child(5n) > * {
    flex: 0 0 49%;
  }
}
@media screen and (min-width: 768px) {
  .page.full main #ja-jobs-widget .ja-job-search .ja-form > div.ja-field-container {
    flex: 0 0 49%;
  }
}
.page.full main #ja-jobs-widget .ja-job-search .ja-form .ja-submit {
  flex: 0 0 100%;
  margin: 0 0 1rem 0;
  text-align: right;
}
.page.full main #ja-jobs-widget .ja-job-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-self: flex-start;
}
.page.full main #ja-jobs-widget .ja-job-list .job {
  margin: 0 0 3.125rem 0;
  padding: 1.5rem;
  flex: 0 0 100%;
  background-color: white;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
  background-color: white;
}
.page.full main #ja-jobs-widget .ja-job-list .job h2 {
  font-size: 1.25rem;
}
.page.full main #ja-jobs-widget .ja-job-list .job .view-details {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0 2rem;
  cursor: pointer;
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-size: 0.875rem;
  color: white;
  line-height: 3.1875rem;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  border: none;
  border-radius: 0.1875rem;
  outline: none;
  background-color: #25408f;
  transition: all 0.5s;
}
@media screen and (min-width: 768px) {
  .page.full main #ja-jobs-widget .ja-job-list .job .view-details {
    display: inline-block;
  }
}
.page.full main #ja-jobs-widget .ja-job-list .job .view-details:active, .page.full main #ja-jobs-widget .ja-job-list .job .view-details:focus, .page.full main #ja-jobs-widget .ja-job-list .job .view-details:hover {
  color: white;
  outline: none;
  text-decoration: none;
  background-color: #0c9ed9;
}
@media screen and (min-width: 768px) {
  .page.full main #ja-jobs-widget .ja-job-list .job {
    flex: 0 0 49%;
  }
}
@media screen and (min-width: 1024px) {
  .page.full main #ja-jobs-widget .ja-job-list .job {
    flex: 0 0 31%;
  }
}
.page.full main #ja-jobs-widget .ja-job-details,
.page.full main #ja-jobs-widget .ja-apply-iframe {
  margin: 3.5rem 0 0 0;
}
.page.full main #ja-jobs-widget .ja-job-details .description > strong,
.page.full main #ja-jobs-widget .ja-apply-iframe .description > strong {
  display: block;
  font-family: "HurmeGeometricSans1-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-size: 1.2rem;
  color: black;
}
@media screen and (min-width: 1024px) {
  .page.full main #ja-jobs-widget .ja-job-details .description > strong,
.page.full main #ja-jobs-widget .ja-apply-iframe .description > strong {
    font-size: 1.5rem;
  }
}
.page.full main #ja-jobs-widget .ja-job-details .apply,
.page.full main #ja-jobs-widget .ja-apply-iframe .apply {
  margin: 1.75rem 0;
}
.page.full main #ja-jobs-widget .ja-job-details .apply .back-link,
.page.full main #ja-jobs-widget .ja-apply-iframe .apply .back-link {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0 2rem;
  cursor: pointer;
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-size: 0.875rem;
  color: white;
  line-height: 3.1875rem;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  border: none;
  border-radius: 0.1875rem;
  outline: none;
  background-color: #25408f;
  transition: all 0.5s;
  margin-bottom: 1rem;
  background-color: #909399;
}
@media screen and (min-width: 768px) {
  .page.full main #ja-jobs-widget .ja-job-details .apply .back-link,
.page.full main #ja-jobs-widget .ja-apply-iframe .apply .back-link {
    display: inline-block;
  }
}
.page.full main #ja-jobs-widget .ja-job-details .apply .back-link:active, .page.full main #ja-jobs-widget .ja-job-details .apply .back-link:focus, .page.full main #ja-jobs-widget .ja-job-details .apply .back-link:hover,
.page.full main #ja-jobs-widget .ja-apply-iframe .apply .back-link:active,
.page.full main #ja-jobs-widget .ja-apply-iframe .apply .back-link:focus,
.page.full main #ja-jobs-widget .ja-apply-iframe .apply .back-link:hover {
  color: white;
  outline: none;
  text-decoration: none;
  background-color: #0c9ed9;
  background-color: #0c9ed9;
}
.page.full main #ja-jobs-widget .meta {
  margin: 0 0 2.25rem 0;
}
.page.full main #ja-jobs-widget .meta .classifications {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page.full main #ja-jobs-widget .meta .classifications li {
  margin: 0 0.5rem 0 0;
  padding: 0 0.5rem 0 0;
  list-style: none;
  line-height: 1rem;
  font-size: 0.8rem;
  border-right: 1px solid #909399;
  display: inline;
}
.page.full main #ja-jobs-widget .meta .classifications li:last-child {
  border-color: transparent;
}
.page.full main #ja-jobs-widget .meta .date-posted {
  margin: 0;
  padding: 0;
  line-height: 1rem;
  font-size: 0.8rem;
}
.page.full main #ja-jobs-widget .powered-by-jobadder {
  display: none;
}

.single-jobpost .sjb-container {
  margin: auto;
  padding: 0 1rem;
  max-width: 72rem;
}
.single-jobpost .sjb-container .sjb-page {
  margin: 0 0 5rem 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  background-color: transparent;
}
.single-jobpost .sjb-container .sjb-page * {
  float: none !important;
}
.single-jobpost .sjb-container .sjb-page i.fa {
  display: none;
}
.single-jobpost .sjb-container .sjb-page .v1,
.single-jobpost .sjb-container .sjb-page .v2 {
  background-color: transparent;
}
.single-jobpost .sjb-container .sjb-page .v1 header div.job-detail,
.single-jobpost .sjb-container .sjb-page .v2 header div.job-detail {
  margin: 0 0 0.5rem 0;
}
.single-jobpost .sjb-container .sjb-page .v1 header div.job-detail h3,
.single-jobpost .sjb-container .sjb-page .v2 header div.job-detail h3 {
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 2.5rem 0;
  padding: 0;
  font-size: 2.8rem;
  line-height: 1.15;
  color: #25408f;
}
@media screen and (min-width: 1024px) {
  .single-jobpost .sjb-container .sjb-page .v1 header div.job-detail h3,
.single-jobpost .sjb-container .sjb-page .v2 header div.job-detail h3 {
    font-size: 3.5rem;
  }
}
.single-jobpost .sjb-container .sjb-page .v1 header div.job-type, .single-jobpost .sjb-container .sjb-page .v1 header div.job-location,
.single-jobpost .sjb-container .sjb-page .v2 header div.job-type,
.single-jobpost .sjb-container .sjb-page .v2 header div.job-location {
  font-family: "HurmeGeometricSans1-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-size: 1.2rem;
  color: black;
}
@media screen and (min-width: 1024px) {
  .single-jobpost .sjb-container .sjb-page .v1 header div.job-type, .single-jobpost .sjb-container .sjb-page .v1 header div.job-location,
.single-jobpost .sjb-container .sjb-page .v2 header div.job-type,
.single-jobpost .sjb-container .sjb-page .v2 header div.job-location {
    font-size: 1.5rem;
  }
}
.single-jobpost .sjb-container .sjb-page .v1 header div.job-date,
.single-jobpost .sjb-container .sjb-page .v2 header div.job-date {
  display: none;
}
.single-jobpost .sjb-container .sjb-page .v1 .job-features h3,
.single-jobpost .sjb-container .sjb-page .v2 .job-features h3 {
  font-family: "HurmeGeometricSans1-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-size: 1.2rem;
  color: black;
}
@media screen and (min-width: 1024px) {
  .single-jobpost .sjb-container .sjb-page .v1 .job-features h3,
.single-jobpost .sjb-container .sjb-page .v2 .job-features h3 {
    font-size: 1.5rem;
  }
}
.single-jobpost .sjb-container .sjb-page .v1 .job-features table,
.single-jobpost .sjb-container .sjb-page .v2 .job-features table {
  border: none !important;
}
.single-jobpost .sjb-container .sjb-page .v1 .job-features table tr,
.single-jobpost .sjb-container .sjb-page .v2 .job-features table tr {
  border: none !important;
}
.single-jobpost .sjb-container .sjb-page .v1 .job-features table tr th,
.single-jobpost .sjb-container .sjb-page .v1 .job-features table tr td,
.single-jobpost .sjb-container .sjb-page .v2 .job-features table tr th,
.single-jobpost .sjb-container .sjb-page .v2 .job-features table tr td {
  border: none !important;
}
.single-jobpost .sjb-container .sjb-page .v1 .jobpost-form,
.single-jobpost .sjb-container .sjb-page .v2 .jobpost-form {
  max-width: 36rem;
  margin: 0;
  padding: 0;
}
.single-jobpost .sjb-container .sjb-page .v1 .jobpost-form h3,
.single-jobpost .sjb-container .sjb-page .v2 .jobpost-form h3 {
  font-family: "HurmeGeometricSans1-SemiBold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-size: 1.2rem;
  color: black;
}
@media screen and (min-width: 1024px) {
  .single-jobpost .sjb-container .sjb-page .v1 .jobpost-form h3,
.single-jobpost .sjb-container .sjb-page .v2 .jobpost-form h3 {
    font-size: 1.5rem;
  }
}
.single-jobpost .sjb-container .sjb-page .clearfix {
  display: none;
}
.single-jobpost #ctawrap {
  display: none;
}

#posts {
  margin: 0 0 3.125rem 0;
}
#posts #filter {
  margin: 0 0 2rem 0;
  max-width: 24rem;
}
@media screen and (min-width: 1240px) {
  #posts #filter {
    margin: 0 0 3.125rem 9%;
  }
}

article.post.excerpt {
  margin: 0 0 3.75rem 0;
  overflow: visible;
}
article.post.excerpt figure {
  overflow: hidden;
  background-color: #909399;
}
article.post.excerpt figure:before {
  content: "";
  display: block;
  float: left;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 66% 0 0 0;
}
article.post.excerpt figure:after {
  content: "";
  display: block;
  clear: both;
}
article.post.excerpt figure a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  text-align: left;
  text-indent: -99rem;
}
article.post.excerpt figure img {
  position: absolute;
  margin: auto;
  top: -1000rem;
  left: -1000rem;
  bottom: -1000rem;
  right: -1000rem;
  width: 100% !important;
  height: auto !important;
}
article.post.excerpt header h3 {
  color: #25408f;
  margin: 0 0 0.33rem 0;
  padding: 0;
}
article.post.excerpt header h4 {
  color: #25408f;
}
article.post.excerpt header h4 span {
  display: none;
}
article.post.excerpt .data {
  display: none;
}
article.post.excerpt .wrapper {
  z-index: 9;
  margin: 0 0 1rem 0;
  padding: 1rem 1rem 0.5rem 1rem;
  height: 100%;
  background-color: white;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
}
article.post.excerpt .wrapper figure {
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 1024px) {
  article.post.excerpt .wrapper {
    margin: 1.5rem 0 1rem 7rem;
    padding: 2rem 2rem 0 3.125rem;
    height: 100%;
    background-color: white;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
  }
  article.post.excerpt .wrapper figure {
    position: absolute;
    top: -1.5rem;
    left: -7rem;
    width: 9rem;
  }
  article.post.excerpt .wrapper figure:before {
    padding: 99% 0 0 0;
  }
  article.post.excerpt .wrapper figure img {
    position: absolute;
    margin: auto;
    top: -1000rem;
    left: -1000rem;
    bottom: -1000rem;
    right: -1000rem;
    width: auto !important;
    height: 100% !important;
    max-width: none !important;
  }
}
@media screen and (min-width: 1240px) {
  article.post.excerpt .wrapper {
    margin: 1.5rem 0 1rem 9rem;
    padding: 2rem 2rem 0 3.125rem;
    height: 100%;
    background-color: white;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
  }
  article.post.excerpt .wrapper figure {
    position: absolute;
    top: -1.5rem;
    left: -10rem;
    width: 12rem;
  }
}
article.post.full {
  margin: 0 0 3.75rem 0;
}
article.post.full > header {
  z-index: 10;
  margin: 0;
  padding: 5vw 0 0 0;
  display: flex;
  flex-wrap: wrap;
  background-color: white;
}
article.post.full > header > div {
  flex: 0 0 100%;
  order: 2;
  margin-top: -20vw;
  padding-top: 20vw;
  display: flex;
  color: white;
  background-color: #25408f;
}
article.post.full > header > div > div {
  padding: 2.5rem 1rem;
}
article.post.full > header > div > div h1,
article.post.full > header > div > div h2,
article.post.full > header > div > div h3 {
  color: white;
}
article.post.full > header > div > div p {
  margin: 0;
  color: white;
  line-height: 1.68;
}
article.post.full > header > figure {
  flex: 0 0 90vw;
  order: 1;
  margin: 0 5vw;
  padding: 70vw 0 0 0;
  overflow: hidden;
}
article.post.full > header > figure img {
  position: absolute;
  margin: auto;
  top: -1000rem;
  left: -1000rem;
  bottom: -1000rem;
  right: -1000rem;
  width: 100% !important;
  height: auto !important;
}
article.post.full .intro {
  padding: 3.75rem 1rem;
}
article.post.full .intro h2 {
  margin: 2rem 0 0 0;
  font-size: 1.625rem;
  color: black;
  line-height: 1.625;
}
article.post.full .intro h3 {
  padding: 3.75rem 0 0 0;
}
article.post.full main {
  padding: 3.75rem 0;
  background-color: white;
}
article.post.full main .inner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-self: flex-start;
}
article.post.full main .inner .contacts {
  flex: 0 0 32%;
}
article.post.full main .inner .contacts > * {
  margin: 0 0 1rem 0;
  padding: 1rem;
  color: white;
  background-color: black;
}
article.post.full main .inner .contacts > * a,
article.post.full main .inner .contacts > * a:link,
article.post.full main .inner .contacts > * a:visited {
  display: block;
  padding: 0 0 0 4.75rem;
  color: white;
  line-height: 3.75rem;
  text-decoration: underline;
}
article.post.full main .inner .contacts > * a:before,
article.post.full main .inner .contacts > * a:link:before,
article.post.full main .inner .contacts > * a:visited:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -1.875rem 0 0 0;
  padding: 0;
  width: 3.75rem;
  height: 3.75rem;
  line-height: 3.75rem;
  border-radius: 100%;
  background-color: white;
}
article.post.full main .inner .contacts > * a:active,
article.post.full main .inner .contacts > * a:focus,
article.post.full main .inner .contacts > * a:hover {
  color: #25408f;
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  article.post.full > header {
    z-index: 10;
    margin: 0;
    padding: 3.75rem 0 7.5rem 0;
    display: block;
    background-color: transparent;
  }
  article.post.full > header > div {
    position: relative;
    z-index: 12;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    max-width: 60%;
  }
  article.post.full > header > div > div {
    flex: 0 1 100%;
    margin: 0;
    padding: 3.75rem 3.75rem 3.75rem 1rem;
  }
  article.post.full > header > figure {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 30%;
    width: 70%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: #909399;
  }
  article.post.full > header > figure img {
    position: absolute;
    margin: auto;
    top: -1000rem;
    left: -1000rem;
    bottom: -1000rem;
    right: -1000rem;
    width: auto !important;
    height: 100% !important;
    max-width: none !important;
  }
  article.post.full .intro h2 {
    margin: 2rem 41% 0 9%;
    font-size: 1.625rem;
    color: black;
    line-height: 1.625;
  }
  article.post.full .bodycopy {
    margin: 0 25% 0 20%;
  }
}
@media screen and (min-width: 1240px) {
  article.post.full > header > div {
    max-width: 50%;
  }
  article.post.full > header > div > div {
    flex: 0 1 36rem;
  }
  article.post.full > header > figure {
    left: 30%;
    width: 70%;
  }
  article.post.full > header > figure img {
    position: absolute;
    margin: auto;
    top: -1000rem;
    left: -1000rem;
    bottom: -1000rem;
    right: -1000rem;
    width: 100% !important;
    height: auto !important;
  }
  article.post.full > header #slides {
    left: 30%;
    width: 70%;
  }
}
@media screen and (min-width: 1920px) {
  article.post.full > header > figure img {
    position: absolute;
    margin: auto;
    top: -1000rem;
    left: -1000rem;
    bottom: -1000rem;
    right: -1000rem;
    width: 100% !important;
    height: auto !important;
  }
}

#people #filter {
  margin: 0 0 3.125rem 9%;
  max-width: 24rem;
}

article.person.excerpt {
  margin: 0 0 3.75rem 0;
  opacity: 0;
  transition: opacity 1s;
  overflow: visible;
}
article.person.excerpt figure {
  background-color: #909399;
}
article.person.excerpt figure:before {
  content: "";
  display: block;
  float: left;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 99% 0 0 0;
}
article.person.excerpt figure:after {
  content: "";
  display: block;
  clear: both;
}
article.person.excerpt figure a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  text-align: left;
  text-indent: -99rem;
}
article.person.excerpt figure img {
  position: absolute;
  margin: auto;
  top: -1000rem;
  left: -1000rem;
  bottom: -1000rem;
  right: -1000rem;
  width: 100% !important;
  height: auto !important;
}
article.person.excerpt header h3 {
  color: #25408f;
  margin: 0 0 0.33rem 0;
  padding: 0;
}
article.person.excerpt header h4 {
  color: #25408f;
}
article.person.excerpt header h4 span {
  display: none;
}
article.person.excerpt .data {
  display: none;
}
article.person.excerpt .wrapper {
  z-index: 9;
  margin: 0 0 1rem 0;
  padding: 1rem 1rem 0.5rem 1rem;
  height: 100%;
  background-color: white;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
}
article.person.excerpt .wrapper figure {
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 1024px) {
  article.person.excerpt .wrapper {
    margin: 1.5rem 0 1rem 7rem;
    padding: 2rem 2rem 0 3.125rem;
    height: 100%;
    background-color: white;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
  }
  article.person.excerpt .wrapper figure {
    position: absolute;
    top: -1.5rem;
    left: -7rem;
    width: 9rem;
  }
}
@media screen and (min-width: 1240px) {
  article.person.excerpt .wrapper {
    margin: 1.5rem 0 1rem 9rem;
    padding: 2rem 2rem 0 3.125rem;
    height: 100%;
    background-color: white;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
  }
  article.person.excerpt .wrapper figure {
    position: absolute;
    top: -1.5rem;
    left: -10rem;
    width: 12rem;
  }
}
article.person.full figure {
  background-color: #909399;
}
article.person.full > header {
  z-index: 10;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
article.person.full > header > div {
  flex: 0 0 100%;
  order: 2;
  display: flex;
  justify-content: flex-end;
  color: white;
  background-color: #25408f;
}
article.person.full > header > div > div {
  padding: 2.5rem 1rem;
}
article.person.full > header > div > div h1,
article.person.full > header > div > div h2 {
  color: white;
}
article.person.full > header > div > div p {
  margin: 0;
  color: white;
  line-height: 1.68;
}
article.person.full > header figure {
  flex: 0 0 100%;
  order: 1;
  margin: 0;
  padding: 33% 0 0 0;
  overflow: hidden;
}
article.person.full > header figure img {
  position: absolute;
  margin: auto;
  top: -1000rem;
  left: -1000rem;
  bottom: -1000rem;
  right: -1000rem;
  width: 100% !important;
  height: auto !important;
}
article.person.full .intro {
  padding: 3.75rem 1rem;
}
article.person.full .intro h2 {
  padding: 3.75rem 0 0 0;
}
article.person.full main {
  padding: 3.75rem 0;
  background-color: white;
}
article.person.full main .inner .contacts {
  margin: 0 0 2.5rem 0;
}
article.person.full main .inner .contacts > * {
  margin: 0 0 1rem 0;
  padding: 1rem;
  color: white;
  background-color: #25408f;
}
article.person.full main .inner .contacts > * a,
article.person.full main .inner .contacts > * a:link,
article.person.full main .inner .contacts > * a:visited {
  display: block;
  padding: 0 0 0 5.5rem;
  color: white;
  line-height: 3.75rem;
  text-decoration: underline;
}
article.person.full main .inner .contacts > * a:before,
article.person.full main .inner .contacts > * a:link:before,
article.person.full main .inner .contacts > * a:visited:before {
  content: "";
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin: -1.875rem 0 0 0;
  padding: 0;
  width: 3.75rem;
  height: 3.75rem;
  font-family: "Font Awesome 5 Brands";
  font-weight: 900;
  color: white;
  text-align: center;
  line-height: 3.75rem;
  font-size: 1.75rem;
  border: 3px solid white;
  border-radius: 100%;
  background-color: transparent;
}
article.person.full main .inner .contacts > * a[href^="tel:"]:before,
article.person.full main .inner .contacts > * a:link[href^="tel:"]:before,
article.person.full main .inner .contacts > * a:visited[href^="tel:"]:before {
  font-family: "Font Awesome 5 Free";
  content: "";
}
article.person.full main .inner .contacts > * a[href^="mailto:"]:before,
article.person.full main .inner .contacts > * a:link[href^="mailto:"]:before,
article.person.full main .inner .contacts > * a:visited[href^="mailto:"]:before {
  font-family: "Font Awesome 5 Free";
  font-size: 1.5rem;
  content: "";
}
article.person.full main .inner .contacts > * a:active,
article.person.full main .inner .contacts > * a:focus,
article.person.full main .inner .contacts > * a:hover {
  color: #0c9ed9;
  text-decoration: underline;
}
article.person.full main .inner .bodycopy .wp-block-quote {
  padding: 2rem;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  background-color: #25408f;
}
article.person.full main .inner .bodycopy .wp-block-quote p {
  font-size: 1.25rem;
  line-height: 1.6;
}
article.person.full main .inner .bodycopy .wp-block-quote p:last-child {
  margin: 0;
}
article.person.full .tma_attributes {
  display: none;
}
@media screen and (min-width: 768px) {
  article.person.full .intro h2 {
    margin: 2rem 41% 0 9%;
    font-size: 1.625rem;
    color: black;
    line-height: 1.625;
  }
  article.person.full main .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-self: flex-start;
  }
  article.person.full main .inner .contacts {
    flex: 0 0 32%;
  }
  article.person.full main .inner .bodycopy {
    flex: 0 0 62%;
  }
}
@media screen and (min-width: 1024px) {
  article.person.full > header {
    z-index: 10;
    margin: 0;
    padding: 3.75rem 0 7.5rem 0;
    padding: 0;
    display: block;
  }
  article.person.full > header > div {
    position: absolute;
    top: 3.75rem;
    left: 0;
    z-index: 12;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    width: 50%;
  }
  article.person.full > header > div > div {
    flex: 0 1 36rem;
    margin: 0;
    padding: 3.75rem 3.75rem 3.75rem 1rem;
  }
  article.person.full > header figure {
    z-index: 11;
    margin: 0 0 0 30%;
    width: 70%;
    height: 100%;
    overflow: hidden;
    background-color: #909399;
  }
  article.person.full main .inner .bodycopy {
    flex: 0 0 55%;
  }
}

article.project.excerpt {
  margin: 0 0 3.75rem 0;
  overflow: visible;
}
article.project.excerpt figure {
  z-index: 9;
  width: 100%;
  overflow: hidden;
  background-color: #909399;
}
article.project.excerpt figure:before {
  content: "";
  display: block;
  float: left;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 99% 0 0 0;
}
article.project.excerpt figure:after {
  content: "";
  display: block;
  clear: both;
}
article.project.excerpt figure a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  text-align: left;
  text-indent: -99rem;
}
article.project.excerpt figure img {
  position: absolute;
  margin: auto;
  top: -1000rem;
  left: -1000rem;
  bottom: -1000rem;
  right: -1000rem;
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
}
article.project.excerpt header p {
  margin: 0 0 0.33rem 0;
  padding: 0;
}
article.project.excerpt header h3 {
  color: #25408f;
}
article.project.excerpt .wrapper {
  z-index: 10;
  margin: 1.5rem 0 1rem 0;
  padding: 1rem;
  background-color: white;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.15);
}
@media screen and (min-width: 1024px) {
  article.project.excerpt figure {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 18rem;
  }
  article.project.excerpt .wrapper {
    margin: 1.5rem 0 1rem 13rem;
    padding: 2rem 1.25rem 2rem 2rem;
  }
}
article.project.full {
  margin: 0 0 3.75rem 0;
}
article.project.full > header {
  z-index: 10;
  margin: 0;
  padding: 5vw 0 0 0;
  display: flex;
  flex-wrap: wrap;
  background-color: white;
}
article.project.full > header > div {
  flex: 0 0 100%;
  order: 2;
  margin-top: -20vw;
  padding-top: 20vw;
  display: flex;
  color: white;
  background-color: #25408f;
}
article.project.full > header > div > div {
  padding: 2.5rem 1rem;
}
article.project.full > header > div > div h1,
article.project.full > header > div > div h2 {
  color: white;
}
article.project.full > header > div > div p {
  margin: 0;
  color: white;
  line-height: 1.68;
}
article.project.full > header > figure {
  flex: 0 0 90vw;
  order: 1;
  margin: 0 5vw;
  padding: 70vw 0 0 0;
  overflow: hidden;
}
article.project.full > header > figure img {
  position: absolute;
  margin: auto;
  top: -1000rem;
  left: -1000rem;
  bottom: -1000rem;
  right: -1000rem;
  width: auto !important;
  height: 100% !important;
  max-width: none !important;
  transition: transform 0.5s;
}
article.project.full > header #slides {
  flex: 0 0 90vw;
  height: 70vw;
  margin: 0 5vw;
  width: 90vw !important;
  overflow: hidden;
}
article.project.full .intro {
  padding: 2.5rem 1rem;
}
article.project.full .intro a,
article.project.full .intro a:link,
article.project.full .intro a:visited {
  text-decoration: none;
  font-weight: 600;
  padding: 0 0 0 1rem;
}
article.project.full .intro a:before,
article.project.full .intro a:link:before,
article.project.full .intro a:visited:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0rem;
  margin: -0.5rem 0 0 0;
  padding: 0;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  font-weight: 900;
  color: #25408f;
  line-height: 1rem;
  transition: all 0.5s;
}
article.project.full .intro a:active:before,
article.project.full .intro a:focus:before,
article.project.full .intro a:hover:before {
  left: -0.5rem;
  color: black;
}
article.project.full .intro h3 {
  padding: 2.5rem 0 0 0;
}
article.project.full main {
  padding: 3.75rem 0;
  background-color: white;
}
article.project.full main .inner .keypoints {
  margin: 0 0 4.125rem 0;
}
article.project.full main .inner .keypoints > * {
  margin: 0 0 1rem 0;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-self: center;
  color: white;
  background-color: #25408f;
}
article.project.full main .inner .keypoints > * figure {
  flex: 0 0 20%;
  margin: 0;
  padding: 20% 0 0 0;
}
article.project.full main .inner .keypoints > * figure img {
  position: absolute;
  margin: auto;
  top: -1000rem;
  left: -1000rem;
  bottom: -1000rem;
  right: -1000rem;
  width: 100% !important;
  height: auto !important;
}
article.project.full main .inner .keypoints > * p {
  margin: 0;
  padding: 0;
  align-self: center;
  flex: 0 0 75%;
}
article.project.full .pa_attributes {
  display: none;
}
@media screen and (min-width: 768px) {
  article.project.full .intro {
    padding: 3.75rem 1rem;
  }
  article.project.full .intro h3 {
    margin: 0 41% 0 0;
    padding: 3.75rem 0 0 0;
  }
  article.project.full main .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-self: flex-start;
  }
  article.project.full main .inner .keypoints {
    flex: 0 0 32%;
  }
  article.project.full main .inner .bodycopy {
    flex: 0 0 55%;
  }
}
@media screen and (min-width: 1024px) {
  article.project.full > header {
    z-index: 10;
    margin: 0;
    padding: 3.75rem 0 7.5rem 0;
    display: block;
    background-color: transparent;
  }
  article.project.full > header > div {
    position: relative;
    z-index: 12;
    display: flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    max-width: 60%;
  }
  article.project.full > header > div > div {
    flex: 0 1 100%;
    margin: 0;
    padding: 3.75rem 3.75rem 3.75rem 1rem;
  }
  article.project.full > header > figure {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 15%;
    width: 85%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background-color: #909399;
  }
  article.project.full > header > figure img {
    position: absolute;
    margin: auto;
    top: -1000rem;
    left: -1000rem;
    bottom: -1000rem;
    right: -1000rem;
    width: 100% !important;
    height: auto !important;
  }
  article.project.full > header #slides {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 15%;
    display: block;
    width: 85%;
    height: 100%;
    padding: 0;
    overflow: hidden;
    background-color: #909399;
  }
  article.project.full > header #slides .slick-list {
    width: 100%;
    height: 100%;
  }
  article.project.full > header #slides .slick-list .slick-track {
    width: 100%;
    height: 100%;
  }
  article.project.full > header #slides .slide {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 100%;
    background-color: black;
  }
  article.project.full > header #slides .slide figure {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  article.project.full > header #slides .slide figure img {
    position: absolute;
    margin: auto;
    top: -1000rem;
    left: -1000rem;
    bottom: -1000rem;
    right: -1000rem;
    width: auto !important;
    height: 100% !important;
    max-width: none !important;
    left: 0;
    right: auto;
    width: 111% !important;
  }
  article.project.full > header #slides .slide.slick-active figure img {
    left: 0;
    right: auto;
    width: 111% !important;
    animation: subtleimageslide 10s 1;
    animation-timing-function: linear;
  }
  article.project.full .intro {
    padding: 3.75rem 1rem;
  }
  article.project.full .intro h3 {
    margin: 0 41% 0 9%;
    padding: 3.75rem 0 0 0;
  }
}
@media screen and (min-width: 1240px) {
  article.project.full > header > div {
    max-width: 50%;
    min-height: 15rem;
  }
  article.project.full > header > div > div {
    flex: 0 1 36rem;
  }
  article.project.full > header figure {
    left: 30%;
    width: 70%;
  }
}

#feature-projects {
  margin: 0 0 3.125rem 0;
  padding: 0;
}
#feature-projects article.project.excerpt {
  margin: 0 0 4.125rem 0;
  padding: 0;
}
#feature-projects article.project.excerpt figure {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  overflow: hidden;
}
#feature-projects article.project.excerpt figure:before {
  content: "";
  display: block;
  width: 1px;
  float: left;
  padding: 56% 0 0 0;
}
#feature-projects article.project.excerpt figure:after {
  content: "";
  display: block;
  clear: both;
}
#feature-projects article.project.excerpt figure img {
  position: absolute;
  margin: auto;
  top: -1000rem;
  left: -1000rem;
  bottom: -1000rem;
  right: -1000rem;
  width: 100% !important;
  height: auto !important;
}
#feature-projects article.project.excerpt .wrapper {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 1.5rem 0;
  padding: 2rem;
}
#feature-projects article.project.excerpt .wrapper footer a,
#feature-projects article.project.excerpt .wrapper footer a:link,
#feature-projects article.project.excerpt .wrapper footer a:visited {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0 2rem;
  cursor: pointer;
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-size: 0.875rem;
  color: white;
  line-height: 3.1875rem;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  border: none;
  border-radius: 0.1875rem;
  outline: none;
  background-color: #25408f;
  transition: all 0.5s;
  padding: 0 3.75rem 0 1.5rem;
}
@media screen and (min-width: 768px) {
  #feature-projects article.project.excerpt .wrapper footer a,
#feature-projects article.project.excerpt .wrapper footer a:link,
#feature-projects article.project.excerpt .wrapper footer a:visited {
    display: inline-block;
  }
}
#feature-projects article.project.excerpt .wrapper footer a:after,
#feature-projects article.project.excerpt .wrapper footer a:link:after,
#feature-projects article.project.excerpt .wrapper footer a:visited:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 1rem;
  margin: -0.5rem 0 0 0;
  padding: 0;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-size: 1rem;
  font-weight: 900;
  color: white;
  line-height: 1rem;
  transition: all 0.5s;
}
#feature-projects article.project.excerpt .wrapper footer a:active,
#feature-projects article.project.excerpt .wrapper footer a:focus,
#feature-projects article.project.excerpt .wrapper footer a:hover {
  color: white;
  outline: none;
  text-decoration: none;
  background-color: #0c9ed9;
}
#feature-projects article.project.excerpt .wrapper footer a:active:after,
#feature-projects article.project.excerpt .wrapper footer a:focus:after,
#feature-projects article.project.excerpt .wrapper footer a:hover:after {
  right: 0.75rem;
}
@media screen and (min-width: 768px) {
  #feature-projects article.project.excerpt {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #feature-projects article.project.excerpt figure {
    margin: 0 0 0 -5%;
    flex: 0 0 57.5%;
    order: 2;
  }
  #feature-projects article.project.excerpt .wrapper {
    flex: 0 0 47.5%;
    order: 1;
    align-self: center;
  }
  #feature-projects article.project.excerpt:nth-child(2n) {
    justify-content: flex-end;
  }
  #feature-projects article.project.excerpt:nth-child(2n) figure {
    order: 1;
    margin: 0 -5% 0 0;
  }
  #feature-projects article.project.excerpt:nth-child(2n) .wrapper {
    order: 2;
  }
}
@media screen and (min-width: 1024px) {
  #feature-projects article.project.excerpt .wrapper {
    flex: 0 0 33%;
  }
}

.post-type-archive-project #projects {
  margin: 0 0 2.5rem 0;
  padding: 0;
}
.post-type-archive-project #projects #filter {
  margin: 0 0 3.125rem 9%;
  max-width: 24rem;
}
.post-type-archive-project #client-carousel {
  margin: 4.125rem 0;
  padding: 4.125rem 0;
}
.post-type-archive-project #client-carousel #clientshow {
  margin: 0 auto;
  max-width: 95%;
}
.post-type-archive-project #contentbelow article.page.full main .bodycopy {
  padding-top: 0;
}
.post-type-archive-project #contentbelow article.page.full main .bodycopy:before {
  display: none;
}

#ctawrap {
  padding: 2rem 0;
}
#ctawrap .inner {
  max-width: 50rem;
}
#ctawrap .inner .widget {
  padding: 2rem;
  background-color: #25408f;
}
#ctawrap .inner .widget * {
  text-align: center;
  color: white;
}
#ctawrap .inner .widget a,
#ctawrap .inner .widget a:link,
#ctawrap .inner .widget a:visited {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0 2rem;
  cursor: pointer;
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-size: 0.875rem;
  color: white;
  line-height: 3.1875rem;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  border: none;
  border-radius: 0.1875rem;
  outline: none;
  background-color: #25408f;
  transition: all 0.5s;
  color: #25408f;
  background-color: white;
}
@media screen and (min-width: 768px) {
  #ctawrap .inner .widget a,
#ctawrap .inner .widget a:link,
#ctawrap .inner .widget a:visited {
    display: inline-block;
  }
}
#ctawrap .inner .widget a:active,
#ctawrap .inner .widget a:focus,
#ctawrap .inner .widget a:hover {
  color: white;
  outline: none;
  text-decoration: none;
  background-color: #0c9ed9;
}
#ctawrap .inner .widget p {
  font-size: 0.875rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}
#ctawrap .inner .widget p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  #ctawrap .inner .widget p {
    max-width: 66%;
  }
}
@media screen and (min-width: 1240px) {
  #ctawrap .inner .widget p {
    max-width: 50%;
  }
}

#locationswrap {
  padding: 3rem 1rem 1rem 1rem;
  color: white;
  background-color: black;
}
#locationswrap .inner .widget {
  margin: 0 0 3rem 0;
}
#locationswrap .inner .widget h4 {
  margin: 0 0 0.33rem 0;
  padding: 0;
  color: #25408f;
}
#locationswrap .inner .widget p {
  margin: 0 0 0.33rem 0;
  padding: 0;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.68;
}
#locationswrap .inner .widget span,
#locationswrap .inner .widget a,
#locationswrap .inner .widget a:link,
#locationswrap .inner .widget a:visited {
  display: block;
  padding: 0 0 0 2rem;
  line-height: 1.5rem;
  color: white;
  text-decoration: underline;
}
#locationswrap .inner .widget span:before,
#locationswrap .inner .widget a:before,
#locationswrap .inner .widget a:link:before,
#locationswrap .inner .widget a:visited:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #25408f;
  text-align: center;
  line-height: 1.5rem;
  font-size: 1rem;
}
#locationswrap .inner .widget span[href^="tel:"]:before,
#locationswrap .inner .widget a[href^="tel:"]:before,
#locationswrap .inner .widget a:link[href^="tel:"]:before,
#locationswrap .inner .widget a:visited[href^="tel:"]:before {
  content: "";
}
#locationswrap .inner .widget span[href^="mailto:"]:before,
#locationswrap .inner .widget a[href^="mailto:"]:before,
#locationswrap .inner .widget a:link[href^="mailto:"]:before,
#locationswrap .inner .widget a:visited[href^="mailto:"]:before {
  font-size: 0.875rem;
  content: "";
}
#locationswrap .inner .widget a:active,
#locationswrap .inner .widget a:focus,
#locationswrap .inner .widget a:hover {
  color: #25408f;
  text-decoration: underline;
}
#locationswrap .inner .widget span {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #locationswrap {
    padding: 3rem 0 0 0;
  }
  #locationswrap .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-self: flex-start;
  }
  #locationswrap .inner .widget {
    flex: 0 0 48%;
  }
}
@media screen and (min-width: 1024px) {
  #locationswrap .inner .widget {
    flex: 0 0 24%;
  }
}
#footerwrap {
  padding: 2rem 0;
}
#footerwrap nav {
  padding: 1rem;
}
#footerwrap nav #logowrap {
  display: block;
  margin: 0 auto 3rem auto;
  width: 8.75rem;
  /* 140px */
  height: 2.5rem;
  /* 40px */
  background-image: url("../images/logo_peakurban.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-color: transparent;
}
#footerwrap nav #logowrap a,
#footerwrap nav #logowrap a:link,
#footerwrap nav #logowrap a:visited,
#footerwrap nav #logowrap a:active,
#footerwrap nav #logowrap a:focus,
#footerwrap nav #logowrap a:hover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 991;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: left;
  text-indent: -9999px;
}
#footerwrap nav .menu {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 2.5rem;
}
#footerwrap nav .menu > li {
  list-style: none;
  margin: 0.5rem 0;
  padding: 0;
  text-align: center;
  line-height: 2.5rem;
}
#footerwrap nav .menu > li ul {
  display: none;
}
#footerwrap nav .menu > li a,
#footerwrap nav .menu > li a:link,
#footerwrap nav .menu > li a:visited {
  font-family: "HurmeGeometricSans1-Bold", sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: black;
  text-decoration: none;
}
#footerwrap nav .menu > li a:active,
#footerwrap nav .menu > li a:focus,
#footerwrap nav .menu > li a:hover {
  color: #25408f;
}
#footerwrap nav #c-logowrap {
  display: block;
  z-index: 99;
  flex: 0 0 4.5rem;
  margin: 2rem auto 0 auto;
  width: 4.5rem;
  /* 140px */
  height: 2.5rem;
  /* 40px */
  overflow: hidden;
  text-align: left;
  text-indent: -99rem;
  background-image: url("../images/logo_colliers.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: transparent;
}
@media screen and (min-width: 1024px) {
  #footerwrap nav {
    display: flex;
    justify-content: space-between;
  }
  #footerwrap nav > * {
    flex: 0 1 95%;
  }
  #footerwrap nav #logowrap {
    flex: 0 0 8.75rem;
    margin: 0 auto;
  }
  #footerwrap nav .menu {
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: no-wrap;
  }
  #footerwrap nav .menu > li {
    margin: 0 1.25rem;
  }
  #footerwrap nav .menu > li:last-child {
    margin: 0 0 0 1.25rem;
  }
  #footerwrap nav #c-logowrap {
    flex: 0 0 4.5rem;
    margin: 0 auto;
  }
}
#footerwrap .summary {
  padding: 1rem;
}
#footerwrap .summary .widget {
  margin: 0 0 3rem 0;
}
#footerwrap .summary .widget:last-child {
  padding: 2rem;
  color: white;
  border-radius: 0.25rem;
  background-color: #25408f;
}
#footerwrap .summary .widget:last-child h3 {
  color: white;
}
#footerwrap .summary .widget form {
  margin: 0;
  padding: 0.5rem;
  background-color: white;
  border-radius: 0.33rem;
  line-height: 3.125rem;
}
#footerwrap .summary .widget form input {
  width: 100%;
  margin: 0;
  border-color: transparent;
}
@media screen and (min-width: 1024px) {
  #footerwrap .summary .widget form input {
    width: 69%;
  }
  #footerwrap .summary .widget form input[type=submit] {
    width: 29%;
  }
}
#footerwrap .summary .widget h4 {
  margin: 0 0 0.33rem 0;
  padding: 0;
}
#footerwrap .summary .widget p {
  font-size: 0.875rem;
}
#footerwrap .summary .widget p:last-child {
  margin-bottom: 0;
}
#footerwrap .socialmenu {
  text-align: center;
}
#footerwrap .copyright {
  text-align: center;
  font-size: 80%;
}
#footerwrap .copyright p {
  display: inline-block;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  #footerwrap .summary {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-self: flex-start;
    align-items: flex-start;
  }
  #footerwrap .summary .widget {
    flex: 0 0 40%;
    justify-self: center;
  }
  #footerwrap .summary .widget:last-child {
    flex: 0 0 50%;
  }
}

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