@import url(./vendor/foundation/css/app.css);
@import url(./vendor/icons/css/all.css);
@import url(./vendor/simple-lightbox.css);
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;1,400&display=swap");
@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/Gilroy/Gilroy-Regular.eot");
  src: local("Gilroy Regular"), local("Gilroy-Regular"), url("../fonts/Gilroy/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/Gilroy/Gilroy-RegularItalic.eot");
  src: local("Gilroy Regular Italic"), local("Gilroy-RegularItalic"), url("../fonts/Gilroy/Gilroy-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-RegularItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-RegularItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }

@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/Gilroy/Gilroy-Medium.eot");
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url("../fonts/Gilroy/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Medium.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/Gilroy/Gilroy-MediumItalic.eot");
  src: local("Gilroy Medium Italic"), local("Gilroy-MediumItalic"), url("../fonts/Gilroy/Gilroy-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-MediumItalic.woff") format("woff"), url("../fonts/Gilroy/Gilroy-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic; }

@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/Gilroy/Gilroy-Semibold.eot");
  src: local("Gilroy Semibold"), local("Gilroy-Semibold"), url("../fonts/Gilroy/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Semibold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/Gilroy/Gilroy-Bold.eot");
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url("../fonts/Gilroy/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy/Gilroy-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

/** make stuff easier and faster **/
html {
  scroll-behavior: smooth; }

body {
  width: 100%;
  height: auto;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  background: #0C0D0E;
  color: #BDBEBF;
  line-height: 1.3;
  letter-spacing: 0.02em;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Roboto", sans-serif;
  font-weight: 300; }
  body.no-scroll {
    overflow-y: hidden; }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Gilroy", sans-serif;
  color: #FFFFFF; }

h1,
.h1 {
  font-family: "Gilroy", sans-serif;
  font-weight: 400;
  line-height: 1.3; }
  h1,
  .h1 {
    font-size: 48px; }
    @media screen and (min-width: 420px) {
      h1,
      .h1 {
        font-size: calc( 48px + 15 * ( (100vw - 420px) / 980 )); } }
    @media screen and (min-width: 1400px) {
      h1,
      .h1 {
        font-size: 63px;
        line-height: 1.3; } }

h2,
.h2 {
  font-family: "Gilroy", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 30px; }
  h2,
  .h2 {
    font-size: 36px; }
    @media screen and (min-width: 420px) {
      h2,
      .h2 {
        font-size: calc( 36px + 9 * ( (100vw - 420px) / 980 )); } }
    @media screen and (min-width: 1400px) {
      h2,
      .h2 {
        font-size: 45px;
        line-height: 1.3; } }

h3,
.h3 {
  font-family: "Gilroy", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 20px; }
  h3,
  .h3 {
    font-size: 28px; }
    @media screen and (min-width: 420px) {
      h3,
      .h3 {
        font-size: calc( 28px + 8 * ( (100vw - 420px) / 980 )); } }
    @media screen and (min-width: 1400px) {
      h3,
      .h3 {
        font-size: 36px;
        line-height: 1.3; } }

h4,
.h4 {
  font-family: "Gilroy", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 15px; }
  h4,
  .h4 {
    font-size: 20px; }
    @media screen and (min-width: 420px) {
      h4,
      .h4 {
        font-size: calc( 20px + 7 * ( (100vw - 420px) / 980 )); } }
    @media screen and (min-width: 1400px) {
      h4,
      .h4 {
        font-size: 27px;
        line-height: 1.3; } }
  h4 strong,
  .h4 strong {
    font-weight: 400; }

h5,
.h5 {
  font-weight: 400; }
  h5,
  .h5 {
    font-size: 22px; }
    @media screen and (min-width: 420px) {
      h5,
      .h5 {
        font-size: calc( 22px + 6 * ( (100vw - 420px) / 980 )); } }
    @media screen and (min-width: 1400px) {
      h5,
      .h5 {
        font-size: 28px;
        line-height: 1.3; } }

h6 {
  font-size: 16px;
  font-size: 1rem;
  font-style: italic;
  font-weight: 700; }

a {
  text-decoration: none; }
  a:not(.btn) {
    color: #FFFFFF; }
    a:not(.btn):hover, a:not(.btn):visited {
      color: #FFFFFF; }

strong {
  color: #FFFFFF; }

p {
  color: #bdbebf;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.7;
  letter-spacing: 0.02em;
  margin: 0 0 40px; }
  p a:not(.btn):not(.no-border) {
    color: #BDBEBF;
    transition: border 500ms ease-out;
    position: relative;
    display: inline-block; }
    p a:not(.btn):not(.no-border):after {
      content: '';
      height: 1px;
      width: 100%;
      background: #FFFFFF;
      background-position: 0 0;
      position: absolute;
      display: block;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      transition: all 0.2s;
      opacity: 0.4; }
    p a:not(.btn):not(.no-border):hover, p a:not(.btn):not(.no-border):visited:hover {
      color: #BDBEBF; }
      p a:not(.btn):not(.no-border):hover:after, p a:not(.btn):not(.no-border):visited:hover:after {
        transition: all 0.2s;
        width: 90%;
        opacity: 1; }
    p a:not(.btn):not(.no-border):visited {
      color: #BDBEBF; }

.screen-reader-text {
  display: none; }

.btn {
  padding: 10px 32px 10px 70px;
  border-radius: 67px;
  position: relative;
  display: inline-block;
  line-height: 1.7;
  background: linear-gradient(#0C0D0E, #0C0D0E) padding-box, linear-gradient(to left, #7DE358, #54AFE2) border-box;
  border: 2px solid transparent;
  background-size: 200% 200%;
  animation: gradient 15s ease infinite;
  -webkit-animation: gradient 15s ease infinite;
  cursor: pointer;
  color: #FFFFFF;
  margin-top: 10px; }

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
  .btn:before {
    content: '';
    width: 20px;
    height: 10px;
    background: url("../images/icons/icon.arrow-right.svg") center center no-repeat;
    position: absolute;
    left: 30px;
    top: 50%;
    z-index: 10;
    display: block;
    transform: translate(0, -50%);
    transition: all 0.2s; }
  .btn:hover:before {
    left: 40px; }
  .btn--simple {
    padding: 10px 32px 10px 70px;
    border-radius: 67px;
    position: relative;
    display: inline-block;
    line-height: 1.7;
    background: linear-gradient(#0C0D0E, #0C0D0E) padding-box, linear-gradient(to left, #7DE358, #54AFE2) border-box;
    border: 2px solid transparent;
    background-size: 200% 200%;
    animation: gradient 15s ease infinite;
    -webkit-animation: gradient 15s ease infinite;
    cursor: pointer; }

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
    .btn--simple:before {
      content: '';
      width: 20px;
      height: 10px;
      background: url("../images/icons/icon.arrow-right.svg") center center no-repeat;
      position: absolute;
      left: 30px;
      top: 50%;
      z-index: 10;
      display: block;
      transform: translate(0, -50%);
      transition: all 0.2s; }
    .btn--simple:hover:before {
      left: 40px; }
  .btn:focus {
    color: #FFFFFF;
    outline: none; }
  .btn--no-arrow span::after {
    display: none; }

.btn--secondary {
  color: #0C0D0E;
  font-weight: 700;
  background: #7de358;
  background: linear-gradient(119deg, #7de358 0%, #54afe2 100%);
  border: none;
  padding: 12px 32px; }
  .btn--secondary:before {
    display: none; }

.btn-link {
  color: #0C0D0E;
  font-family: "Roboto", sans-serif;
  font-weight: 700; }
  .btn-link:after {
    display: inline-block;
    content: '\f178';
    font-size: 140%;
    font-weight: 300;
    font-family: "Font Awesome 5 Pro";
    margin-left: 5px;
    vertical-align: middle;
    transition: all 0.3s; }
  .btn-link:hover {
    color: #008ABF; }
    .btn-link:hover:after {
      margin-left: 8px; }

.fo-link {
  padding: 10px 32px 10px 70px;
  border-radius: 67px;
  position: relative;
  display: inline-block;
  line-height: 1.7;
  background: linear-gradient(#0C0D0E, #0C0D0E) padding-box, linear-gradient(to left, #7DE358, #54AFE2) border-box;
  border: 2px solid transparent;
  background-size: 200% 200%;
  animation: gradient 15s ease infinite;
  -webkit-animation: gradient 15s ease infinite;
  cursor: pointer; }

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
  .fo-link:before {
    content: '';
    width: 20px;
    height: 10px;
    background: url("../images/icons/icon.arrow-right.svg") center center no-repeat;
    position: absolute;
    left: 30px;
    top: 50%;
    z-index: 10;
    display: block;
    transform: translate(0, -50%);
    transition: all 0.2s; }
  .fo-link:hover:before {
    left: 40px; }

.fo-text-link {
  color: #BDBEBF;
  border-bottom: 2px solid #008ABF;
  transition: border 500ms ease-out;
  cursor: pointer; }
  .fo-text-link:hover {
    color: #BDBEBF;
    border-bottom: 2px solid #7DE358; }

.grid-item:hover .fo-link:after {
  margin-left: 8px; }

ul, ol, dl {
  line-height: 1.7;
  color: inherit; }

ul {
  padding: 0 0 0 12px;
  list-style: disc;
  margin: 0 0 20px 5px; }
  ul li {
    margin-bottom: 5px; }
    ul li ul {
      margin: 18px 20px; }

ol.ol-list-style {
  list-style: none;
  margin-left: 0;
  counter-reset: step-counter;
  max-width: 80%; }
  ol.ol-list-style li {
    counter-increment: step-counter;
    margin: 0 0 20px 50px;
    padding-top: 7px;
    position: relative; }
    ol.ol-list-style li:before {
      content: counter(step-counter);
      color: #FFFFFF;
      font-weight: 700;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: -50px;
      top: 0; }
    ol.ol-list-style li:nth-child(1):before {
      background: linear-gradient(#41b982, #40b886); }
    ol.ol-list-style li:nth-child(2):before {
      background: linear-gradient(#3eb392, #3db297); }
    ol.ol-list-style li:nth-child(3):before {
      background: linear-gradient(#3baea2, #3baca7); }
    ol.ol-list-style li:nth-child(4):before {
      background: linear-gradient(#39a9b2, #39a7b7); }
    ol.ol-list-style li:nth-child(5):before {
      background: linear-gradient(#37a2c8, #37a0ce); }
    ol.ol-list-style li:nth-child(6):before {
      background: linear-gradient(#369be0, #3699e6); }

ul.list-style--check,
ol.list-style--check,
dl.list-style--check {
  list-style: none;
  margin: 0 0 20px; }
  ul.list-style--check li,
  ol.list-style--check li,
  dl.list-style--check li {
    display: flex;
    margin-bottom: 20px; }
    ul.list-style--check li:before,
    ol.list-style--check li:before,
    dl.list-style--check li:before {
      content: '\f00c';
      font-family: "Font Awesome 5 Pro";
      display: inline-block;
      margin: 4px 8px 0 0;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1; }

ul.list-style--check-v2,
ol.list-style--check-v2,
dl.list-style--check-v2 {
  list-style: none;
  margin: 0 0 20px; }
  ul.list-style--check-v2 li,
  ol.list-style--check-v2 li,
  dl.list-style--check-v2 li {
    display: flex;
    margin-bottom: 20px; }
    ul.list-style--check-v2 li:before,
    ol.list-style--check-v2 li:before,
    dl.list-style--check-v2 li:before {
      content: url("../images/icons/icon-status.svg");
      width: 32px;
      height: 32px;
      display: inline-block;
      margin: -2px 8px 0 0;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1; }

.main-content {
  position: relative;
  z-index: 20; }

#breadcrumbs {
  background: #FFFFFF; }
  #breadcrumbs p {
    font-size: 11px;
    font-size: 0.6875rem;
    color: #BDBEBF;
    text-transform: uppercase;
    padding-bottom: 10px;
    top: -1px;
    position: relative; }
    #breadcrumbs p a {
      color: #BDBEBF;
      border-bottom: none; }
    #breadcrumbs p .s {
      margin: 0 5px; }
    #breadcrumbs p .last {
      color: #0C0D0E; }

.home #breadcrumbs {
  display: none; }

.top-aligned {
  align-self: flex-start; }

.glitch {
  font-size: 105px;
  font-size: 6.5625rem;
  color: #0C0D0E;
  position: relative;
  font-weight: 600;
  animation: glitch 1s linear infinite;
  display: inline-block; }

@keyframes glitch {
  2%, 64% {
    transform: translate(2px, 0) skew(0deg); }
  4%, 60% {
    transform: translate(-2px, 0) skew(0deg); }
  62% {
    transform: translate(0, 0) skew(5deg); } }

.glitch:before,
.glitch:after {
  content: attr(title);
  position: absolute;
  left: 0; }

.glitch:before {
  animation: glitchTop 1s linear infinite;
  clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 33%, 0 33%); }

@keyframes glitchTop {
  2%, 64% {
    transform: translate(2px, -2px); }
  4%, 60% {
    transform: translate(-2px, 2px); }
  62% {
    transform: translate(13px, -1px) skew(-13deg); } }

.glitch:after {
  animation: glitchBotom 1.5s linear infinite;
  clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 67%, 100% 67%, 100% 100%, 0 100%); }

@keyframes glitchBotom {
  2%, 64% {
    transform: translate(-2px, 0); }
  4%, 60% {
    transform: translate(-2px, 0); }
  62% {
    transform: translate(-22px, 5px) skew(21deg); } }

div.wpcf7 .ajax-loader {
  background-image: url("../images/Preloader_2.gif");
  background-size: cover; }

.grecaptcha-badge {
  display: none !important; }

.spacer {
  margin: 0 10px;
  color: #BDBEBF; }
  .spacer--pipe {
    border-right: 1px solid #d6d6d6; }

@media only screen and (max-width: 640px) {
  .small-padding-collapse-only {
    margin-right: 0;
    margin-left: 0; }
    .small-padding-collapse-only > .cell {
      padding-right: 0;
      padding-left: 0; } }

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

img.alignright {
  float: right;
  margin: 0 0 15px 15px; }

img.alignleft {
  float: left;
  margin: 0 15px 15px 0; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.colorized {
  background: linear-gradient(left, #7DE358, #54AFE2);
  background: -webkit-linear-gradient(left, #7DE358, #54AFE2);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  background-size: 200% 200%;
  -webkit-animation: gradient 5s ease infinite;
  animation: gradient 5s ease infinite; }

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 25%; }
  50% {
    background-position: 50% 25%; }
  100% {
    background-position: 0% 25%; } }

@keyframes gradient {
  0% {
    background-position: 0% 25%; }
  50% {
    background-position: 50% 25%; }
  100% {
    background-position: 0% 25%; } }

.bg-gradient--top-left {
  background: url("../images/services-child-mask2.svg") top left no-repeat; }

.bg-gradient--bottom-left {
  background: url("../images/grey-shape.svg") bottom left no-repeat; }

.bg-gradient--top-left-full {
  background: url("../images/bg-gradient--top-left-full.svg") top left no-repeat; }

.block-quote {
  text-align: center;
  max-width: 990px;
  margin: 0 auto; }

blockquote {
  position: relative;
  font-weight: 400;
  line-height: 1.3;
  padding: 50px 0 0 0;
  margin: 0 auto;
  font-family: "Gilroy", sans-serif;
  border: none;
  background: -webkit-linear-gradient(left, #7DE358, #54AFE2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  text-align: center; }
  blockquote:before {
    content: url("../images/icon.blockquote.svg");
    width: 25px;
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -20px;
    transform: translate(0, -50%); }
  blockquote {
    font-size: 30px; }
    @media screen and (min-width: 420px) {
      blockquote {
        font-size: calc( 30px + 18 * ( (100vw - 420px) / 980 )); } }
    @media screen and (min-width: 1400px) {
      blockquote {
        font-size: 48px;
        line-height: 1.3; } }
  blockquote p {
    font-size: inherit;
    line-height: inherit;
    margin: 0; }

p.wp-caption-text {
  color: #2c2c2c;
  font-style: italic; }

.wp-caption {
  width: auto !important; }
  .wp-caption.aligncenter {
    text-align: center; }
    .wp-caption.aligncenter p.wp-caption-text {
      text-align: center; }

.bg-color--grey {
  background: #141516; }

.grid-container.bleed {
  max-width: 1980px;
  padding: 0;
  overflow: hidden; }

.grid-x--top {
  align-items: flex-start; }

.grid-x--center {
  align-items: center; }

.grid-x--bottom {
  align-items: flex-end; }

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

.sticky {
  position: sticky;
  top: 20%; }

.block-cms {
  background: #0C0D0E; }
  .block-cms .cell {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap; }
  .block-cms__content {
    width: 60%; }
    @media only screen and (max-width: 900px) {
      .block-cms__content {
        width: 70%; } }
    @media only screen and (max-width: 767px) {
      .block-cms__content {
        width: 100%;
        margin: 0 0 60px; } }
  .block-cms__sidebar {
    width: 30%;
    padding: 0 2%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end; }
    @media only screen and (max-width: 900px) {
      .block-cms__sidebar {
        padding: 0;
        justify-content: flex-end; } }
    @media only screen and (max-width: 767px) {
      .block-cms__sidebar {
        width: 100%;
        justify-content: flex-start; }
        .block-cms__sidebar .block-cms-sidebar__inner {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          width: 100%; } }
    @media only screen and (max-width: 640px) {
      .block-cms__sidebar .block-cms-sidebar__inner {
        flex-direction: column;
        justify-content: center;
        text-align: center; } }
    .block-cms__sidebar p {
      margin: 0 0 10px; }
    .block-cms__sidebar .contact-block {
      margin: 0 0 60px; }

input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"] {
  height: 48px;
  box-shadow: none; }

textarea {
  box-shadow: none; }

.wpforms-field-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap; }
  .wpforms-field-container .wpforms-field {
    width: calc(50% - 15px);
    margin: 0 0 30px; }
    @media only screen and (max-width: 640px) {
      .wpforms-field-container .wpforms-field {
        width: 100%; } }
    .wpforms-field-container .wpforms-field.wpforms-field-textarea {
      width: 100%; }
    .wpforms-field-container .wpforms-field .wpforms-field-label {
      color: #BDBEBF;
      font-size: 18px;
      font-size: 1.125rem; }
    .wpforms-field-container .wpforms-field input {
      background: none;
      border: none;
      border-radius: 0;
      border-bottom: 2px solid #FFFFFF;
      color: #FFFFFF; }
    .wpforms-field-container .wpforms-field select {
      border: none;
      border-radius: 0;
      height: 48px;
      border-bottom: 2px solid #FFFFFF; }
    .wpforms-field-container .wpforms-field textarea {
      color: #FFFFFF;
      background: none;
      height: 200px;
      background: #141516;
      border: none;
      border-radius: 0;
      border-bottom: 2px solid #FFFFFF; }
    .wpforms-field-container .wpforms-field input,
    .wpforms-field-container .wpforms-field textarea,
    .wpforms-field-container .wpforms-field select {
      padding: 5px 10px;
      color: #FFFFFF;
      background: #141516;
      border-bottom: 2px solid #FFFFFF; }
      .wpforms-field-container .wpforms-field input:focus,
      .wpforms-field-container .wpforms-field textarea:focus,
      .wpforms-field-container .wpforms-field select:focus {
        outline: none;
        box-shadow: none; }
  .wpforms-field-container .wpforms-field-select {
    position: relative; }
    .wpforms-field-container .wpforms-field-select:after {
      content: '';
      width: 20px;
      height: 15px;
      background: url("../images/icon.down.png");
      background-size: 100%;
      display: inline-block;
      opacity: 0.4;
      transition: all 0.2s;
      margin-left: 5px;
      position: absolute;
      right: 15px;
      top: 50%; }

.wpforms-error-container {
  color: #fb6970; }
  .wpforms-error-container p {
    color: #fb6970; }

button.btn--simple {
  color: #FFFFFF !important; }

@media only screen and (max-width: 640px) {
  .splide__slide {
    text-align: center; }
    .splide__slide img {
      width: 90%;
      height: auto; } }

picture {
  display: inline-block; }
  picture.size-full {
    display: block; }

.page-template-page-contact .block-hero {
  padding: 90px 0; }

.page-template-page-contact .block-cms {
  padding-top: 90px; }

.award-badge {
  width: 100%;
  height: auto;
  max-width: 100% !important;
  max-height: 150px; }

@keyframes splide-loading {
  0% {
    transform: rotate(0); }
  to {
    transform: rotate(1turn); } }

.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0; }

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1; }

.splide--rtl {
  direction: rtl; }

.splide__track--ttb > .splide__list {
  display: block; }

.splide__container {
  box-sizing: border-box;
  position: relative; }

.splide.is-active .splide__list {
  backface-visibility: hidden;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important; }

.splide.is-initialized:not(.is-active) .splide__list {
  display: flex; }

.splide__pagination {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  pointer-events: none; }

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto; }

.splide:not(.is-overflow) .splide__pagination {
  display: none; }

.splide__progress__bar {
  width: 0; }

.splide {
  position: relative; }

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible; }

.splide__slide {
  backface-visibility: hidden;
  box-sizing: border-box;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative; }

.splide__slide img {
  vertical-align: bottom; }

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px; }

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none; }

.splide__toggle.is-active .splide__toggle__pause {
  display: inline; }

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0; }

.header {
  width: 100%;
  background: #0C0D0E;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  transition: top 0.2s ease-in-out; }
  .header__message {
    background: #7DE358;
    color: #0C0D0E;
    text-align: center;
    padding: 15px 10px; }
    .header__message p {
      color: #0C0D0E;
      font-weight: 500; }
      .header__message p:last-of-type {
        margin: 0; }
  .header.header--up {
    top: -140px; }
    @media only screen and (max-width: 900px) {
      .header.header--up {
        top: -100px; } }
  .header--active-message.header--up {
    top: -200px; }
    @media only screen and (max-width: 900px) {
      .header--active-message.header--up {
        top: -160px; } }
  .header__main {
    display: flex;
    height: 140px;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s; }
    @media only screen and (max-width: 900px) {
      .header__main {
        height: 75px; } }
  .header.header--scroll .header__main {
    height: 100px; }
    @media only screen and (max-width: 900px) {
      .header.header--scroll .header__main {
        height: 75px; } }
    .header.header--scroll .header__main li.btn-contact a {
      padding: 10px 35px; }
  .header__main-links {
    height: 100%;
    display: flex; }
    .header__main-links ul.menu {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      align-items: center;
      height: 100%; }
      @media only screen and (max-width: 900px) {
        .header__main-links ul.menu {
          display: none; } }
      .header__main-links ul.menu > li {
        margin: 0 10px;
        position: relative;
        white-space: nowrap; }
        .header__main-links ul.menu > li.btn-contact a {
          padding: 10px 32px 10px 70px;
          border-radius: 67px;
          position: relative;
          display: inline-block;
          line-height: 1.7;
          background: linear-gradient(#0C0D0E, #0C0D0E) padding-box, linear-gradient(to left, #7DE358, #54AFE2) border-box;
          border: 2px solid transparent;
          background-size: 200% 200%;
          animation: gradient 15s ease infinite;
          -webkit-animation: gradient 15s ease infinite;
          cursor: pointer;
          padding: 12px 32px;
          color: #FFFFFF; }

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
          .header__main-links ul.menu > li.btn-contact a:before {
            content: '';
            width: 20px;
            height: 10px;
            background: url("../images/icons/icon.arrow-right.svg") center center no-repeat;
            position: absolute;
            left: 30px;
            top: 50%;
            z-index: 10;
            display: block;
            transform: translate(0, -50%);
            transition: all 0.2s; }
          .header__main-links ul.menu > li.btn-contact a:hover:before {
            left: 40px; }
          .header__main-links ul.menu > li.btn-contact a:before {
            display: none; }
        .header__main-links ul.menu > li:last-child {
          margin-right: 0; }
        @media only screen and (max-width: 1024px) {
          .header__main-links ul.menu > li {
            margin: 0 5px; } }
        .header__main-links ul.menu > li a {
          text-transform: capitalize;
          position: relative;
          flex-flow: row nowrap;
          font-size: 16px;
          font-size: 1rem;
          line-height: 18px;
          font-weight: 400;
          color: #F3F3F399;
          padding: 15px;
          transition: all 0.2s; }
        .header__main-links ul.menu > li.current-menu-parent:not(.btn-contact) > a:before, .header__main-links ul.menu > li.current-menu-item:not(.btn-contact) > a:before, .header__main-links ul.menu > li.current_page_parent:not(.btn-contact) > a:before {
          content: '';
          height: 4px;
          width: 30%;
          background: linear-gradient(90deg, #7DE358 0%, #54AFE2 55.94%);
          position: absolute;
          display: block;
          bottom: 0;
          left: 50%;
          transform: translate(-50%, 0%); }
        .header__main-links ul.menu > li.current-menu-parent.menu-item-has-children > a:before, .header__main-links ul.menu > li.current-menu-item.menu-item-has-children > a:before, .header__main-links ul.menu > li.current_page_parent.menu-item-has-children > a:before {
          left: calc(50% - 10px); }
        .header__main-links ul.menu > li.menu-item-has-children > a:after {
          content: '';
          width: 20px;
          height: 15px;
          background: url("../images/icon.down.png");
          background-size: 100%;
          display: inline-block;
          opacity: 0.4;
          transition: all 0.2s;
          margin-left: 5px;
          position: relative;
          vertical-align: top; }
        .header__main-links ul.menu > li:hover a {
          color: #FFFFFF; }
        .header__main-links ul.menu > li:hover.menu-item-has-children > a:after {
          opacity: 1; }
        .header__main-links ul.menu > li .sub-menu {
          list-style: none;
          padding: 0;
          margin: 0;
          background: #1D1F23;
          display: none;
          position: absolute;
          top: calc(100% - 4px);
          left: 0;
          width: auto;
          height: auto;
          padding: 10px 0;
          justify-content: center;
          z-index: 40; }
          .header__main-links ul.menu > li .sub-menu li {
            margin-bottom: 0;
            border: none; }
            .header__main-links ul.menu > li .sub-menu li:hover, .header__main-links ul.menu > li .sub-menu li.current_page_item, .header__main-links ul.menu > li .sub-menu li.current_page_parent {
              border: none; }
            .header__main-links ul.menu > li .sub-menu li a {
              color: #FFFFFF;
              padding: 16px 15px; }
              .header__main-links ul.menu > li .sub-menu li a:hover {
                background: #141516; }
        .header__main-links ul.menu > li:hover .sub-menu {
          display: block; }
    .header__main-links ul {
      list-style: none;
      padding: 0;
      margin: 0;
      height: 100%;
      display: flex;
      align-items: center; }
      .header__main-links ul li.menu-toggler {
        display: none;
        height: 100%; }
        @media only screen and (max-width: 900px) {
          .header__main-links ul li.menu-toggler {
            display: block; } }
        .header__main-links ul li.menu-toggler button {
          height: 100%;
          display: flex;
          background: #0C0D0E;
          padding: 0px 15px;
          position: relative;
          align-items: center;
          border-radius: 0px 0px 2px 2px;
          font-size: 0; }
          .header__main-links ul li.menu-toggler button > span {
            display: block;
            width: 26px;
            height: 18px;
            position: relative; }
            .header__main-links ul li.menu-toggler button > span .bar {
              position: absolute;
              display: block;
              width: 100%;
              height: 2px;
              background: #FFFFFF;
              left: 0;
              top: 50%;
              margin-top: -1px; }
            .header__main-links ul li.menu-toggler button > span:before {
              content: "";
              display: block;
              width: 16px;
              height: 2px;
              position: absolute;
              left: 0;
              top: 0;
              background: #FFFFFF;
              transition: all 0.2s; }
            .header__main-links ul li.menu-toggler button > span:after {
              content: "";
              display: block;
              width: 16px;
              height: 2px;
              position: absolute;
              right: 0;
              bottom: 0;
              background: #FFFFFF;
              transition: all 0.2s; }
          .header__main-links ul li.menu-toggler button:hover > span:before {
            left: 10px; }
          .header__main-links ul li.menu-toggler button:hover > span:after {
            right: 10px; }

.mainnav {
  display: none;
  position: fixed;
  opacity: 0;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 100%;
  z-index: 10500;
  background: #0C0D0E;
  transition: all 0.2s;
  overflow-y: auto; }
  .mainnav__logo {
    position: absolute;
    top: 25px;
    left: 0; }
  .mainnav--toggled {
    display: flex;
    bottom: 0;
    opacity: 1; }
    @media only screen and (min-width: 901px) {
      .mainnav--toggled {
        display: none !important; } }
  .mainnav__wrapper {
    position: relative;
    align-items: center; }
    @media only screen and (max-width: 640px) {
      .mainnav__wrapper {
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column; } }
    .mainnav__wrapper.grid-container {
      padding: 100px 55px;
      width: 100%;
      max-width: 1400px; }
      @media only screen and (max-width: 640px) {
        .mainnav__wrapper.grid-container {
          padding: 100px 0px 20px; } }
  .mainnav__list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative; }
    .mainnav__list ul li {
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 1.3;
      width: 100%; }
      .mainnav__list ul li:last-child {
        margin-bottom: 0; }
      .mainnav__list ul li.btn-contact {
        display: none; }
      .mainnav__list ul li .sub-menu {
        display: none; }
        .mainnav__list ul li .sub-menu li {
          font-size: 20px;
          font-size: 1.25rem;
          margin: 0; }
      .mainnav__list ul li a {
        color: #FFFFFF;
        transition: all 0.2s;
        padding: 10px 0px; }
        .mainnav__list ul li a:hover {
          background: linear-gradient(left, #7DE358, #54AFE2);
          background: -webkit-linear-gradient(left, #7DE358, #54AFE2);
          background-clip: text;
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          display: inline-block;
          background-size: 200% 200%;
          -webkit-animation: gradient 5s ease infinite;
          animation: gradient 5s ease infinite; }

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 25%; }
  50% {
    background-position: 50% 25%; }
  100% {
    background-position: 0% 25%; } }

@keyframes gradient {
  0% {
    background-position: 0% 25%; }
  50% {
    background-position: 50% 25%; }
  100% {
    background-position: 0% 25%; } }
  .mainnav__contact {
    padding-left: 60px; }
    @media only screen and (max-width: 767px) {
      .mainnav__contact {
        padding-left: 0;
        padding-top: 40px; } }
    .mainnav__contact p {
      font-size: 30px;
      font-size: 1.875rem;
      line-height: 1.3;
      color: #FFFFFF;
      margin-bottom: 38px; }
      @media only screen and (max-width: 767px) {
        .mainnav__contact p {
          margin-bottom: 20px; } }
      .mainnav__contact p span {
        display: block;
        margin-bottom: 20px; }
        @media only screen and (max-width: 767px) {
          .mainnav__contact p span {
            display: none; } }
  .mainnav .close-button {
    width: 40px;
    height: 40px;
    background: url(../images/close-ico.svg) center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 10px;
    top: 15px;
    transition: all 0.3s ease-in-out;
    font-size: 0; }
    .mainnav .close-button:hover {
      transform: rotate(90deg); }
  .mainnav .btn {
    padding: 10px 32px 10px 70px;
    border-radius: 67px;
    position: relative;
    display: inline-block;
    line-height: 1.7;
    background: linear-gradient(#0C0D0E, #0C0D0E) padding-box, linear-gradient(to left, #7DE358, #54AFE2) border-box;
    border: 2px solid transparent;
    background-size: 200% 200%;
    animation: gradient 15s ease infinite;
    -webkit-animation: gradient 15s ease infinite;
    cursor: pointer; }

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
    .mainnav .btn:before {
      content: '';
      width: 20px;
      height: 10px;
      background: url("../images/icons/icon.arrow-right.svg") center center no-repeat;
      position: absolute;
      left: 30px;
      top: 50%;
      z-index: 10;
      display: block;
      transform: translate(0, -50%);
      transition: all 0.2s; }
    .mainnav .btn:hover:before {
      left: 40px; }

.getInTouch {
  width: 100%;
  height: 0;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10500; }
  .getInTouch > .grid-container {
    position: relative;
    overflow: hidden;
    height: 100%; }
  .getInTouch__wrapper {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 600px;
    background: #FFFFFF;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
    padding: 40px 54px 0px 54px; }
    @media only screen and (max-width: 640px) {
      .getInTouch__wrapper {
        max-width: 100%;
        padding: 20px 10px 0px 10px; } }
    .getInTouch__wrapper .close-button {
      width: 40px;
      height: 40px;
      background: url(../images/close-ico.svg) center center no-repeat;
      background-size: cover;
      position: absolute;
      right: 20px;
      top: 20px;
      transition: all 0.3s ease-in-out; }
      .getInTouch__wrapper .close-button:hover {
        transform: rotate(90deg); }
    .getInTouch__wrapper h2 {
      font-size: 34px;
      font-size: 2.125rem;
      font-weight: bold;
      line-height: 50px;
      margin-bottom: 24px; }
      .getInTouch__wrapper h2:before {
        content: "";
        display: inline-block;
        height: 37px;
        width: 44px;
        background: url(../images/contact-ico.svg) center center no-repeat;
        background-size: cover;
        margin-right: 36px;
        vertical-align: middle; }
    .getInTouch__wrapper .contact-info {
      display: block;
      overflow: hidden;
      padding-left: 82px;
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 36px;
      font-family: "Merriweather", serif;
      border-bottom: 2px solid #D8D8D8;
      padding-bottom: 40px;
      margin-bottom: 30px; }
      @media only screen and (max-width: 480px) {
        .getInTouch__wrapper .contact-info {
          padding-left: 0; } }
      .getInTouch__wrapper .contact-info dt {
        float: left;
        width: 40%;
        clear: left;
        font-weight: normal;
        margin-bottom: 0; }
      .getInTouch__wrapper .contact-info dd {
        float: left;
        width: 60%;
        font-style: italic;
        color: #008ABF;
        margin-bottom: 0; }
        .getInTouch__wrapper .contact-info dd a {
          color: #008ABF; }
  .getInTouch__form label {
    font-size: 15px;
    font-size: 0.9375rem;
    display: block;
    line-height: 34px;
    font-family: "Merriweather", serif;
    margin-bottom: 20px; }
  .getInTouch__form input[type="text"],
  .getInTouch__form input[type="email"],
  .getInTouch__form input[type="search"],
  .getInTouch__form input[type="tel"],
  .getInTouch__form textarea {
    margin-top: 2px; }
  .getInTouch__form textarea {
    height: 174px;
    resize: none; }
  .getInTouch__form button,
  .getInTouch__form .submit,
  .getInTouch__form #submit {
    background: #0C0D0E;
    color: #FFFFFF;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 19px;
    font-family: "Merriweather", serif;
    padding: 17px 44px 17px 44px;
    transition: all 0.3s;
    display: inline-block;
    border-radius: 0;
    position: relative;
    margin: 10px 0 30px;
    cursor: pointer; }
    .getInTouch__form button:before,
    .getInTouch__form .submit:before,
    .getInTouch__form #submit:before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      padding: 17px 44px;
      content: "Send";
      background: -webkit-linear-gradient(left, #56c0a0, #29b0c2);
      opacity: 0;
      transition: all 0.3s; }
    .getInTouch__form button:hover:before,
    .getInTouch__form .submit:hover:before,
    .getInTouch__form #submit:hover:before {
      opacity: 1; }
    .getInTouch__form button:focus, .getInTouch__form button:active,
    .getInTouch__form .submit:focus,
    .getInTouch__form .submit:active,
    .getInTouch__form #submit:focus,
    .getInTouch__form #submit:active {
      outline: none; }
  .getInTouch--toggled {
    display: block;
    height: 100%; }
    .getInTouch--toggled > .grid-container {
      overflow: visible; }
      .getInTouch--toggled > .grid-container:after {
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        background: #FFFFFF;
        position: absolute;
        top: 0;
        left: 100%; }
    .getInTouch--toggled .getInTouch__wrapper {
      left: calc(100% - 600px);
      max-height: 100%;
      overflow-y: auto; }
      @media only screen and (max-width: 640px) {
        .getInTouch--toggled .getInTouch__wrapper {
          left: 0; } }

.contact-form-done {
  display: none;
  width: 100%;
  text-align: center; }
  .contact-form-done .btn-span:after {
    display: none; }

input[type="text"].wpforms-error, input[type="email"].wpforms-error, input[type="search"].wpforms-error, input[type="tel"].wpforms-error {
  border-color: #fb6970; }

.wpforms-error {
  color: #fb6970; }

div.wpcf7-response-output {
  margin: 0 0 1em 0; }

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
  border: none;
  color: #0C0D0E;
  width: auto;
  max-width: 100%;
  text-align: center; }
  .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok:hover:after {
    transform: rotate(90deg); }

.footer {
  width: 100%;
  padding: 30px 0 10px;
  background: #0C0D0E; }
  .footer .text--small {
    font-weight: 400;
    color: #BDBEBF;
    font-size: 16px;
    font-size: 1rem; }
  .footer__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .footer__logo {
    display: block; }
    .footer__logo img {
      display: inline-block; }
  .footer-content__top {
    width: 100%;
    padding: 120px 0 90px; }
    @media only screen and (max-width: 640px) {
      .footer-content__top {
        padding: 60px 0; } }
    .footer-content__top .cell {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media only screen and (max-width: 900px) {
        .footer-content__top .cell {
          flex-wrap: wrap; }
          .footer-content__top .cell .footer-content-top__contact,
          .footer-content__top .cell .footer-content-top__links {
            width: 100%;
            text-align: center; }
          .footer-content__top .cell .footer-content-top__contact {
            margin-bottom: 60px;
            text-align: center; }
            .footer-content__top .cell .footer-content-top__contact .text--small {
              left: 50%;
              transform: translateX(-50%); }
          .footer-content__top .cell .footer-content-top__links {
            display: flex;
            justify-content: center; } }
      @media only screen and (max-width: 640px) {
        .footer-content__top .cell .footer-content-top__links ul {
          flex-direction: column; } }
  .footer-content__bottom {
    width: 100%;
    padding: 90px 0;
    border-top: 1px solid #2D3033; }
    @media only screen and (max-width: 640px) {
      .footer-content__bottom {
        padding: 60px 0; } }
    .footer-content__bottom .cell {
      align-items: center;
      justify-content: space-between;
      display: flex;
      flex-wrap: wrap; }
      @media only screen and (max-width: 640px) {
        .footer-content__bottom .cell {
          flex-direction: column; } }
  .footer-content-top__contact {
    position: relative; }
    .footer-content-top__contact .text--small {
      position: absolute;
      top: -40px; }
    .footer-content-top__contact a {
      border-bottom: 3px solid #FFFFFF;
      font-weight: 300; }
      .footer-content-top__contact a {
        font-size: 28px; }
        @media screen and (min-width: 420px) {
          .footer-content-top__contact a {
            font-size: calc( 28px + 20 * ( (100vw - 420px) / 980 )); } }
        @media screen and (min-width: 1400px) {
          .footer-content-top__contact a {
            font-size: 48px;
            line-height: 1.3; } }
  .footer-content-top__links ul.menu {
    align-items: center; }
    .footer-content-top__links ul.menu li {
      margin: 0 10px; }
      .footer-content-top__links ul.menu li a {
        font-size: 21px;
        font-size: 1.3125rem;
        padding: 15px; }
      .footer-content-top__links ul.menu li.btn-contact a {
        padding: 10px 32px 10px 70px;
        border-radius: 67px;
        position: relative;
        display: inline-block;
        line-height: 1.7;
        background: linear-gradient(#0C0D0E, #0C0D0E) padding-box, linear-gradient(to left, #7DE358, #54AFE2) border-box;
        border: 2px solid transparent;
        background-size: 200% 200%;
        animation: gradient 15s ease infinite;
        -webkit-animation: gradient 15s ease infinite;
        cursor: pointer;
        padding: 18px 35px; }

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

@keyframes gradient {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }
        .footer-content-top__links ul.menu li.btn-contact a:before {
          content: '';
          width: 20px;
          height: 10px;
          background: url("../images/icons/icon.arrow-right.svg") center center no-repeat;
          position: absolute;
          left: 30px;
          top: 50%;
          z-index: 10;
          display: block;
          transform: translate(0, -50%);
          transition: all 0.2s; }
        .footer-content-top__links ul.menu li.btn-contact a:hover:before {
          left: 40px; }
        .footer-content-top__links ul.menu li.btn-contact a:before {
          display: none; }
      .footer-content-top__links ul.menu li:last-child a {
        margin-right: 0; }
  .footer__links--privacy a {
    color: #BDBEBF;
    font-size: 12px;
    font-size: 0.75rem;
    margin: 0 10px; }
  .footer__copyright {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 28px;
    color: #FFFFFF;
    text-align: right; }
    .footer__copyright a {
      margin-right: 16px; }
    @media only screen and (max-width: 640px) {
      .footer__copyright {
        margin: 20px auto; } }

.who-footer {
  text-align: center;
  padding: 200px 0;
  background: url(../images/services-child-mask2.svg) top left no-repeat;
  background-size: 50% auto; }
  @media only screen and (max-width: 640px) {
    .who-footer {
      padding: 80px 0; } }
  .who-footer img {
    margin-bottom: 25px; }
  .who-footer .h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 38px;
    font-style: italic; }
    @media only screen and (max-width: 640px) {
      .who-footer .h4 {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 32px; } }

.contact-section {
  background: #19B1EB;
  background: -webkit-linear-gradient(top, #19B1EB, #0a89bb);
  background: #0a8cbf;
  position: relative;
  padding: 80px 0; }
  @media only screen and (max-width: 767px) {
    .contact-section {
      text-align: center;
      padding: 40px 0; } }
  .contact-section .grid-container {
    max-width: 1240px; }
    .contact-section .grid-container > .grid-x {
      justify-content: space-between;
      align-items: center; }
  .contact-section__right {
    color: #FFFFFF; }
    .contact-section__right p, .contact-section__right a {
      font-size: 18px;
      font-size: 1.125rem;
      color: #FFFFFF; }
      .contact-section__right p a:not(.btn), .contact-section__right a a:not(.btn) {
        color: #FFFFFF; }
    @media only screen and (max-width: 767px) {
      .contact-section__right {
        text-align: center; } }
  .contact-section .wpforms-container .wpforms-field {
    padding: 0; }
  .contact-section .wpforms-confirmation-container {
    background: #FFFFFF;
    padding: 20px 30px;
    border-radius: 4px; }
    .contact-section .wpforms-confirmation-container p:last-of-type {
      margin-bottom: 0; }
  .contact-section input[type="text"], .contact-section input[type="email"], .contact-section input[type="search"], .contact-section input[type="tel"], .contact-section textarea {
    border: none;
    padding: 20px 20px; }
  .contact-section .wpforms-field-email {
    clear: both; }
  .contact-section .wpforms-error-container {
    color: #FFFFFF; }
  .contact-section .wpforms-container .wpforms-field input.wpforms-error,
  .contact-section .wpforms-container .wpforms-field textarea.wpforms-error {
    border-color: #0C0D0E !important; }
  .contact-section .wpforms-container .wpforms-field label.wpforms-error {
    color: #FFFFFF !important; }
  .contact-section .wpforms-submit {
    width: 100%;
    background: #0C0D0E;
    border-radius: 4px;
    padding: 20px 30px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 700; }
  .contact-section .h2 {
    font-family: "Gilroy", sans-serif;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 30px;
    color: #FFFFFF; }
    .contact-section .h2 {
      font-size: 36px; }
      @media screen and (min-width: 420px) {
        .contact-section .h2 {
          font-size: calc( 36px + 9 * ( (100vw - 420px) / 980 )); } }
      @media screen and (min-width: 1400px) {
        .contact-section .h2 {
          font-size: 45px;
          line-height: 1.3; } }
    .contact-section .h2 span {
      border-bottom: 2px solid #FFF; }
  .contact-section .h4 {
    color: #FFFFFF;
    margin-bottom: 35px; }
  @media only screen and (max-width: 640px) {
    .contact-section .btn {
      display: block;
      width: 100%;
      text-align: center; } }
  .contact-section.light {
    background: #f6f6f6; }
    .contact-section.light .h4,
    .contact-section.light .h2,
    .contact-section.light p,
    .contact-section.light a {
      color: #0C0D0E; }

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {
  box-shadow: none; }

.block {
  position: relative;
  padding: 180px 0; }
  @media only screen and (max-width: 1024px) {
    .block {
      padding: 90px 0; } }
  @media only screen and (max-width: 640px) {
    .block {
      padding: 60px 0; } }
  .block-bottom--p180 {
    padding-bottom: 180px; }
    @media only screen and (max-width: 640px) {
      .block-bottom--p180 {
        padding-bottom: 90px; } }
  .block-bottom--p90 {
    padding-bottom: 90px; }
    @media only screen and (max-width: 640px) {
      .block-bottom--p90 {
        padding-bottom: 60px; } }
  .block-bottom--p0 {
    padding-bottom: 0px; }
  .block-top--p180 {
    padding-top: 180px; }
    @media only screen and (max-width: 640px) {
      .block-top--p180 {
        padding-top: 90px; } }
  .block-top--p90 {
    padding-top: 90px; }
    @media only screen and (max-width: 640px) {
      .block-top--p90 {
        padding-top: 60px; } }
  .block-top--p0 {
    padding-top: 0px; }
  .block-theme--dark {
    background: #0C0D0E; }
  .block-media {
    padding: 0; }
    .block-media__image img {
      width: 100%;
      height: auto; }
    .block-media__video video {
      width: 100%; }
  .block-image-text {
    padding: 0;
    overflow: hidden; }
    .block-image-text__media {
      padding: 120px 60px 120px 0; }
      @media only screen and (max-width: 767px) {
        .block-image-text__media {
          padding: 0;
          max-height: 600px;
          overflow: hidden; } }
      .block-image-text__media--video video {
        width: 100%; }
      @media only screen and (max-width: 767px) {
        .block-image-text__media--video {
          padding: 0 !important; } }
    .block-image-text__text {
      align-items: center;
      display: flex;
      flex-direction: column; }
      @media only screen and (max-width: 767px) {
        .block-image-text__text {
          padding: 0 10px; } }
    .block-image-text-text__repeater {
      width: 100%; }
      .block-image-text-text__repeater .block-grid-content-item-text__title {
        margin: 0 0 16px; }
      .block-image-text-text__repeater p:last-of-type {
        margin: 0; }
      @media only screen and (max-width: 767px) {
        .block-image-text-text__repeater {
          margin-top: 40px; } }
    .block-image-text-text__title {
      margin: 0 0 16px; }
    .block-image-text-text__cta {
      margin: 26px 0 0 0; }
      .block-image-text-text__cta a {
        margin: 0 13px 0 0; }
        .block-image-text-text__cta a:last-child {
          margin: 0; }
        @media only screen and (max-width: 640px) {
          .block-image-text-text__cta a {
            margin: 0 0 13px 0; }
            .block-image-text-text__cta a:last-child {
              margin: 0; } }
    .block-image-text--has-bg .block-image-text__media {
      padding: 8% 30px; }
      @media only screen and (max-width: 1024px) {
        .block-image-text--has-bg .block-image-text__media {
          padding: 80px 30px; } }
      .block-image-text--has-bg .block-image-text__media--full {
        padding: 0; }
        @media only screen and (max-width: 1024px) {
          .block-image-text--has-bg .block-image-text__media--full {
            padding: 0; } }
      .block-image-text--has-bg .block-image-text__media--top {
        padding: 8% 30px 0 30px; }
      .block-image-text--has-bg .block-image-text__media--bottom {
        padding: 0 30px 8% 30px; }
      @media only screen and (max-width: 767px) {
        .block-image-text--has-bg .block-image-text__media--top, .block-image-text--has-bg .block-image-text__media--bottom {
          padding: 0; } }
    .block-image-text--has-bg .block-image-text__text {
      padding: 0 4% 0 5%; }
      .block-image-text--has-bg .block-image-text__text.medium-order-2 {
        padding: 0 4% 0 0; }
      .block-image-text--has-bg .block-image-text__text.medium-order-1 {
        padding: 0 0 0 5%; }
      @media only screen and (max-width: 1024px) {
        .block-image-text--has-bg .block-image-text__text {
          padding: 0 10px; } }
      @media only screen and (max-width: 767px) {
        .block-image-text--has-bg .block-image-text__text {
          padding: 0 10px;
          margin-bottom: 60px; }
          .block-image-text--has-bg .block-image-text__text.medium-order-2 {
            padding: 0 10px; }
          .block-image-text--has-bg .block-image-text__text.medium-order-1 {
            padding: 0 10px; } }
    .block-image-text--sticky {
      overflow: unset; }
      .block-image-text--sticky .grid-x {
        align-items: stretch; }
        .block-image-text--sticky .grid-x .block-image-text__text .block-image-text-text__repeater {
          position: sticky;
          top: 20%;
          margin: 21% 0; }
          @media only screen and (max-width: 767px) {
            .block-image-text--sticky .grid-x .block-image-text__text .block-image-text-text__repeater {
              margin: 30px 0 0 0; } }
  .block-hero {
    margin: 140px 0 0 0; }
    @media only screen and (max-width: 900px) {
      .block-hero {
        margin: 100px 0 0 0; } }
    .block-hero__content {
      display: flex;
      align-items: center; }
      .block-hero__content h1,
      .block-hero__content .h1 {
        margin: 0; }
        @media only screen and (max-width: 767px) {
          .block-hero__content h1,
          .block-hero__content .h1 {
            margin: 0 0 30px; } }
    .block-hero-content__intro p:last-of-type {
      margin: 0; }
    .block-hero-content-intro__cta {
      margin: 26px 0 0 0; }
      .block-hero-content-intro__cta a {
        margin: 0 13px 0 0; }
        .block-hero-content-intro__cta a:last-child {
          margin: 0; }
        @media only screen and (max-width: 640px) {
          .block-hero-content-intro__cta a {
            margin: 0 0 13px 0; }
            .block-hero-content-intro__cta a:last-child {
              margin: 0; } }
  .block-work__cta {
    margin: 30px 0 0 0; }
    .block-work__cta a {
      margin: 0; }
  .block-work__intro {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 0 26px; }
    .block-work__intro > ul {
      width: 30%;
      position: relative;
      top: -12px; }
  .block-work-intro__text h2 {
    margin: 0;
    line-height: normal; }
  .block-work .splide__arrows {
    position: absolute;
    top: 28%;
    right: -15px;
    left: auto;
    width: auto;
    z-index: 100;
    display: flex;
    flex-direction: column; }
    @media only screen and (max-width: 1024px) {
      .block-work .splide__arrows {
        top: 20%; } }
    @media only screen and (max-width: 767px) {
      .block-work .splide__arrows {
        z-index: 0;
        position: static; } }
    .block-work .splide__arrows svg {
      fill: #FFFFFF; }
    .block-work .splide__arrows .splide__arrow {
      display: block;
      width: 40px;
      background: rgba(0, 0, 0, 0.6);
      cursor: pointer;
      transition: all 0.2s; }
      @media only screen and (max-width: 767px) {
        .block-work .splide__arrows .splide__arrow {
          z-index: 100;
          position: absolute;
          top: 34%; } }
      .block-work .splide__arrows .splide__arrow svg {
        fill: #FFFFFF;
        width: 20px; }
      .block-work .splide__arrows .splide__arrow--next {
        order: 5;
        margin-bottom: 1px;
        right: -10px; }
      .block-work .splide__arrows .splide__arrow--prev {
        transform: scaleX(-1);
        order: 10;
        left: -10px; }
      .block-work .splide__arrows .splide__arrow--next:hover, .block-work .splide__arrows .splide__arrow--prev:hover {
        background: black; }
  .block-work .splide__pagination--custom {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 70px 0 0 0;
    padding: 0; }
    @media only screen and (max-width: 767px) {
      .block-work .splide__pagination--custom {
        display: none; } }
    .block-work .splide__pagination--custom li {
      width: calc(25% - 8px);
      display: block;
      margin: 0; }
      .block-work .splide__pagination--custom li span {
        width: 100%;
        height: 1px;
        background: #4F5154;
        display: block; }
      .block-work .splide__pagination--custom li.active span {
        height: 0;
        border: 1px solid;
        border-image-slice: 1;
        border-width: 2px;
        border-image-source: linear-gradient(to left, #7DE358, #54AFE2);
        border-top: 0;
        border-left: 0;
        border-right: 0;
        border-bottom-width: 1px; }
  .block-work__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .block-work__content--has-featured .block-work-content__item {
      width: calc(33.33% - 20px); }
      @media only screen and (max-width: 767px) {
        .block-work__content--has-featured .block-work-content__item {
          width: calc(50% - 15px); }
          .block-work__content--has-featured .block-work-content__item:nth-child(4) {
            display: none; } }
  @media only screen and (max-width: 767px) and (max-width: 640px) {
    .block-work__content--has-featured .block-work-content__item {
      width: calc(100%); } }
      .block-work__content--has-featured .block-work-content__item--featured {
        width: 100%;
        margin-bottom: 22px;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .block-work__content--has-featured .block-work-content__item--featured {
            margin-bottom: 22px; } }
        .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item__text {
          position: absolute;
          bottom: 30px;
          left: 30px;
          background: #0C0D0E;
          border: 1px solid;
          border-image-slice: 1;
          border-width: 2px;
          border-image-source: linear-gradient(to left, #7DE358, #54AFE2);
          padding: 48px;
          width: 100%;
          max-width: 500px; }
          .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item__text:after {
            content: '';
            width: 40px;
            height: 20px;
            background: url("../images/icons/icon.arrow-right.gradient.svg") center center no-repeat;
            display: block; }
          @media only screen and (max-width: 767px) {
            .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item__text {
              position: static;
              padding: 0;
              max-width: 100%;
              border: none;
              background: none; }
              .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item__text:after {
                display: none; } }
        .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item-text__title {
          margin: 0 0 16px; }
          @media only screen and (max-width: 767px) {
            .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item-text__title {
              margin: 24px 0 0; } }
        .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item-text__excerpt {
          color: #FFFFFF;
          margin: 0 0 30px; }
          .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item-text__excerpt {
            font-size: 18px; }
            @media screen and (min-width: 420px) {
              .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item-text__excerpt {
                font-size: calc( 18px + 30 * ( (100vw - 420px) / 980 )); } }
            @media screen and (min-width: 1400px) {
              .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item-text__excerpt {
                font-size: 48px;
                line-height: 1.3; } }
          @media only screen and (max-width: 767px) {
            .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item-text__excerpt {
              font-size: 18px;
              font-size: 1.125rem;
              margin: 0px; } }
          .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item-text__excerpt p {
            color: #FFFFFF;
            line-height: 1.2; }
            .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item-text__excerpt p {
              font-size: 30px; }
              @media screen and (min-width: 420px) {
                .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item-text__excerpt p {
                  font-size: calc( 30px + 18 * ( (100vw - 420px) / 980 )); } }
              @media screen and (min-width: 1400px) {
                .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item-text__excerpt p {
                  font-size: 48px;
                  line-height: 1.3; } }
            @media only screen and (max-width: 767px) {
              .block-work__content--has-featured .block-work-content__item--featured .block-work-content-item-text__excerpt p {
                font-size: 18px;
                font-size: 1.125rem;
                color: #BDBEBF; } }
  .block-work-content__item {
    width: calc(33.33% - 20px);
    flex-shrink: 0; }
    @media only screen and (max-width: 900px) {
      .block-work-content__item {
        margin-bottom: 30px;
        width: calc(50% - 15px); } }
    @media only screen and (max-width: 640px) {
      .block-work-content__item {
        width: 100%; } }
    .block-work-content__item--is-featured {
      width: 100%; }
  .block-work .block-work--list .block-work-content__item {
    width: calc(50% - 15px);
    flex-shrink: 0;
    margin-bottom: 30px; }
    @media only screen and (max-width: 900px) {
      .block-work .block-work--list .block-work-content__item {
        margin-bottom: 30px;
        width: 100%; } }
    .block-work .block-work--list .block-work-content__item--is-featured {
      width: 100%; }
  .block-work-content-item__media video {
    width: 100%; }
  .block-work-content-item-text__title {
    margin: 24px 0 0; }
  .block-grid__intro h2,
  .block-grid__intro .h2
h3,
  .block-grid__intro .h3 {
    margin-top: 0; }
  .block-grid__intro p:last-of-type {
    margin: 0; }
  .block-grid__intro--has-cta {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    column-gap: 30px; }
    .block-grid__intro--has-cta .block-grid-intro__inner {
      width: 100%;
      max-width: 820px; }
    .block-grid__intro--has-cta .block-grid-intro__cta {
      position: relative;
      top: -10px; }
      .block-grid__intro--has-cta .block-grid-intro__cta a {
        margin: 0 13px 0 0; }
        .block-grid__intro--has-cta .block-grid-intro__cta a:last-child {
          margin: 0; }
        @media only screen and (max-width: 640px) {
          .block-grid__intro--has-cta .block-grid-intro__cta a {
            margin: 0 0 13px 0; }
            .block-grid__intro--has-cta .block-grid-intro__cta a:last-child {
              margin: 0; } }
    @media only screen and (max-width: 900px) {
      .block-grid__intro--has-cta {
        flex-direction: column; }
        .block-grid__intro--has-cta .block-grid-intro__inner {
          width: 100%; }
        .block-grid__intro--has-cta .block-grid-intro__cta {
          width: 100%;
          margin-top: 32px; } }
  .block-grid-layout--vertical .block-grid__intro {
    margin: 0 10% 0 0; }
    .block-grid-layout--vertical .block-grid__intro.block-grid__intro--has-cta {
      flex-direction: column;
      align-items: flex-start; }
      .block-grid-layout--vertical .block-grid__intro.block-grid__intro--has-cta .block-grid-intro__cta {
        top: 0;
        margin: 32px 0 0 0; }
  .block-grid-layout--vertical .block-grid__content.block-grid-per-row--2 {
    display: block;
    column-count: 2; }
    @media only screen and (max-width: 767px) {
      .block-grid-layout--vertical .block-grid__content.block-grid-per-row--2 {
        column-count: 1; } }
    .block-grid-layout--vertical .block-grid__content.block-grid-per-row--2 .block-grid-content__item {
      width: 100%;
      break-inside: avoid-column; }
  .block-grid-layout--vertical .block-grid__content.block-grid-per-row--3 {
    display: block;
    column-count: 3; }
    @media only screen and (max-width: 767px) {
      .block-grid-layout--vertical .block-grid__content.block-grid-per-row--3 {
        column-count: 1; } }
    .block-grid-layout--vertical .block-grid__content.block-grid-per-row--3 .block-grid-content__item {
      width: 100%;
      break-inside: avoid-column; }
  .block-grid-layout--vertical .block-grid__content.block-grid-per-row--4 {
    display: block;
    column-count: 4; }
    @media only screen and (max-width: 767px) {
      .block-grid-layout--vertical .block-grid__content.block-grid-per-row--4 {
        column-count: 1; } }
    .block-grid-layout--vertical .block-grid__content.block-grid-per-row--4 .block-grid-content__item {
      width: 100%;
      break-inside: avoid-column; }
  .block-grid-layout--horizontal .block-grid__intro {
    margin: 0 0 90px 0; }
  .block-grid__cta {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end; }
  .block-grid__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    column-gap: 30px; }
    .block-grid__content.block-grid-per-row--2 .block-grid-content__item {
      width: calc(50% - 15px); }
      @media only screen and (max-width: 640px) {
        .block-grid__content.block-grid-per-row--2 .block-grid-content__item {
          width: calc(100%); } }
    .block-grid__content.block-grid-per-row--3 .block-grid-content__item {
      width: calc(33.33% - 20px); }
      @media only screen and (max-width: 900px) {
        .block-grid__content.block-grid-per-row--3 .block-grid-content__item {
          width: calc(50% - 15px); } }
      @media only screen and (max-width: 640px) {
        .block-grid__content.block-grid-per-row--3 .block-grid-content__item {
          width: calc(100%); } }
    .block-grid__content.block-grid-per-row--4 .block-grid-content__item {
      width: calc(25% - 15px); }
  .block-grid-content__item {
    display: block;
    padding: 30px;
    background: #141516;
    margin: 0 0 30px 0;
    display: flex;
    flex-direction: column; }
    .block-grid-content__item--no-bg {
      background: none;
      padding: 0;
      margin: 0 0 100px 0; }
    .block-grid-content__item .fo-link {
      align-self: flex-start;
      margin-top: auto; }
    .block-grid-content__item ul li {
      color: #BDBEBF; }
  .block-grid-content-item__text p:last-of-type {
    margin: 0; }
  .block-grid-content-item__text .body__additional {
    margin: 30px 0 40px; }
  .block-grid-content-item-text__title {
    margin: 0; }
    .block-grid-content-item-text__title {
      font-size: 24px; }
      @media screen and (min-width: 420px) {
        .block-grid-content-item-text__title {
          font-size: calc( 24px + 4 * ( (100vw - 420px) / 980 )); } }
      @media screen and (min-width: 1400px) {
        .block-grid-content-item-text__title {
          font-size: 28px;
          line-height: 1.3; } }
  .block-grid-content-item-text__subtitle {
    margin: 4px 0 0 0; }
    .block-grid-content-item-text__subtitle {
      font-size: 18px; }
      @media screen and (min-width: 420px) {
        .block-grid-content-item-text__subtitle {
          font-size: calc( 18px + 4 * ( (100vw - 420px) / 980 )); } }
      @media screen and (min-width: 1400px) {
        .block-grid-content-item-text__subtitle {
          font-size: 22px;
          line-height: 1.3; } }
  .block-grid-content-item-text__body {
    margin: 16px 0 0; }
  .block-grid.block-layout--column .block-grid-content__item {
    width: 100%; }
  .block-grid--text .block-grid-content__item {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center; }
    .block-grid--text .block-grid-content__item img {
      max-width: 150px; }
  .block-grid .gallery-item {
    max-width: 300px; }
  @media only screen and (max-width: 1024px) {
    .block-grid .block-grid__intro {
      margin: 0 0 60px; } }
  .block-testimonial figure {
    max-width: 1100px;
    margin: 0 auto; }
    .block-testimonial figure figcaption {
      margin-top: 50px;
      text-align: center;
      color: #BDBEBF;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.3; }
  .block-design--has-inner-bg .grid-x {
    height: 100%;
    max-height: 800px;
    overflow: hidden;
    padding: 60px 4% 0; }
  .block-design__scroll:not(.is-active) .splide__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0;
    padding: 0; }
  .block-design-scroll__asset {
    display: inline-block;
    margin: 0;
    padding-top: 200px;
    width: calc(((90% + 0px) / 4) - 0px) !important; }
    @media only screen and (max-width: 640px) {
      .block-design-scroll__asset {
        width: calc(((80% + 0px) / 3) - 0px) !important; } }
    @media only screen and (max-width: 480px) {
      .block-design-scroll__asset {
        width: calc(((80% + 0px) / 1) - 0px) !important; } }
    .block-design-scroll__asset:nth-child(1) {
      padding-top: 200px; }
    .block-design-scroll__asset:nth-child(2) {
      top: -200px;
      position: relative; }
    .block-design-scroll__asset:nth-child(3) {
      padding-top: 0;
      top: -150px;
      position: relative; }
    .block-design-scroll__asset img {
      max-width: 375px;
      width: 100%; }
  .block-design__scroll--horizontal {
    flex-wrap: nowrap;
    justify-content: space-between;
    display: flex;
    flex-direction: column; }
    .block-design__scroll--horizontal .block-design-scroll__asset {
      top: 0;
      position: static;
      padding: 0;
      width: 25%;
      max-width: 100%;
      text-align: center; }
  .block-logo-grid {
    background: #0C0D0E;
    padding: 120px 0; }
    @media only screen and (max-width: 767px) {
      .block-logo-grid {
        padding: 60px 0; } }
    .block-logo-grid__top {
      margin-bottom: 100px; }
      @media only screen and (max-width: 767px) {
        .block-logo-grid__top {
          margin-bottom: 30px;
          text-align: center; } }
      .block-logo-grid__top h2 {
        margin: 0; }
      .block-logo-grid__top p:last-of-type {
        margin: 0; }
    .block-logo-grid__item {
      text-align: center;
      display: flex;
      align-content: center;
      justify-content: center;
      height: 100%;
      flex-wrap: wrap; }
      .block-logo-grid__item img {
        width: 100%;
        height: auto;
        max-width: 200px; }
    .block-logo-grid .splide__pagination {
      display: none; }
  .block-stats-bar .grid-x {
    background: #141516; }
  .block-stats-bar__item {
    text-align: center;
    padding: 50px 0; }
    @media only screen and (max-width: 767px) {
      .block-stats-bar__item {
        border-bottom: 2px solid #0C0D0E; } }
  @media only screen and (max-width: 767px) {
    .block-stats-bar .cell:last-of-type .block-stats-bar__item {
      border-bottom: none; } }
  .block-stats-bar-item__stat {
    background: linear-gradient(left, #7DE358, #54AFE2);
    background: -webkit-linear-gradient(left, #7DE358, #54AFE2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    background-size: 200% 200%;
    -webkit-animation: gradient 5s ease infinite;
    animation: gradient 5s ease infinite;
    line-height: normal; }

@-webkit-keyframes gradient {
  0% {
    background-position: 0% 25%; }
  50% {
    background-position: 50% 25%; }
  100% {
    background-position: 0% 25%; } }

@keyframes gradient {
  0% {
    background-position: 0% 25%; }
  50% {
    background-position: 50% 25%; }
  100% {
    background-position: 0% 25%; } }
    .block-stats-bar-item__stat {
      font-size: 48px; }
      @media screen and (min-width: 420px) {
        .block-stats-bar-item__stat {
          font-size: calc( 48px + 19 * ( (100vw - 420px) / 980 )); } }
      @media screen and (min-width: 1400px) {
        .block-stats-bar-item__stat {
          font-size: 67px;
          line-height: 1.3; } }
  .block-stats-bar-item__desc {
    color: #6B7280; }
  .block--testimonials .block-testimonials__intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0 40px; }
  .block--testimonials .quote-block:before {
    width: 80px;
    height: 60px; }
  @media only screen and (max-width: 767px) {
    .block--testimonials .quote-block:before {
      margin: 0 auto 20px;
      width: 100%;
      background-position: center center; } }
  .block--testimonials .quote-block blockquote {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 32px;
    max-width: 760px;
    margin: 0; }
    @media only screen and (max-width: 767px) {
      .block--testimonials .quote-block blockquote {
        text-align: center; }
        .block--testimonials .quote-block blockquote footer {
          text-align: center; } }
  .block--testimonials .block-testimonials__awards {
    max-width: 840px;
    margin: 0 auto 80px; }
    .block--testimonials .block-testimonials__awards .cell {
      text-align: center;
      margin-bottom: 20px; }
    .block--testimonials .block-testimonials__awards img {
      max-width: 200px; }

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0; }

thead,
tbody,
tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe; }

caption {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold; }

thead {
  background: #f8f8f8;
  color: #0a0a0a; }

tfoot {
  background: #f1f1f1;
  color: #0a0a0a; }

thead tr,
tfoot tr {
  background: transparent; }

thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: bold;
  text-align: left; }

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem; }

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f1f1f1; }

table.unstriped tbody {
  background-color: #fefefe; }

table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fefefe; }

@media print, screen and (max-width: 63.99875em) {
  table.stack thead {
    display: none; }
  table.stack tfoot {
    display: none; }
  table.stack tr,
  table.stack th,
  table.stack td {
    display: block; }
  table.stack td {
    border-top: 0; } }

table.scroll {
  display: block;
  width: 100%;
  overflow-x: auto; }

table.hover thead tr:hover {
  background-color: #f3f3f3; }

table.hover tfoot tr:hover {
  background-color: #ececec; }

table.hover tbody tr:hover {
  background-color: #f9f9f9; }

table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec; }

.table-scroll {
  overflow-x: auto; }

table {
  font-family: "Roboto", sans-serif; }

table thead th {
  text-transform: uppercase;
  font-size: 14px;
  padding: 1rem 0.625rem 1rem;
  color: #41b982; }

th:nth-child(1) {
  color: #0a0a0a;
  background-color: #efefef; }

td:nth-child(1) {
  background-color: #f9f9f9;
  padding: 1rem 1rem 1rem;
  font-weight: 600; }

table tbody tr:nth-child(even) td:nth-child(1) {
  background-color: #efefef; }

td,
table thead th {
  border: 1px solid #f1f1f1; }

.table-cta {
  width: 100%;
  background: #41b982;
  color: #ffffff;
  display: block;
  text-transform: uppercase;
  font-size: 14px;
  position: absolute;
  height: 100%;
  padding: 18px 0 0 0;
  left: 0;
  top: 0;
  font-weight: 700; }

.fixed-table {
  top: 70px;
  position: fixed;
  width: auto;
  display: none;
  border: none;
  z-index: 100; }

body {
  background: linear-gradient(90deg, #0F1011 15.09%, #101111 94.01%); }
  body.home .block-hero {
    background: none; }
    body.home .block-hero__content p {
      margin: 0; }
  body.home .block-logo-grid {
    background: none; }

.angled-section {
  position: relative;
  margin-top: 130px; }
  @media only screen and (max-width: 640px) {
    .angled-section {
      overflow: hidden; } }
  @media only screen and (max-width: 767px) {
    .angled-section {
      margin-top: 100px; } }
  @media only screen and (max-width: 640px) {
    .angled-section {
      margin-top: 80px; } }
  .angled-section__wrapper {
    min-height: 620px;
    position: relative;
    align-items: center;
    z-index: 4; }
    @media only screen and (max-width: 640px) {
      .angled-section__wrapper {
        min-height: 240px; } }
    @media only screen and (max-width: 480px) {
      .angled-section__wrapper {
        min-height: 200px; } }
    .page-template-page-our-work .angled-section__wrapper {
      min-height: 200px; }
  .angled-section__content {
    padding: 200px 0; }
    .angled-section__content h1 {
      margin: 0; }

.scrollable-section {
  position: relative;
  z-index: 4;
  background: url(../images/services-child-mask4.svg) bottom right no-repeat; }
  .scrollable-section__wrapper {
    min-height: 622px;
    padding-top: 40px;
    padding-bottom: 60px; }
    @media only screen and (max-width: 640px) {
      .scrollable-section__wrapper {
        background-image: url(../images/mobile-mark.svg);
        background-position: 0% 0%;
        background-repeat: no-repeat;
        padding-bottom: 0px; } }
  .scrollable-section__content {
    padding-left: 70px; }
    @media only screen and (max-width: 1024px) {
      .scrollable-section__content {
        padding-left: 0; } }
    @media only screen and (max-width: 640px) {
      .scrollable-section__content {
        margin-bottom: 20px; } }
    .scrollable-section__content h3 {
      font-family: "Gilroy", sans-serif;
      font-weight: 400;
      line-height: 1.3;
      margin: 0 0 30px; }
      .scrollable-section__content h3 {
        font-size: 36px; }
        @media screen and (min-width: 420px) {
          .scrollable-section__content h3 {
            font-size: calc( 36px + 9 * ( (100vw - 420px) / 980 )); } }
        @media screen and (min-width: 1400px) {
          .scrollable-section__content h3 {
            font-size: 45px;
            line-height: 1.3; } }
    .scrollable-section__content h4 {
      margin-bottom: 18px; }
      @media only screen and (max-width: 640px) {
        .scrollable-section__content h4 br {
          display: none; } }
    .scrollable-section__content p {
      color: #bdbebf;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.7;
      letter-spacing: 0.02em;
      margin: 0 0 40px;
      margin-bottom: 40px; }
      @media only screen and (max-width: 640px) {
        .scrollable-section__content p {
          margin-bottom: 1rem; } }
    @media only screen and (max-width: 640px) {
      .scrollable-section__content .btn {
        text-align: center;
        width: 100%; } }
  .scrollable-section__scrollable {
    position: relative;
    padding-top: 100px;
    padding-bottom: 20px; }
    .scrollable-section__scrollable.has-images {
      padding-top: 20px; }
    @media only screen and (max-width: 640px) {
      .scrollable-section__scrollable {
        padding-top: 0; }
        .scrollable-section__scrollable.has-images {
          padding-top: 0;
          padding-bottom: 0; } }
  .scrollable-section__sticky {
    display: flex;
    align-items: center;
    position: sticky;
    top: 0; }
    @media only screen and (max-width: 640px) {
      .scrollable-section__sticky {
        position: static;
        height: auto !important; } }
    .scrollable-section__sticky.who-list {
      flex-direction: column;
      padding-top: 120px;
      padding-bottom: 70px;
      height: auto !important; }
      @media only screen and (max-width: 640px) {
        .scrollable-section__sticky.who-list {
          padding-top: 0; } }
      .scrollable-section__sticky.who-list .who-list__item {
        margin-bottom: 50px; }
  .scrollable-section.our-work {
    overflow: hidden; }
    .page-template-template-homepage .scrollable-section.our-work {
      overflow: visible; }
    .scrollable-section.our-work:before {
      content: "";
      display: block;
      width: 120%;
      height: 100%;
      position: absolute;
      z-index: 1;
      left: -10%;
      top: 0;
      transform: skewX(-30deg);
      background: linear-gradient(180deg, #f5f5f5 0%, #ffffff 100%); }
      .page-template-template-homepage .scrollable-section.our-work:before {
        display: none; }
    .scrollable-section.our-work .scrollable-section__wrapper {
      z-index: 2;
      position: relative; }
  .scrollable-section.city {
    background: url(../images/city.png) center bottom no-repeat;
    background-size: 100% auto;
    padding-top: 60px;
    padding-bottom: 15%; }
    @media only screen and (max-width: 767px) {
      .scrollable-section.city {
        padding-top: 0; } }
    .scrollable-section.city .scrollable-section__sticky {
      position: static; }
    .scrollable-section.city .scrollable-section__content h4 {
      margin-bottom: 40px; }

.grid-section__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 4; }
  .grid-section__list li .service-box {
    padding: 0 0 40px 0;
    position: relative;
    display: flex;
    max-width: 520px; }
    @media only screen and (max-width: 640px) {
      .grid-section__list li .service-box {
        padding: 0 0 20px 0;
        max-width: 100%; } }
    .grid-section__list li .service-box.has-icon .service-box__content {
      flex: 1;
      padding: 15px 0 40px 0; }
      @media only screen and (max-width: 640px) {
        .grid-section__list li .service-box.has-icon .service-box__content {
          padding: 5px 0 0px 0; } }
    .grid-section__list li .service-box.full-width {
      max-width: 100%; }
      .grid-section__list li .service-box.full-width.has-icon .service-box__content {
        padding: 5px 0 40px 0; }
        @media only screen and (max-width: 640px) {
          .grid-section__list li .service-box.full-width.has-icon .service-box__content {
            padding: 5px 0 20px 0; } }
  .grid-section__list li .icon {
    display: flex;
    width: 60px;
    height: 60px;
    min-width: 60px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#2dc396, #03a9e8);
    margin-right: 25px; }
    @media only screen and (max-width: 640px) {
      .grid-section__list li .icon {
        margin-right: 15px;
        width: 44px;
        height: 44px;
        min-width: 44px; } }
    .page-template-template-technology .grid-section__list li .icon {
      top: 17px; }
  .grid-section__list li:nth-child(1) .icon {
    background: linear-gradient(#41b982, #40b886); }
  .grid-section__list li:nth-child(2) .icon {
    background: linear-gradient(#3eb392, #3db297); }
  .grid-section__list li:nth-child(3) .icon {
    background: linear-gradient(#3baea2, #3baca7); }
  .grid-section__list li:nth-child(4) .icon {
    background: linear-gradient(#39a9b2, #39a7b7); }
  .grid-section__list li:nth-child(5) .icon {
    background: linear-gradient(#37a2c8, #37a0ce); }
  .grid-section__list li:nth-child(6) .icon {
    background: linear-gradient(#369be0, #3699e6); }

.our-projects {
  padding-top: 40px; }
  .our-projects > .scrollable-section__list {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 0;
    padding-right: 0; }
    .our-projects > .scrollable-section__list.has-images li {
      padding-left: 20px;
      padding-right: 20px; }
      .our-projects > .scrollable-section__list.has-images li > a:first-child {
        display: block;
        box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.2);
        width: 100%;
        overflow: hidden;
        margin-bottom: 24px; }
        .our-projects > .scrollable-section__list.has-images li > a:first-child:hover > img {
          transform: scale(1.03); }
      .our-projects > .scrollable-section__list.has-images li img {
        width: 100%;
        display: block;
        transition: all 0.4s ease-in-out; }

.who-we-are-img {
  align-self: center; }
  .who-we-are-img img {
    float: right;
    max-width: 140%; }

.wireframe-bg {
  background: linear-gradient(174.33deg, #2dc396 0%, #03a9e8 100%); }
  .wireframe-bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/wireframe.svg) left center no-repeat;
    background-size: cover;
    opacity: 0.6; }

@media print, screen and (max-width: 900px) and (min-width: 640px) {
  .angled-section .grid-x .medium-8 {
    width: 80%; } }

@media print, screen and (max-width: 800px) {
  .angled-section br {
    display: none; } }

.magento-plans {
  padding: 60px 0; }
  .magento-plans h3 {
    text-align: center; }
  .magento-plans p {
    text-align: center; }
  .magento-plans .icon-check {
    width: 100%;
    max-width: 25px;
    height: auto; }
  .magento-plans table {
    margin-top: 20px; }

@media (max-width: 1280px) {
  .page-template-page-our-work .our-projects {
    overflow: hidden; } }

.work-section {
  padding: 180px 0; }
  @media only screen and (max-width: 1024px) {
    .work-section {
      padding: 90px 0; } }
  @media only screen and (max-width: 640px) {
    .work-section {
      padding: 60px 0; } }

.work-main {
  margin-top: 140px;
  position: relative;
  padding: 180px 0; }
  @media only screen and (max-width: 1024px) {
    .work-main {
      padding: 90px 0; } }
  @media only screen and (max-width: 640px) {
    .work-main {
      padding: 60px 0; } }
  @media only screen and (max-width: 900px) {
    .work-main {
      margin-top: 100px; } }
  .work-main__image img,
  .work-main__image picture {
    width: 100%; }
  @media only screen and (max-width: 640px) {
    .work-main__image img,
    .work-main__image picture {
      width: 150%;
      max-width: 150%;
      transform: translateX(-16%); } }
  .work-main__wrapper {
    position: relative;
    z-index: 10; }
  .work-main-content__services {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block; }
    .work-main-content__services li {
      display: inline-block;
      margin: 0 16px 0 0; }
      @media only screen and (max-width: 767px) {
        .work-main-content__services li {
          margin: 0 16px 16px 0; } }
      .work-main-content__services li a {
        padding: 8px 16px;
        background: #181A1D;
        border-radius: 50px;
        font-size: 12px;
        font-size: 0.75rem;
        text-transform: uppercase;
        font-weight: 700;
        display: inline-block; }
  .work-main-intro {
    padding: 180px 0;
    color: #FFFFFF; }
    @media only screen and (max-width: 1024px) {
      .work-main-intro {
        padding: 90px 0; } }
    @media only screen and (max-width: 640px) {
      .work-main-intro {
        padding: 60px 0; } }
    .work-main-intro__overview {
      font-size: 27px;
      font-size: 1.6875rem;
      line-height: 1.5; }
      .work-main-intro__overview p {
        font-size: inherit;
        line-height: inherit;
        color: #FFFFFF;
        font-family: "Roboto", sans-serif; }
    .work-main-intro__highlights {
      font-size: 21px;
      font-size: 1.3125rem;
      line-height: 34px; }
      .work-main-intro__highlights ol,
      .work-main-intro__highlights ul {
        list-style: none;
        counter-reset: steps;
        padding: 0;
        margin: 0; }
        .work-main-intro__highlights ol li,
        .work-main-intro__highlights ul li {
          counter-increment: steps;
          display: block;
          padding-left: 68px;
          position: relative;
          margin-bottom: 32px;
          color: #FFFFFF; }
          .work-main-intro__highlights ol li:before,
          .work-main-intro__highlights ul li:before {
            content: counter(steps);
            font-size: 16px;
            font-size: 1rem;
            height: 48px;
            width: 48px;
            border: 1px solid #4F5154;
            border-radius: 50%;
            display: inline-block;
            text-align: center;
            line-height: 48px;
            position: absolute;
            left: 0;
            top: -7px; }
          .work-main-intro__highlights ol li:last-of-type,
          .work-main-intro__highlights ul li:last-of-type {
            margin: 0; }
  .work-main__video video {
    width: 100%;
    height: auto; }
  .work-main-challenge {
    background: #141516;
    padding: 180px 0; }
    @media only screen and (max-width: 1024px) {
      .work-main-challenge {
        padding: 90px 0; } }
    @media only screen and (max-width: 640px) {
      .work-main-challenge {
        padding: 60px 0; } }
    .work-main-challenge .cell {
      position: relative; }
    .work-main-challenge__overview {
      position: sticky;
      max-width: 360px;
      top: calc(30% - 140px); }
      @media only screen and (max-width: 767px) {
        .work-main-challenge__overview {
          max-width: 100%;
          padding: 0 0 60px; } }
    .work-main-challenge h2,
    .work-main-challenge .h2,
    .work-main-challenge h3,
    .work-main-challenge .h3 {
      font-family: "Gilroy", sans-serif;
      font-weight: 400;
      line-height: 1.3;
      margin: 0 0 20px;
      margin: 0 0 30px; }
      .work-main-challenge h2,
      .work-main-challenge .h2,
      .work-main-challenge h3,
      .work-main-challenge .h3 {
        font-size: 28px; }
        @media screen and (min-width: 420px) {
          .work-main-challenge h2,
          .work-main-challenge .h2,
          .work-main-challenge h3,
          .work-main-challenge .h3 {
            font-size: calc( 28px + 8 * ( (100vw - 420px) / 980 )); } }
        @media screen and (min-width: 1400px) {
          .work-main-challenge h2,
          .work-main-challenge .h2,
          .work-main-challenge h3,
          .work-main-challenge .h3 {
            font-size: 36px;
            line-height: 1.3; } }
    .work-main-challenge p {
      color: #BDBEBF;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 30px; }
    .work-main-challenge__media img {
      width: 100%;
      height: auto; }
  .work-main-media--angled {
    overflow: hidden; }
    .work-main-media--angled picture,
    .work-main-media--angled img {
      width: 100%; }
    @media only screen and (max-width: 640px) {
      .work-main-media--angled img {
        width: 150%;
        max-width: 150%;
        transform: translateX(-16%); } }
  .work-main-media--lifestyle {
    overflow: hidden; }
    .work-main-media--lifestyle picture,
    .work-main-media--lifestyle img {
      width: 100%; }
    @media only screen and (max-width: 640px) {
      .work-main-media--lifestyle img {
        width: 150%;
        max-width: 150%;
        transform: translateX(-16%); } }
  .work-main-media--overlap .grid-x {
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap; }
    @media only screen and (max-width: 640px) {
      .work-main-media--overlap .grid-x {
        flex-wrap: wrap; } }
  .work-main-media--overlap .overlap-1 {
    width: calc(58.33333% - 1.875rem); }
    @media only screen and (max-width: 640px) {
      .work-main-media--overlap .overlap-1 {
        width: 100%; } }
  .work-main-media--overlap .overlap-2 {
    width: calc(58.33333% - 1.875rem);
    margin-left: -20%;
    margin-top: 20%; }
    @media only screen and (max-width: 640px) {
      .work-main-media--overlap .overlap-2 {
        width: 90%;
        margin: -20% auto 0 auto; } }
  .work-main-media--mobile-gallery {
    background: #181A1D; }
    .work-main-media--mobile-gallery .splide__slide {
      text-align: center;
      width: calc(((90% + 0px) / 4) - 0px) !important; }
      @media only screen and (max-width: 640px) {
        .work-main-media--mobile-gallery .splide__slide {
          width: calc(((80% + 0px) / 3) - 0px) !important; } }
      @media only screen and (max-width: 480px) {
        .work-main-media--mobile-gallery .splide__slide {
          width: calc(((80% + 0px) / 1) - 0px) !important; } }
      .work-main-media--mobile-gallery .splide__slide picture {
        display: block; }
      .work-main-media--mobile-gallery .splide__slide img {
        max-width: 375px;
        width: 90%; }
  @media only screen and (max-width: 640px) {
    .work-main-results--splide .splide__slide {
      width: calc(((80% + 0px) / 1) - 0px) !important; } }
  .work-main-testimonial {
    padding: 180px 0; }
    @media only screen and (max-width: 1024px) {
      .work-main-testimonial {
        padding: 90px 0; } }
    @media only screen and (max-width: 640px) {
      .work-main-testimonial {
        padding: 60px 0; } }
    .work-main-testimonial figure {
      max-width: 990px;
      margin: 0 auto; }
      .work-main-testimonial figure blockquote {
        margin-bottom: 50px; }
      .work-main-testimonial figure figcaption {
        text-align: center;
        color: #BDBEBF;
        font-size: 16px;
        font-size: 1rem;
        line-height: 30px; }
  .work-main-solution h2 {
    font-family: "Gilroy", sans-serif;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 20px;
    max-width: 480px;
    margin: 0 0 30px; }
    .work-main-solution h2 {
      font-size: 28px; }
      @media screen and (min-width: 420px) {
        .work-main-solution h2 {
          font-size: calc( 28px + 8 * ( (100vw - 420px) / 980 )); } }
      @media screen and (min-width: 1400px) {
        .work-main-solution h2 {
          font-size: 36px;
          line-height: 1.3; } }
  .work-main-solution p {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 30px;
    color: #BDBEBF; }
  .work-main-results .grid-x {
    justify-content: space-between; }
  .work-main-results--no-mobile {
    width: 100%;
    height: auto; }
    .work-main-results--no-mobile picture,
    .work-main-results--no-mobile img {
      width: 100%; }
  .work-main-results__gallery {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    max-width: 830px; }
    @media only screen and (max-width: 767px) {
      .work-main-results__gallery {
        justify-content: space-between; } }
    @media only screen and (max-width: 640px) {
      .work-main-results__gallery {
        max-width: 100%;
        justify-content: unset; } }
    .work-main-results__gallery li {
      display: inline-block;
      margin: 0;
      width: calc(50% - 15px);
      text-align: center; }
      .work-main-results__gallery li:nth-child(odd) {
        padding-top: 270px;
        margin-top: -180px; }
      .work-main-results__gallery li:nth-child(even) {
        margin-top: -180px; }
      .work-main-results__gallery li:nth-child(1), .work-main-results__gallery li:nth-child(2) {
        margin-top: 0; }
      @media only screen and (max-width: 640px) {
        .work-main-results__gallery li {
          padding-top: 0 !important;
          margin-top: 0 !important; } }
      .work-main-results__gallery li img {
        max-width: 375px;
        width: 90%; }
  .work-main-results__overview {
    position: sticky;
    max-width: 360px;
    top: calc(30% - 140px);
    float: right; }
    @media only screen and (max-width: 767px) {
      .work-main-results__overview {
        padding: 0 0 60px;
        max-width: 100%; } }
    .work-main-results__overview h2,
    .work-main-results__overview .h2,
    .work-main-results__overview h3,
    .work-main-results__overview .h3 {
      font-family: "Gilroy", sans-serif;
      font-weight: 400;
      line-height: 1.3;
      margin: 0 0 20px;
      margin: 0 0 30px; }
      .work-main-results__overview h2,
      .work-main-results__overview .h2,
      .work-main-results__overview h3,
      .work-main-results__overview .h3 {
        font-size: 28px; }
        @media screen and (min-width: 420px) {
          .work-main-results__overview h2,
          .work-main-results__overview .h2,
          .work-main-results__overview h3,
          .work-main-results__overview .h3 {
            font-size: calc( 28px + 8 * ( (100vw - 420px) / 980 )); } }
        @media screen and (min-width: 1400px) {
          .work-main-results__overview h2,
          .work-main-results__overview .h2,
          .work-main-results__overview h3,
          .work-main-results__overview .h3 {
            font-size: 36px;
            line-height: 1.3; } }
    .work-main-results__overview p {
      color: #BDBEBF;
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 30px; }
  .work-main h1,
  .work-main .h1 {
    font-family: "Gilroy", sans-serif;
    font-weight: 400;
    line-height: 1.3;
    margin: 0; }
    .work-main h1,
    .work-main .h1 {
      font-size: 48px; }
      @media screen and (min-width: 420px) {
        .work-main h1,
        .work-main .h1 {
          font-size: calc( 48px + 15 * ( (100vw - 420px) / 980 )); } }
      @media screen and (min-width: 1400px) {
        .work-main h1,
        .work-main .h1 {
          font-size: 63px;
          line-height: 1.3; } }
  @media only screen and (max-width: 640px) {
    .work-main .intro {
      display: none; } }

.work-pagination {
  padding: 120px 0;
  position: relative;
  overflow: hidden; }
  .work-pagination .next-work__video {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .work-pagination .next-work__video video {
      width: 100%;
      height: auto; }
    @media only screen and (max-width: 640px) {
      .work-pagination .next-work__video {
        width: 150%; } }
  .work-pagination:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background: #0C0D0E;
    opacity: 0.6;
    top: 0;
    left: 0;
    z-index: 5; }
  .work-pagination .grid-container {
    z-index: 10;
    position: relative; }
  .work-pagination .cell {
    justify-content: flex-end;
    display: flex; }
    @media only screen and (max-width: 767px) {
      .work-pagination .cell {
        justify-content: center; } }
  .work-pagination__text {
    max-width: 500px;
    padding: 35px 40px;
    border: 1px solid;
    border-image-slice: 1;
    border-width: 2px;
    border-image-source: linear-gradient(to left, #7DE358, #54AFE2); }
    @media only screen and (max-width: 767px) {
      .work-pagination__text {
        margin: 0 20px; } }
    .work-pagination__text h4 {
      margin-top: 0; }
    .work-pagination__text .tagline {
      margin-bottom: 50px; }
      @media only screen and (max-width: 767px) {
        .work-pagination__text .tagline {
          margin-bottom: 20px; } }
    .work-pagination__text img {
      width: 40px;
      height: auto; }

.tech-content {
  padding-top: 100px;
  align-self: baseline; }
  .tech-content__image {
    display: block;
    max-width: 120%;
    margin-left: -20%; }

.simple-section {
  background: url(../images/simple-section-mask.svg) center top no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  padding: 60px 0px; }
  .simple-section h2,
  .simple-section h3 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 40px;
    font-weight: bold;
    color: #0C0D0E;
    margin-bottom: 30px; }
    @media only screen and (max-width: 640px) {
      .simple-section h2,
      .simple-section h3 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 30px;
        margin-bottom: 16px; } }
  .simple-section__wrapper {
    align-items: center; }
  .simple-section__list {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 40px 0px 0px;
    position: relative;
    z-index: 3; }
    .simple-section__list > li {
      display: block;
      padding: 40px 0px; }
      @media only screen and (max-width: 640px) {
        .simple-section__list > li {
          padding: 0px; } }
      .simple-section__list > li h3 {
        font-size: 34px;
        font-size: 2.125rem;
        line-height: 40px;
        font-weight: bold;
        color: #0C0D0E;
        margin-bottom: 30px; }
      .simple-section__list > li p {
        color: #bdbebf;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.7;
        letter-spacing: 0.02em;
        margin: 0 0 40px;
        margin-bottom: 30px; }
  .simple-section__graph {
    position: relative;
    z-index: 1;
    background: url(../images/graph-mask.svg) left bottom no-repeat;
    background-size: 100% 55%; }
  .simple-section #simple-section__graph-id {
    height: 730px;
    background: -webkit-linear-gradient(#2dc396, #03a9e8);
    transform: skew(36deg);
    overflow: hidden;
    margin-left: 40%;
    backface-visibility: hidden;
    width: 90%; }
    .simple-section #simple-section__graph-id canvas {
      opacity: 0.4; }
    @media only screen and (max-width: 767px) {
      .simple-section #simple-section__graph-id {
        display: none; } }
  .simple-section.inverse {
    background-image: url(../images/reversed-mask.svg);
    padding-top: 40px;
    padding-bottom: 0px;
    overflow: visible; }
    @media only screen and (max-width: 767px) {
      .simple-section.inverse {
        background-size: auto 100%; } }
    @media only screen and (max-width: 767px) {
      .simple-section.inverse img {
        display: none; } }

.technology-child {
  background: url(../images/tech-mask1.svg) top left no-repeat;
  background-size: 100% auto;
  padding: 80px 0px;
  overflow: hidden; }
  .technology-child.bg2 {
    background: url(../images/tech-mask2.svg) top left no-repeat;
    background-size: 60% auto;
    padding-bottom: 0; }
  .technology-child.bg3 {
    background: url(../images/tech-mask3.svg) top right no-repeat;
    background-size: 100% auto;
    padding-bottom: 0; }
  .technology-child__wrapper {
    align-items: center; }
  .technology-child__textblock {
    padding: 40px; }
  .technology-child h3 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 40px;
    font-weight: bold;
    color: #0C0D0E;
    margin-bottom: 30px; }
  .technology-child p {
    color: #bdbebf;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    letter-spacing: 0.02em;
    margin: 0 0 40px; }
  .technology-child a {
    color: #bdbebf;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    letter-spacing: 0.02em;
    margin: 0 0 40px;
    color: #008ABF; }
    .technology-child a.btn {
      color: #FFFFFF; }
  .technology-child ul {
    color: #bdbebf;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    letter-spacing: 0.02em;
    margin: 0 0 40px; }

.services-section {
  position: relative;
  padding: 60px 0px; }
  .services-section .grid-container {
    position: relative;
    z-index: 5; }
  @media only screen and (max-width: 640px) {
    .services-section {
      padding: 40px 0 20px;
      background: url(../images/mobile-mark.svg) left top no-repeat; }
      .services-section:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background: url(../images/grey-shape.svg) left bottom no-repeat; }
      .services-section__wrapper {
        position: relative;
        z-index: 4; } }
  .services-section.services-footer h2 {
    text-align: center;
    margin-bottom: 60px; }
    @media only screen and (max-width: 640px) {
      .services-section.services-footer h2 {
        margin-bottom: 40px; } }

.services-child {
  padding: 120px 0;
  position: relative;
  background: url(../images/services-child-mask4.svg) bottom right no-repeat;
  background-size: 50% auto; }
  @media only screen and (max-width: 640px) {
    .services-child {
      background: url(../images/mobile-mark.svg) left top no-repeat; } }
  @media only screen and (max-width: 640px) {
    .services-child {
      padding: 40px 0; } }
  .services-child__textblock {
    padding: 40px; }
    @media only screen and (max-width: 640px) {
      .services-child__textblock {
        padding: 10px 0px; } }
    .services-child__textblock ul li {
      line-height: 32px;
      margin-bottom: 10px; }
  .services-child h2,
  .services-child h3 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 40px;
    font-weight: bold;
    color: #0C0D0E;
    margin-bottom: 30px; }
    @media only screen and (max-width: 640px) {
      .services-child h2,
      .services-child h3 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 30px;
        margin-bottom: 16px; } }

.steps {
  display: block; }
  .steps__list {
    list-style: none;
    margin: 0;
    padding: 0; }
    .steps__list li {
      display: block;
      margin: 0;
      padding-bottom: 100px;
      position: relative;
      padding-left: 230px; }
      @media only screen and (max-width: 640px) {
        .steps__list li {
          padding-left: 100px; } }
      .steps__list li:last-child {
        padding-bottom: 0; }
      .steps__list li:nth-child(2) .steps__number {
        background-image: url(../images/step2.svg); }
      .steps__list li:nth-child(3) .steps__number {
        background-image: url(../images/step3.svg); }
      .steps__list li:nth-child(4) .steps__number {
        background-image: url(../images/step4.svg); }
      .steps__list li:before {
        content: '';
        display: block;
        width: 21px;
        height: 21px;
        border-radius: 50%;
        background: linear-gradient(#45d18a, #3dc1cd);
        position: absolute;
        left: 170px;
        top: 12px;
        z-index: 3; }
        @media only screen and (max-width: 640px) {
          .steps__list li:before {
            left: 70px; } }
      .steps__list li:after {
        content: '';
        display: block;
        height: 100%;
        bottom: 0;
        z-index: 1;
        position: absolute;
        left: 180px;
        width: 1px;
        background: #a2a2a2; }
        @media only screen and (max-width: 640px) {
          .steps__list li:after {
            left: 80px; } }
      .steps__list li:first-child:after {
        height: calc(100% - 12px); }
  .steps__number {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100px;
    height: 170px;
    padding-bottom: 20px;
    background: url(../images/step1.svg) 10px top no-repeat; }
    @media only screen and (max-width: 640px) {
      .steps__number {
        width: 50px;
        background-size: auto 65px;
        height: 90px; } }
    .steps__number:after {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      content: "STEP";
      text-align: center;
      font-size: 16px;
      font-size: 1rem;
      color: #008ABF;
      font-style: italic;
      font-weight: 700;
      letter-spacing: 1px; }
      @media only screen and (max-width: 640px) {
        .steps__number:after {
          font-size: 13px;
          font-size: 0.8125rem; } }
  .steps h2,
  .steps h3 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 40px;
    font-weight: bold;
    color: #0C0D0E;
    margin-bottom: 30px; }
  .steps p {
    color: #bdbebf;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    letter-spacing: 0.02em;
    margin: 0 0 40px; }

body.blog, body.single-post, body.archive {
  background: #FFFFFF;
  color: #393B3F; }
  body.blog #content a:not(.btn), body.single-post #content a:not(.btn), body.archive #content a:not(.btn) {
    color: #393B3F; }
    body.blog #content a:not(.btn):hover, body.blog #content a:not(.btn):visited, body.blog #content a:not(.btn):visited:hover, body.single-post #content a:not(.btn):hover, body.single-post #content a:not(.btn):visited, body.single-post #content a:not(.btn):visited:hover, body.archive #content a:not(.btn):hover, body.archive #content a:not(.btn):visited, body.archive #content a:not(.btn):visited:hover {
      color: #393B3F; }
  body.blog #content hr, body.single-post #content hr, body.archive #content hr {
    margin: 30px 0; }
    body.blog #content hr.wp-block-separator, body.single-post #content hr.wp-block-separator, body.archive #content hr.wp-block-separator {
      border-top: 1px solid #0C0D0E; }
  body.blog #content p, body.single-post #content p, body.archive #content p {
    margin: 0 0 15px; }
    body.blog #content p a:not(.btn), body.single-post #content p a:not(.btn), body.archive #content p a:not(.btn) {
      color: #393B3F;
      border-bottom: none;
      transition: border 500ms ease-out;
      position: relative;
      display: inline-block; }
      body.blog #content p a:not(.btn):after, body.single-post #content p a:not(.btn):after, body.archive #content p a:not(.btn):after {
        content: '';
        height: 2px;
        width: 100%;
        background: linear-gradient(90deg, #7DE358 0%, #54AFE2 55.94%);
        background-position: 0 0;
        position: absolute;
        display: block;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        transition: all 0.2s; }
      body.blog #content p a:not(.btn):hover, body.blog #content p a:not(.btn):visited:hover, body.single-post #content p a:not(.btn):hover, body.single-post #content p a:not(.btn):visited:hover, body.archive #content p a:not(.btn):hover, body.archive #content p a:not(.btn):visited:hover {
        color: #393B3F; }
        body.blog #content p a:not(.btn):hover:after, body.blog #content p a:not(.btn):visited:hover:after, body.single-post #content p a:not(.btn):hover:after, body.single-post #content p a:not(.btn):visited:hover:after, body.archive #content p a:not(.btn):hover:after, body.archive #content p a:not(.btn):visited:hover:after {
          transition: all 0.2s;
          width: 90%; }
      body.blog #content p a:not(.btn):visited, body.single-post #content p a:not(.btn):visited, body.archive #content p a:not(.btn):visited {
        color: #393B3F; }

#content {
  margin: 140px 0 0; }
  @media only screen and (max-width: 767px) {
    #content {
      margin: 120px 0 40px; } }

.entry {
  margin: 0 0 60px;
  color: #393B3F;
  font-weight: 400;
  background: #FFFFFF; }
  .entry h2,
  .entry h3,
  .entry h4 {
    color: #393B3F; }
  .entry p {
    color: inherit; }
  @media only screen and (max-width: 767px) {
    .entry {
      margin: 0 0 60px; } }
  .entry__header {
    margin: 0 0 20px; }
  .entry__title {
    font-size: 28px;
    font-size: 1.75rem;
    color: #393B3F;
    font-weight: 700;
    line-height: 1.3;
    position: relative;
    top: auto;
    left: auto;
    margin: 0 0 30px;
    display: block; }
    @media only screen and (max-width: 767px) {
      .entry__title {
        font-size: 22px;
        font-size: 1.375rem; } }
  .entry__seperator-line {
    line-height: 18px;
    padding: 0 3px;
    color: #BDBEBF; }
  .entry__meta {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    color: #808181; }
    .entry__meta .meta__additional {
      display: inline-block;
      color: #808181; }
      .entry__meta .meta__additional .additional {
        color: #808181; }
        .entry__meta .meta__additional .additional__author {
          color: #808181; }
        .entry__meta .meta__additional .additional__details a {
          text-decoration: underline; }
  .entry__content {
    overflow-wrap: break-word; }
    .entry__content h2 {
      list-style: none;
      margin-bottom: 30px; }
    .entry__content ol li {
      margin-bottom: 5px; }
  .entry .fo-text-link {
    color: inherit; }

.single-post .entry {
  margin: 0; }
  .single-post .entry__header {
    background: #F4F4F4;
    padding: 90px 0;
    margin: 0; }
  .single-post .entry-header__inner {
    max-width: 1160px;
    margin: 0 auto; }
  .single-post .entry-header-inner__category {
    text-align: center;
    margin-bottom: 30px; }
  .single-post .entry__title {
    font-family: "Gilroy", sans-serif;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
    background: linear-gradient(left, #7DE358, #54AFE2);
    background: -webkit-linear-gradient(left, #7DE358, #54AFE2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0; }
    .single-post .entry__title {
      font-size: 48px; }
      @media screen and (min-width: 420px) {
        .single-post .entry__title {
          font-size: calc( 48px + 15 * ( (100vw - 420px) / 980 )); } }
      @media screen and (min-width: 1400px) {
        .single-post .entry__title {
          font-size: 63px;
          line-height: 1.3; } }
  .single-post .entry__media {
    background: linear-gradient(180deg, #F4F4F4 50%, #FFFFFF 50%);
    background-size: 50% auto; }
  .single-post .entry .post-thumbnail {
    text-align: center;
    max-width: 1160px;
    margin: 0 auto 100px auto; }
  .single-post .entry__content {
    max-width: 930px;
    margin: 0 auto 90px; }
    .single-post .entry__content img {
      width: 120%; }
  .single-post .entry blockquote {
    color: #393B3F;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    max-width: 90%;
    margin: 50px auto;
    display: block;
    padding: 0; }
    .single-post .entry blockquote {
      font-size: 22px; }
      @media screen and (min-width: 420px) {
        .single-post .entry blockquote {
          font-size: calc( 22px + 4 * ( (100vw - 420px) / 980 )); } }
      @media screen and (min-width: 1400px) {
        .single-post .entry blockquote {
          font-size: 26px;
          line-height: 1.3; } }
    .single-post .entry blockquote:before {
      content: '';
      display: none; }
  .single-post .entry .text-block {
    max-width: 750px;
    margin: 0 auto 48px auto; }
  .single-post .entry .image-block {
    margin: 0 auto 48px auto; }
    .single-post .entry .image-block .wp-caption-text {
      font-size: 16px;
      font-size: 1rem;
      color: #808181; }
  .single-post .entry .quote-block {
    margin: 0 auto 48px auto; }
    .single-post .entry .quote-block blockquote {
      color: #393B3F;
      background: none;
      text-align: left;
      line-height: 1.7;
      max-width: 100%;
      -webkit-background-clip: unset;
      -webkit-text-fill-color: unset;
      margin: 50px auto;
      display: block;
      font-style: italic;
      padding: 0 0 0 30px;
      font-weight: 400;
      border-left: 1px solid;
      border-image-slice: 1;
      border-width: 2px;
      border-image-source: linear-gradient(to bottom, #7DE358, #54AFE2); }
      .single-post .entry .quote-block blockquote {
        font-size: 22px; }
        @media screen and (min-width: 420px) {
          .single-post .entry .quote-block blockquote {
            font-size: calc( 22px + 4 * ( (100vw - 420px) / 980 )); } }
        @media screen and (min-width: 1400px) {
          .single-post .entry .quote-block blockquote {
            font-size: 26px;
            line-height: 1.3; } }
      .single-post .entry .quote-block blockquote:before {
        content: '';
        display: none; }
      .single-post .entry .quote-block blockquote p {
        line-height: 1.7; }
  .single-post .entry__nav {
    background: #F4F4F4;
    padding: 120px 0;
    margin: 0; }
  .single-post .entry-nav__inner {
    max-width: 1160px;
    margin: 0 auto; }

.featured-article .entry__title {
  font-family: "Gilroy", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 30px; }
  .featured-article .entry__title {
    font-size: 36px; }
    @media screen and (min-width: 420px) {
      .featured-article .entry__title {
        font-size: calc( 36px + 9 * ( (100vw - 420px) / 980 )); } }
    @media screen and (min-width: 1400px) {
      .featured-article .entry__title {
        font-size: 45px;
        line-height: 1.3; } }
  @media only screen and (max-width: 767px) {
    .featured-article .entry__title {
      margin: 0; } }

.featured-article .entry .post-thumbnail {
  margin-bottom: 30px; }

.featured-article .entry-header__cat a {
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  display: block; }

.entry-content__nav-title {
  margin: 60px 0 0; }

.entry-content__nav {
  display: flex;
  justify-content: space-between;
  margin: 60px 0 30px; }
  @media only screen and (max-width: 767px) {
    .entry-content__nav {
      flex-direction: column; } }
  .entry-content__nav .single-post-nav {
    display: block;
    width: 45%;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .entry-content__nav .single-post-nav {
        width: 100%; } }
    .entry-content__nav .single-post-nav__inner h4 {
      margin-bottom: 20px; }

.blog #content,
.archive #content {
  color: #393B3F; }
  .blog #content a:not(.btn),
  .blog #content a:not(.btn):hover,
  .blog #content a:not(.btn):visited,
  .archive #content a:not(.btn),
  .archive #content a:not(.btn):hover,
  .archive #content a:not(.btn):visited {
    color: #393B3F; }
  .blog #content h2,
  .archive #content h2 {
    font-weight: 400; }
  .blog #content .featured-row,
  .archive #content .featured-row {
    margin-bottom: 180px; }

.blog-listing,
.archive-listing {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 90px; }
  .blog-listing .post,
  .archive-listing .post {
    background: #F4F4F4;
    width: calc(50% - 8px);
    margin-bottom: 16px;
    min-height: 300px;
    display: flex;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .blog-listing .post,
      .archive-listing .post {
        width: 100%; } }
    .blog-listing .post:before,
    .archive-listing .post:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      border-style: solid;
      border-width: 0 0 30px 30px;
      border-color: transparent transparent transparent #008ABF; }
    .blog-listing .post.category-strategy:before,
    .archive-listing .post.category-strategy:before {
      border-color: transparent transparent transparent #bf009c; }
    .blog-listing .post.category-web-design:before,
    .archive-listing .post.category-web-design:before {
      border-color: transparent transparent transparent #dce358; }
    .blog-listing .post.category-web-development:before,
    .archive-listing .post.category-web-development:before {
      border-color: transparent transparent transparent #e35858; }
    .blog-listing .post.category-marketing:before,
    .archive-listing .post.category-marketing:before {
      border-color: transparent transparent transparent #9f58e3; }
    .blog-listing .post.category-e-commerce:before,
    .archive-listing .post.category-e-commerce:before {
      border-color: transparent transparent transparent #7DE358; }
    .blog-listing .post.show-image,
    .archive-listing .post.show-image {
      width: 100%; }
      .blog-listing .post.show-image .entry,
      .archive-listing .post.show-image .entry {
        flex-direction: row;
        justify-content: space-between;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .blog-listing .post.show-image .entry,
          .archive-listing .post.show-image .entry {
            flex-direction: column; } }
        .blog-listing .post.show-image .entry__image,
        .archive-listing .post.show-image .entry__image {
          height: 100%;
          display: block;
          width: calc(50% - 8px); }
          @media only screen and (max-width: 767px) {
            .blog-listing .post.show-image .entry__image,
            .archive-listing .post.show-image .entry__image {
              width: 100%;
              display: none; } }
        .blog-listing .post.show-image .entry__inner,
        .archive-listing .post.show-image .entry__inner {
          width: calc(50% - 8px); }
          @media only screen and (max-width: 767px) {
            .blog-listing .post.show-image .entry__inner,
            .archive-listing .post.show-image .entry__inner {
              width: 100%; } }
        .blog-listing .post.show-image .entry--image-right .entry__image,
        .archive-listing .post.show-image .entry--image-right .entry__image {
          order: 10; }
        .blog-listing .post.show-image .entry--image-right .entry__inner,
        .archive-listing .post.show-image .entry--image-right .entry__inner {
          order: 5; }
  .blog-listing .entry,
  .archive-listing .entry {
    background: none;
    margin: 0;
    display: flex;
    flex-direction: column; }
    .blog-listing .entry__inner,
    .archive-listing .entry__inner {
      padding: 30px;
      display: flex;
      flex-direction: column;
      height: 100%; }
    .blog-listing .entry-inner__excerpt,
    .archive-listing .entry-inner__excerpt {
      opacity: 0.6; }
    .blog-listing .entry-inner__category,
    .archive-listing .entry-inner__category {
      margin-top: auto;
      display: flex;
      justify-content: space-between; }

.blog-cat-list h4,
.archive-cat-list h4 {
  color: #393B3F;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700; }

.blog-cat-list ul,
.archive-cat-list ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .blog-cat-list ul li a,
  .archive-cat-list ul li a {
    color: #393B3F;
    font-size: 16px;
    font-size: 1rem; }

.entry-nav__links {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .entry-nav__links .single-post-nav {
    width: calc(50% - 15px);
    background: #FFFFFF;
    padding: 30px;
    min-height: 300px;
    display: flex;
    flex-direction: column; }
    .entry-nav__links .single-post-nav h4 {
      margin: 0 0 30px; }
    .entry-nav__links .single-post-nav__category {
      margin-top: auto;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
    .entry-nav__links .single-post-nav .single-post-nav-category {
      color: #393B3F; }

.entry-nav__title {
  margin-bottom: 64px; }

.single-post-nav {
  position: relative; }
  .single-post-nav:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 0 0 30px 30px;
    border-color: transparent transparent transparent #008ABF; }
  .single-post-nav.category-strategy:before {
    border-color: transparent transparent transparent #bf009c; }
  .single-post-nav.category-web-design:before {
    border-color: transparent transparent transparent #dce358; }
  .single-post-nav.category-web-development:before {
    border-color: transparent transparent transparent #e35858; }
  .single-post-nav.category-marketing:before {
    border-color: transparent transparent transparent #9f58e3; }
  .single-post-nav.category-e-commerce:before {
    border-color: transparent transparent transparent #7DE358; }

@media only screen and (max-width: 767px) {
  .blog-cat-list {
    display: none; } }

.cms-simple {
  margin-top: 140px; }
  .cms-simple__header h1 {
    position: relative;
    left: auto;
    top: auto;
    text-align: center; }
  .cms-simple__content {
    padding: 0 0 40px; }
    .cms-simple__content h1 {
      position: relative;
      left: auto;
      top: auto; }
    .cms-simple__content h2 {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 35px;
      margin: 10px 0; }

.who-recognize {
  text-align: center;
  background: none; }
  .who-recognize h3 {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 50px;
    margin: 0 auto 20px;
    color: #212121; }
  .who-recognize .cell {
    align-items: center;
    display: flex;
    justify-content: center; }
    @media only screen and (max-width: 640px) {
      .who-recognize .cell {
        min-height: 200px; } }
    .who-recognize .cell img {
      width: 100%;
      height: auto;
      max-width: 400px;
      padding: 20px; }