/* Start:/local/templates/main/scss/careerPage.css?17942290712072*/
.career-page {
  width: 1800px;
  margin: 0 auto;
  font-family: "Ubuntu", Arial, sans-serif;
  box-sizing: border-box;
  padding-bottom: 118px; }
  @media (max-width: 1839px) {
    .career-page {
      width: 1240px; } }
  @media (max-width: 1279px) {
    .career-page {
      width: 904px; } }
  @media (max-width: 1023px) {
    .career-page {
      width: 760px; } }
  @media (max-width: 799px) {
    .career-page {
      width: 440px; } }
  .career-page * {
    box-sizing: border-box; }
  .career-page .career-info {
    display: flex; }
    @media (max-width: 1279px) {
      .career-page .career-info {
        display: block; } }
    .career-page .career-info .left {
      flex: 0 0 50%;
      padding-right: 30px; }
      @media (max-width: 1279px) {
        .career-page .career-info .left {
          padding-right: 0; } }
      @media (max-width: 1839px) {
        .career-page .career-info .left h1 {
          padding-bottom: 20px; } }
      .career-page .career-info .left .caption {
        font-size: 24px;
        color: #f5821f;
        text-transform: uppercase; }
        @media (max-width: 1839px) {
          .career-page .career-info .left .caption {
            font-size: 18px; } }
        @media (max-width: 799px) {
          .career-page .career-info .left .caption {
            font-size: 16px; } }
      .career-page .career-info .left .text p {
        padding-top: 32px;
        color: #1e2629;
        line-height: 1.684;
        margin-bottom: 0; }
        @media (max-width: 1839px) {
          .career-page .career-info .left .text p {
            padding-top: 16px;
            line-height: 1.2; } }
    .career-page .career-info .right {
      flex: 0 0 50%;
      padding-top: 65px;
      padding-left: 30px; }
      @media (max-width: 1279px) {
        .career-page .career-info .right {
          padding-left: 0;
          padding-top: 30px; } }
      .career-page .career-info .right img {
        max-width: 100%; }

/*# sourceMappingURL=careerPage.css.map */

/* End */


/* Start:/local/templates/main/components/bitrix/catalog.section.list/career/style.css?17942290752319*/
.career-sections {
  padding-top: 60px;
  display: flex;
  gap: 60px; }
  @media (max-width: 1839px) {
    .career-sections {
      gap: 40px; } }
  @media (max-width: 1279px) {
    .career-sections {
      flex-wrap: wrap;
      gap: 30px;
      padding-top: 30px; } }
  @media (max-width: 799px) {
    .career-sections {
      gap: 0; } }
  .career-sections.count-3 .career-section {
    flex: 0 1 33%; }
    @media (max-width: 1279px) {
      .career-sections.count-3 .career-section {
        flex: 1 0 48%;
        max-width: 48%; } }
    @media (max-width: 799px) {
      .career-sections.count-3 .career-section {
        flex: 1 0 100%;
        max-width: 100%;
        margin-top: 30px; } }
  .career-sections.count-2 .career-section {
    flex: 1 0 40%;
    max-width: 50%; }
    @media (max-width: 1279px) {
      .career-sections.count-2 .career-section {
        flex: 1 0 40%;
        max-width: 50%; } }
    @media (max-width: 799px) {
      .career-sections.count-2 .career-section {
        flex: 1 0 100%;
        max-width: 100%;
        margin-top: 30px; } }
  .career-sections .career-section {
    flex: 0 1 25%;
    border: 1px solid #d8dfe2;
    text-decoration: none; }
    @media (max-width: 1279px) {
      .career-sections .career-section {
        flex: 1 0 40%;
        max-width: 50%; } }
    @media (max-width: 799px) {
      .career-sections .career-section {
        flex: 1 0 100%;
        max-width: 100%;
        margin-top: 30px; } }
    .career-sections .career-section .img {
      background: no-repeat center;
      background-size: cover;
      padding-top: 64.268%; }
    .career-sections .career-section .name-wrapper {
      background: #1e2629;
      padding: 20px 15px; }
      .career-sections .career-section .name-wrapper .counter {
        font-size: 16px;
        color: #f5821f;
        padding-right: 15px; }
        @media (max-width: 1839px) {
          .career-sections .career-section .name-wrapper .counter {
            font-size: 16px;
            padding-right: 10px; } }
      .career-sections .career-section .name-wrapper .name {
        color: white;
        font-size: 17px; }
        @media (max-width: 1839px) {
          .career-sections .career-section .name-wrapper .name {
            font-size: 17px; } }

/*# sourceMappingURL=style.css.map */

/* End */
/* /local/templates/main/scss/careerPage.css?17942290712072 */
/* /local/templates/main/components/bitrix/catalog.section.list/career/style.css?17942290752319 */