/**
 * About Us page — styled after the homepage design language:
 * ProximaNova uppercase headings, flat bordered cards, header gradient,
 * theme purple accents, no rounded corners.
 */

.page-cms-4 {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.cms-id-4 .breadcrumb {
  display: none;
}

.about-page {
  color: #363e66;
  font-family: "Open Sans", Arial, sans-serif;
}

.about-page *,
.about-page *::before,
.about-page *::after {
  box-sizing: border-box;
}

.about-page p {
  font-size: 16px;
  line-height: 1.75;
  color: #707187;
}

/* ---------------------------------------------------------------- hero */

.about-hero {
  overflow: hidden;
  background: linear-gradient(to right, #28136b, #0a29b1);
}

.about-hero .hero {
  min-height: 560px;
  padding-top: 80px;
}

.about-hero .hero__text {
  padding-bottom: 80px;
}

.about-hero .hero__text-heading {
  line-height: 1.3;
}

.about-hero .hero__text-heading b {
  margin-top: 10px;
}

.about-hero .hero__text-descr {
  max-width: 560px;
  margin-bottom: 45px;
}

.about-hero .hero__image {
  align-self: flex-end;
}

.about-hero .hero__people {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  opacity: 1;
}

.about-hero .hero__cube {
  bottom: auto;
  top: 30px;
  left: -70px;
}

.about-hero .hero__cube-big {
  bottom: -50px;
  right: -70px;
}

/* --------------------------------------------------------------- proof */

.about-proof {
  padding: 90px 0 0;
}

.about-proof__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.about-proof__list li {
  width: 25%;
  min-height: 190px;
  margin: -1px 0 0 -1px;
  padding: 40px 30px;
  text-align: center;
  border: 1px solid #e8e9f7;
}

.about-proof__list b {
  display: block;
  margin-bottom: 14px;
  font: normal 44px/1 "ProximaNova-Extrabld", "ProximaNova-Bold", "Open Sans", sans-serif;
  color: #6e3bff;
  letter-spacing: 2px;
}

.about-proof__list span {
  font: normal 15px/1.5 "Open Sans", sans-serif;
  color: #707187;
}

/* --------------------------------------------------------------- story */

.about-story {
  padding: 100px 0 60px;
}

.about-story__copy {
  max-width: 830px;
  margin: 0 auto;
}

.about-story__copy p {
  margin: 0 0 22px;
}

.about-story__copy b {
  color: #363e66;
}

/* -------------------------------------------------------- capabilities */

.about-capabilities {
  padding: 100px 0 60px;
  background: #20224a;
}

.about-capabilities__heading {
  color: #eaeaf5;
}

.about-capabilities__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.about-capabilities__list li {
  width: 25%;
  padding: 25px;
  margin-bottom: 40px;
}

.about-capabilities__icon {
  display: block;
  margin: 0 auto;
}

.about-capabilities__list h3 {
  margin: 45px 0 15px;
  font: 300 1rem/1.7 "ProximaNova-Bold", "Open Sans", sans-serif;
  color: #eaeaf5;
  letter-spacing: 3.2px;
  text-align: center;
  text-transform: uppercase;
}

.about-capabilities__list p {
  margin: 0;
  font: 300 1rem/1.5 "Open Sans", sans-serif;
  color: #8f8fb3;
  text-align: center;
}

/* ---------------------------------------------------------- principles */

.about-principles {
  padding: 100px 0 40px;
}

.about-principles__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
  padding: 0;
  list-style: none;
}

.about-principles__list li {
  width: calc(50% - 30px);
  margin: 0 15px 30px;
  padding: 42px 45px;
  background: #fff;
  -webkit-box-shadow: 10.6px 10.6px 49px 0 rgba(114, 113, 192, 0.17);
  box-shadow: 10.6px 10.6px 49px 0 rgba(114, 113, 192, 0.17);
}

.about-principles__list b {
  display: block;
  margin: 0 0 13px;
  font: normal 1rem/1.45 "ProximaNova-Bold", "Open Sans", sans-serif;
  color: #6e3bff;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.about-principles__list p {
  margin: 0;
}

/* ------------------------------------------------------------- process */

.about-process {
  padding: 90px 0 40px;
}

.about-process__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}

.about-process__list li {
  width: 25%;
  padding: 35px 30px 20px;
  border-top: 1px solid #e8e9f7;
}

.about-process__list span {
  display: block;
  margin-bottom: 22px;
  font: normal 34px/1 "ProximaNova-Extrabld", "ProximaNova-Bold", "Open Sans", sans-serif;
  color: #6e3bff;
  letter-spacing: 2px;
}

.about-process__list b {
  display: block;
  margin-bottom: 12px;
  font: normal 1rem/1.45 "ProximaNova-Bold", "Open Sans", sans-serif;
  color: #363e66;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.about-process__list p {
  margin: 0;
  font-size: 15px;
}

/* ----------------------------------------------------------------- fit */

.about-fit {
  padding: 90px 0 50px;
}

.about-fit__heading {
  margin-bottom: 50px;
}

.about-fit__list {
  max-width: 690px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.about-fit__list .template-problems__subitem {
  padding-left: 40px;
  padding-bottom: 22px;
  font: normal 16px/1.5 "Open Sans", sans-serif;
  color: #707187;
}

/* ------------------------------------------------------------ portfolio */

.about-portfolio {
  padding: 80px 0 90px;
  text-align: center;
}

.about-portfolio__heading {
  margin-bottom: 30px;
}

.about-portfolio__text {
  max-width: 690px;
  margin: 0 auto 45px;
}

.about-portfolio__btn {
  margin: 0 auto;
}

/* ----------------------------------------------------------------- cta */

.about-cta {
  padding: 95px 0;
  text-align: center;
  background-image: linear-gradient(243deg, #9320ff 1%, #6e3bff);
}

.about-cta__heading {
  margin-bottom: 30px;
  color: #fff;
}

.about-cta__text {
  max-width: 720px;
  margin: 0 auto 45px;
  color: #fff;
}

.about-cta__btn {
  margin: 0 auto;
  background-image: none;
  background-color: #20224a;
}

/* ------------------------------------------------------------ responsive */

@media (max-width: 1199px) {
  .about-capabilities__list li,
  .about-process__list li {
    width: 50%;
  }
}

@media (max-width: 991px) {
  .about-hero .hero {
    min-height: 0;
    padding-top: 24px;
  }

  .about-hero .hero__text {
    position: static;
    width: 100%;
    padding: 10px 0 36px;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .about-hero .hero__text-descr {
    margin-left: auto;
    margin-right: auto;
  }

  .about-hero .hero__image {
    display: none;
  }

  .about-proof {
    padding-top: 55px;
  }

  .about-proof__list li {
    width: 50%;
    min-height: 0;
  }

  .about-story,
  .about-capabilities,
  .about-principles,
  .about-process,
  .about-fit {
    padding-top: 55px;
  }

  .about-principles__list li {
    width: calc(100% - 30px);
    padding: 32px 30px;
  }
}

@media (max-width: 767px) {
  .about-hero .hero__text-heading {
    font-size: 26px;
  }

  .about-hero .hero__text-heading b {
    font-size: 30px;
    line-height: 1.35;
    letter-spacing: 2.6px;
  }

  .about-proof__list li,
  .about-capabilities__list li,
  .about-process__list li {
    width: 100%;
  }

  .about-capabilities__list li {
    margin-bottom: 25px;
  }

  .about-portfolio {
    padding: 55px 0 65px;
  }

  .about-cta {
    padding: 60px 0;
  }
}