.about-section-wrap {
  margin-top: 130px;
  position: relative; }
  @media (max-width: 767px) {
    .about-section-wrap {
      margin-top: 60px; } }

.about-section {
  position: relative;
  height: 610px;
  margin-top: 35px;
  background-position: 25px 25px; }
  .about-section:after {
    position: absolute;
    content: "";
    height: calc(100% - 120px);
    left: 0;
    z-index: 0;
    width: 77vw;
    background-color: #F5F5F5;
    bottom: 0; }
    @media (max-width: 1919px) {
      .about-section:after {
        width: 100%; } }
    @media (max-width: 767px) {
      .about-section:after {
        top: -40px;
        width: 80%;
        left: calc((100vw - 100%) / 2 * -1); } }
  .about-section__title {
    position: relative;
    z-index: 1;
    font-family: "OpenSans", Arial, Verdana, sans-serif;
    font-weight: 300;
    font-size: 32px;
    line-height: 1.1875;
    margin-bottom: 30px; }
  .about-section__descr {
    position: relative;
    z-index: 1;
    font-weight: 300; }
    .about-section__descr:not(:last-child) {
      margin-bottom: 30px; }
  .about-section__content {
    position: relative;
    z-index: 10;
    max-width: 450px; }
  .about-section__link {
    position: absolute;
    right: 0; }
    @media (max-width: 767px) {
      .about-section__link {
        position: relative; } }
  .about-section__img {
    position: absolute;
    bottom: -75px;
    right: 120px;
    z-index: 10; }
    @media (max-width: 767px) {
      .about-section__img {
        padding: 0px 32px;
        right: auto;
        top: auto;
        bottom: auto;
        margin-top: 32px;
        position: relative; } }
  @media (max-width: 767px) {
    .about-section {
      height: auto; } }

.about-section-wrap__bg-img {
  position: absolute;
  z-index: 10;
  left: 0;
  top: 70px;
  width: 50%; }
  .about-section-wrap__bg-img:before {
    position: absolute;
    content: "";
    width: 514px;
    height: 130px;
    bottom: -63px;
    right: -70px;
    background-color: #4A4A4A;
    z-index: -1; }
    @media (max-width: 767px) {
      .about-section-wrap__bg-img:before {
        bottom: -20px;
        right: -15px; } }
  @media (max-width: 767px) {
    .about-section-wrap__bg-img {
      position: relative;
      width: calc(100% - 15px);
      top: 0; } }

.bg--line {
  position: relative; }

.about-section__img-wrap {
  position: relative;
  z-index: 10; }