.company_first {
  width: 100%;
  height: 100vh;
  position: relative;
  padding-top: 150px;
  max-height: 980px;
  background: #f5f6f8;
}
@media only screen and (max-width: 1100px) {
  .company_first {
    padding-top: 100px;
  }
}
.company_first .container {
  gap: 60px;
  position: relative;
  background: url(/img/company/fon.png) no-repeat;
  background-position: center right;
  background-size: auto 100%;
  height: 100%;
}
@media only screen and (min-width: 1100px) and (max-width: 1620px) {
  .company_first .container {
    background: url(/img/company/fon.png) no-repeat;
    background-position: center right;
    background-size: auto 100%;
    position: relative;
  }
  .company_first .container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(245, 246, 248, 0.7);
    pointer-events: none;
    z-index: 1;
  }
  .company_first .container .bread_crumbs,
  .company_first .container .titleBlock,
  .company_first .container .button {
    position: relative;
    z-index: 2;
  }
}
@media only screen and (max-width: 1100px) {
  .company_first .container {
    background: url(/img/company/fon_mobile.png) no-repeat;
    background-position: center;
  }
}
@media only screen and (max-width: 640px) {
  .company_first .container {
    gap: 30px;
  }
}
.company_first .container .titleBlock {
  max-width: 659px;
}
.company_first .container .titleBlock .head .h2 {
  margin: 80px 0 20px;
}
@media only screen and (max-width: 1100px) {
  .company_first .container .titleBlock .head .h2 {
    margin-top: 0;
  }
}
.company_first .container .titleBlock .head .h2 {
  color: var(--c5);
}
.company_first .container .titleBlock .head .h2 .black {
  color: var(--c4);
}
.company_first .container .titleBlock .head .title {
  font-size: 20px;
}
@media only screen and (max-width: 860px) {
  .company_first .container .titleBlock .head .title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .company_first .container .button.openForm {
    position: absolute;
    bottom: 60px;
    width: 80%;
    left: 10%;
  }
}
.company_first .vidget {
  width: 230px;
  height: 230px;
  position: absolute;
  right: 70px;
  bottom: 0;
}
@media only screen and (max-width: 860px) {
  .company_first .vidget {
    width: 160px;
    height: 160px;
    right: 0px;
    bottom: 220px;
  }
}
.company_first .vidget svg {
  width: 100%;
  height: 100%;
  display: block;
}
.company_first .vidget .play-button {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  cursor: pointer;
  z-index: 10;
}
.company_first .vidget .play-button img {
  width: 100%;
  height: 100%;
  display: block;
}
@media only screen and (max-width: 860px) {
  .company_first .vidget .play-button {
    width: 35px;
    height: 35px;
  }
}/*# sourceMappingURL=company_first.css.map */