@font-face {
  font-family: "Grotesk Regular";
  src: url("/assets/styles/fonts/HKGrotesk-Regular.ttf") format("truetype"), url("/assets/styles/fonts/HKGrotesk-Regular.woff2") format("woff2"), url("/assets/styles/fonts/HKGrotesk-Regular.woff") format("woff");
  text-rendering: optimizeLegibility;
  font-weight: normal; }
@font-face {
  font-family: "Grotesk Medium";
  src: url("/assets/styles/fonts/HKGrotesk-Medium.ttf") format("truetype"), url("/assets/styles/fonts/HKGrotesk-Medium.woff2") format("woff2"), url("/assets/styles/fonts/HKGrotesk-Medium.woff") format("woff");
  text-rendering: optimizeLegibility;
  font-weight: normal; }
@font-face {
  font-family: "Grotesk Bold";
  src: url("/assets/styles/fonts/HKGrotesk-Bold.ttf") format("truetype"), url("/assets/styles/fonts/HKGrotesk-Bold.woff2") format("woff2"), url("/assets/styles/fonts/HKGrotesk-Bold.woff") format("woff");
  text-rendering: optimizeLegibility;
  font-weight: bold; }
@font-face {
  font-family: "Rufina Regular";
  src: url("/assets/styles/fonts/rufina-v5-latin-regular.ttf") format("truetype"), url("/assets/styles/fonts/rufina-v5-latin-regular.woff2") format("woff2"), url("/assets/styles/fonts/rufina-v5-latin-regular.woff") format("woff");
  text-rendering: optimizeLegibility;
  font-weight: normal; }
@font-face {
  font-family: "Rufina Bold";
  src: url("/assets/styles/fonts/rufina-v5-latin-700.ttf") format("truetype"), url("/assets/styles/fonts/rufina-v5-latin-700.woff2") format("woff2"), url("/assets/styles/fonts/rufina-v5-latin-700.woff") format("woff");
  text-rendering: optimizeLegibility;
  font-weight: bold; }
.service-steps {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 47px;
  padding-left: 30px;
  padding-right: 60px;
  margin-bottom: 70px;
  margin-top: -10px; }
  .service-steps-item {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 70px;
    padding-left: 21px; }
    .service-steps-item p:last-child {
      margin-bottom: -6px; }
  .service-steps-title {
    margin-top: -7px;
    margin-bottom: 25px;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.79;
    text-transform: uppercase; }
    .service-steps-title:before {
      content: '';
      position: absolute;
      left: -21px;
      top: 7px;
      width: 15px;
      height: 10px;
      background-color: #000; }
  .service-steps-line {
    width: 100%;
    height: 5px;
    background-color: #e5e6e6;
    margin-bottom: 25px; }
  .service-steps-text {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    font-family: "Grotesk Medium", serif; }
    .service-steps-text a {
      font-weight: bold; }
    .service-steps-text ul {
      padding-left: 20px; }
    .service-steps-text blockquote {
      font-family: "Rufina Bold", serif;
      font-size: 25px;
      font-weight: bold;
      line-height: 1.33;
      letter-spacing: normal;
      margin-bottom: 20px; }
      .service-steps-text blockquote:before {
        content: '\201C';
        display: inline-block;
        font-size: 40px;
        line-height: 40px; }
      .service-steps-text blockquote:after {
        content: '\201D';
        display: inline-block;
        font-size: 40px;
        line-height: 26px;
        position: relative;
        top: 8px; }
      .service-steps-text blockquote + p {
        font-family: "Grotesk Bold", serif;
        font-size: 14px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.71;
        letter-spacing: normal; }
        .service-steps-text blockquote + p img {
          width: 80px;
          height: 80px;
          -webkit-border-radius: 80px;
          -moz-border-radius: 80px;
          border-radius: 80px;
          margin-top: 15px; }
      .service-steps-text blockquote + p + p img {
        width: 80px;
        height: 80px;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        border-radius: 80px; }
  .service-steps-links_wrap a {
    position: relative;
    display: inline-block;
    line-height: 1.15; }
    .service-steps-links_wrap a:before {
      content: '';
      display: block;
      height: 5px;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background-color: #fed606; }
    .service-steps-links_wrap a:after {
      content: '';
      display: block;
      height: 5px;
      position: absolute;
      top: 100%;
      left: 0;
      width: 1px;
      background-color: #000;
      opacity: 0;
      -webkit-transition: all 250ms;
      -moz-transition: all 250ms;
      -ms-transition: all 250ms;
      -o-transition: all 250ms;
      transition: all 250ms; }
    .service-steps-links_wrap a:hover:after {
      opacity: 1;
      width: 100%; }
  .service-steps-btns {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-top: 25px; }
    .service-steps-btns ul {
      padding-left: 20px; }
    .service-steps-btns a {
      display: inline-block;
      margin-right: 45px;
      margin-bottom: 20px; }
      .service-steps-btns a:before, .service-steps-btns a:after {
        height: 10px; }
      .service-steps-btns a:nth-of-type(2):before {
        background-color: #f04f4f; }
      .service-steps-btns a:nth-of-type(3):before {
        background-color: #38bfbe; }

.project-section {
  position: relative; }
.project-content {
  margin-top: 0;
  padding-top: 60px; }
  .project-content:before {
    content: ' ';
    display: none;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    max-height: 840px;
    background: #f7f7f7;
    left: -webkit-calc(-50% - 215px);
    left: -moz-calc(-50% - 215px);
    left: calc(-50% - 215px);
    top: 0; }

.hero-area-section + .project-section .project-content:before {
  display: block; }

.custom-hero-section {
  padding-bottom: 0; }
  .custom-hero-section .main-activity-areas {
    padding-left: 30px; }
    .custom-hero-section .main-activity-areas-line {
      background-color: #facaca; }
      .custom-hero-section .main-activity-areas-line.active {
        background: #ef4f4f !important; }
        .custom-hero-section .main-activity-areas-line.active:after {
          content: "";
          display: block;
          width: 12px;
          opacity: 1;
          position: absolute;
          top: 4px;
          left: 50%;
          height: 10px;
          -ms-transform: rotate(20deg);
          -webkit-transform: rotate(20deg);
          transform: rotate(45deg);
          background-color: #ef4f4f !important;
          margin-left: -6px; }
      .custom-hero-section .main-activity-areas-line:before {
        background: #ef4f4f; }

.services-list {
  margin: 0 15px; }
  .services-list-item:first-of-type:before {
    display: none; }

.our-team-desc-block {
  padding: 80px 100px 40px 30px;
  max-width: 860px;
  margin-bottom: 0;
  display: -webkit-flex;
  display: flex; }
.our-team-desc-desc {
  font-family: "Grotesk Medium", serif;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.44;
  letter-spacing: normal; }

.why-us {
  background-color: unset;
  padding: 100px 0; }
  .why-us-sections {
    margin-bottom: 0; }

.featured-projects {
  padding-left: 30px;
  margin-bottom: 160px;
  margin-top: 110px; }
  .featured-projects-header {
    font-family: "Rufina Bold";
    font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 50px; }
  .featured-projects-all_block {
    display: block;
    text-align: center; }

.other-services .services-list-item {
  margin-top: 15px;
  margin-bottom: 45px; }
.other-services .services-list-image {
  min-height: 75px; }
.other-services .services-list-title {
  margin-bottom: 0;
  padding-bottom: 0; }
.other-services.background-padding {
  padding-bottom: 65px; }

@media screen and (max-width: 992px) {
  .service-steps {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    padding-left: 0;
    margin-left: -10px;
    padding-right: 0px; }
    .service-steps-item {
      margin-bottom: 60px; }

  .featured-projects {
    padding-left: 0; }

  .custom-hero-section .main-activity-areas,
  .our-team-desc-block {
    padding-left: 0; }

  .hero-area-section + .project-section .project-content::before {
    display: none; }

  .why-us {
    padding: 65px 0 45px; }

  .other-services.background-padding {
    padding: 65px 0 0; }
  .other-services .services-list-item {
    margin-bottom: 45px; }

  .services-list {
    margin: 0 -15px; }

  .featured-projects {
    margin: 65px 0 110px; } }
@media screen and (max-width: 767px) {
  .featured-projects-header {
    font-size: 30px; } }

/*# sourceMappingURL=services-single.css.map */