/* Start:/local/components/sollers/vacancy/templates/.default/css/style.css?178159191914499*/
[v-cloak] {
  display: none;
}

.app-loader {
  position: fixed;
  background: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.app-loader.app-loader_hide {
  display: none;
}

.app-loader__load {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 90px;
  margin: 0 auto;
  height: 40px;
  width: 80px;
  box-sizing: border-box;
}

.app-loader__load .app-loader__item {
  position: relative;
  float: left;
  height: 40px;
  width: 4px;
  margin: 0 2px;
  background-color: #f47c30;
}

.app-loader__load .app-loader__item:nth-child(1) {
  -webkit-animation: loader-item-1 2s linear infinite;
  animation: loader-item-1 2s linear infinite;
}

.app-loader__load .app-loader__item:nth-child(2) {
  -webkit-animation: loader-item-2 2s linear infinite;
  animation: loader-item-2 2s linear infinite;
}

.app-loader__load .app-loader__item:nth-child(3) {
  -webkit-animation: loader-item-3 2s linear infinite;
  animation: loader-item-3 2s linear infinite;
}

.app-loader__load .app-loader__item:nth-child(4) {
  -webkit-animation: loader-item-4 2s linear infinite;
  animation: loader-item-4 2s linear infinite;
}

.app-loader__load .app-loader__item:nth-child(5) {
  -webkit-animation: loader-item-5 2s linear infinite;
  animation: loader-item-5 2s linear infinite;
}

.app-loader__load .app-loader__item:nth-child(6) {
  -webkit-animation: loader-item-6 2s linear infinite;
  animation: loader-item-6 2s linear infinite;
}

.app-loader__load .app-loader__item:nth-child(7) {
  -webkit-animation: loader-item-7 2s linear infinite;
  animation: loader-item-7 2s linear infinite;
}

.app-loader__load .app-loader__item:nth-child(8) {
  -webkit-animation: loader-item-8 2s linear infinite;
  animation: loader-item-8 2s linear infinite;
}

.app-loader__load .app-loader__item:nth-child(9) {
  -webkit-animation: loader-item-9 2s linear infinite;
  animation: loader-item-9 2s linear infinite;
}

.app-loader__load .app-loader__item:nth-child(10) {
  -webkit-animation: loader-item-10 2s linear infinite;
  animation: loader-item-10 2s linear infinite;
}

@-webkit-keyframes loader-item-1 {
  1% {
    transform: scaleY(1);
  }
  11% {
    transform: scaleY(1.4);
  }
  21% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes loader-item-1 {
  1% {
    transform: scaleY(1);
  }
  11% {
    transform: scaleY(1.4);
  }
  21% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@-webkit-keyframes loader-item-2 {
  7% {
    transform: scaleY(1);
  }
  17% {
    transform: scaleY(1.4);
  }
  27% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes loader-item-2 {
  7% {
    transform: scaleY(1);
  }
  17% {
    transform: scaleY(1.4);
  }
  27% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@-webkit-keyframes loader-item-3 {
  13% {
    transform: scaleY(1);
  }
  23% {
    transform: scaleY(1.4);
  }
  33% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes loader-item-3 {
  13% {
    transform: scaleY(1);
  }
  23% {
    transform: scaleY(1.4);
  }
  33% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@-webkit-keyframes loader-item-4 {
  19% {
    transform: scaleY(1);
  }
  29% {
    transform: scaleY(1.4);
  }
  39% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes loader-item-4 {
  19% {
    transform: scaleY(1);
  }
  29% {
    transform: scaleY(1.4);
  }
  39% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@-webkit-keyframes loader-item-5 {
  25% {
    transform: scaleY(1);
  }
  35% {
    transform: scaleY(1.4);
  }
  45% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes loader-item-5 {
  25% {
    transform: scaleY(1);
  }
  35% {
    transform: scaleY(1.4);
  }
  45% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@-webkit-keyframes loader-item-6 {
  31% {
    transform: scaleY(1);
  }
  41% {
    transform: scaleY(1.4);
  }
  51% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes loader-item-6 {
  31% {
    transform: scaleY(1);
  }
  41% {
    transform: scaleY(1.4);
  }
  51% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@-webkit-keyframes loader-item-7 {
  37% {
    transform: scaleY(1);
  }
  47% {
    transform: scaleY(1.4);
  }
  57% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes loader-item-7 {
  37% {
    transform: scaleY(1);
  }
  47% {
    transform: scaleY(1.4);
  }
  57% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@-webkit-keyframes loader-item-8 {
  43% {
    transform: scaleY(1);
  }
  53% {
    transform: scaleY(1.4);
  }
  63% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes loader-item-8 {
  43% {
    transform: scaleY(1);
  }
  53% {
    transform: scaleY(1.4);
  }
  63% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@-webkit-keyframes loader-item-9 {
  49% {
    transform: scaleY(1);
  }
  59% {
    transform: scaleY(1.4);
  }
  69% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes loader-item-9 {
  49% {
    transform: scaleY(1);
  }
  59% {
    transform: scaleY(1.4);
  }
  69% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@-webkit-keyframes loader-item-10 {
  55% {
    transform: scaleY(1);
  }
  65% {
    transform: scaleY(1.4);
  }
  75% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}

@keyframes loader-item-10 {
  55% {
    transform: scaleY(1);
  }
  65% {
    transform: scaleY(1.4);
  }
  75% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(1);
  }
}
.vacancy-banner__list {
  position: relative;
  display: flex;
  margin-bottom: 40px;
  justify-content: center;
}
.vacancy-banner__text {
  position: absolute;
  color: #FFF;
  text-align: center;
  text-shadow: 0px 0px 68px #000;
  font-family: Montserrat;
  font-size: 75px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 15px;
  max-width: 950px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 30%;
}
		.vacancy__tabs {
		  display: flex;
		  margin-bottom: 70px;
		  flex-wrap: wrap;
      justify-content: center;
		}

		.vacancy__tab {
      min-width: 14%;
    border: 1px solid #a6a6a6;
    padding: 22px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border-bottom: 8px solid #010101; */
    transition: .5s ease;
    cursor: pointer;
    margin-bottom: 2px;
		}

		.vacancy__tab:hover,
    .vacancy__tab.active {
		  border: 1px solid #010101;
		  /* border-bottom: 1px solid #f47c30; */
		}

		.vacancy__tab:hover .vacancy-tab__logo,
    .vacancy__tab.active .vacancy-tab__logo {
		  filter: none;
		}

		.vacancy-tab__inner {
		  display: flex;
		  justify-content: center;
		  align-items: center;
      padding: 0 5px;
		}

		.vacancy-tab__logo {
      max-height: 30px;
      max-width: 70px;
      filter: grayscale(100%);
      transition: .5s ease;
		}

		.vacancy-tab__name {
      font-size: 11px;
      text-transform: uppercase;
      color: #818080;
      line-height: 1.2;
      font-weight: 500;
      max-width: 115px;
      width: 100%;
		}

		.vacancy-tab__name span {
		  font-size: 8px;
		  display: block;
		}

		.vacancy-tab__delimitter {
		  margin: 0 10px;
		  border-left: 1px solid #010101;
		  height: 25px;
		}

		.vacancy__search {
		  padding-right: 55px;
		}

    .vacancy__search-blur {
      position: relative;
      filter: blur(8px);
    }

    .vacancy__search-blur:after,
    .vacancy__search-blur:after {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 999;
    }

		.vacancy-search__inner {
		  background: #fff;
		  color: #000;
		  padding: 35px;
      border: 1px solid #E5E5E5;
		}

		.vacancy-search__title {
		  font-size: 16px;
		  font-weight: 700;
		  text-transform: uppercase;
		  margin-bottom: 40px;
		}

		.vacancy-search__btns {
		  margin-top: 50px;
		  display: flex;
		  flex-direction: column;
		}

		.search-btn {
      cursor: pointer;
		  padding: 18px;
		  font-size: 16px;
		  justify-content: center;
		  display: flex;
		  color: #fff;
		  text-transform: uppercase;
		  font-weight: 700;
		  background-color: #f47c30;
		  line-height: 1;
		  transition: .5s ease;
		}

		.search-btn:hover {
		  background-color: #E15A2F;
      color: #fff;
		}

		.search-btn-default {
      cursor: pointer;
		  margin-top: 15px;
		  font-size: 14px;
		  text-align: center;
		  color: #959595;
		  transition: .5s ease;
		}

		.vacancy-search__select {
		  margin-bottom: 30px;
		  position: relative;
		}

		.vacancy-search__text {
		  font-size: 15px;
		  padding-bottom: 8px;
		  border-bottom: 1px solid #E5E5E5;
		  cursor: pointer;
      line-height: 1.1;
		}

		.vacancy-search__arrow {
		  position: absolute;
		  right: 0;
		  top: 10px;
		  transition: .5s ease-in-out;
		  width: 15px;
		}

		.vacancy-search__arrow.active {
		  transform: rotate(180deg);
		}

		.vacancy-search__options {
		  display: none;
		  position: absolute;
		  top: 100%;
		  left: 0;
		  right: 0;
		  z-index: 99;
		}

		.vacancy-body__title {
		  display: flex;
		  justify-content: center;
		  margin-bottom: 70px;
		}

		.vacancy-body__title span {
		  background: #f47c30;
		  padding: 21px 45px;
		  line-height: 1;
		  font-size: 24px;
		  text-transform: uppercase;
		  font-weight: 700;
		  text-align: center;
		}

    .vacancy-item__names {
      display: block;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 500;
      line-height: 1;
      background: #E5E5E5;
      max-width: 70%;
      color: #000;
      padding: 12px 20px;
  }

		.vacancy-item__names-company {
		  text-align: center;
      display: inline;
		}

		.vacancy-item__names-group {
      display: inline;
      padding-left: 20px;
      margin-left: 20px;
      position: relative;
      line-height: 1.2;
  }
  .vacancy-item__names-group:before {
    position: absolute;
    content: '';
    height: 12px;
    width: 1px;
    right: 100%;
    border-left: 1px solid #000;
}

		.vacancy-item__elements {
		  margin: 50px 0;
		}

		.vacancy-item__element {
      display: block;
		  font-size: 15px;
		  padding-bottom: 22px;
		  margin-bottom: 22px;
		  border-bottom: 1px solid #ebebeb;
		  transition: .5s ease;
      padding-left: 15px;
		}

		.vacancy-search__item {
      font-style: normal;
      font-size: 15px;
      line-height: 1;
      text-align: center;
      color: #000;
      padding: 10px;
      min-width: 170px;
      font-weight: 400;
      border: 1px solid #fff;
      border-top: none;
      background: #E5E5E5;
      cursor: pointer;
  }

		.vacancy-search__item:hover,
    .vacancy-search__item.active {
		  background-color: #f47c30;
		  color: #fff;
		}


    .vacancy-list {
      padding-bottom: calc(50px + 3vw);
    }
    
@media (max-width:1440px) {
  .vacancy__tab {
    min-width: 11%;
  }
}

		@media (max-width:1366px) {
      .vacancy__tab {
        min-width: 10%;
    }
		  .vacancy__search {
		    padding: 0;
		  }
      .vacancy-item__names {
        max-width: 100%;
    }
    .vacancy-tab__delimitter {
      margin: 0 10px;
  }
		}
    @media (max-width:1330px) {
      .vacancy-tab__name {
        font-size: 10px;
      }
    }
    @media (max-width:1280px) {
      .vacancy__tab {
        min-width: 8%;
      }
      .vacancy-banner__text {
        font-size: 7vw;
      }
      .vacancy-banner__text img {
        max-width: 60px;
    }
    }
@media (max-width:1200px) {
  .vacancy__tab {
    min-width: 25%;
    width: 25%;
}
}
		@media (max-width:768px) {
      .vacancy-banner__text img {
        max-width: 40px;
    }
		  .vacancy__tabs {
		    margin-bottom: 30px;
		  }

		  .vacancy-body__title {
		    margin-bottom: 30px;
		    display: none;
		  }

		  .vacancy__search {
		    margin-bottom: 30px;
		  }

		  .vacancy__tab {
		    width: 32%;
		    padding: 10px 0;
		  }

		  .vacancy-tab__delimitter {
		    display: none;
		  }

		  .vacancy-tab__name {
		    display: none;
		  }
		}

    @media (max-width:640px) {
      .vacancy-banner__list {
        flex-wrap: wrap;
    }
      .vacancy-banner__text {
        top: 42%;
    }
    .vacancy__tabs {
      justify-content: center;
  }
  .vacancy-tab__logo {
				max-height: 50px;
				max-width: 140px;
			}
    }

		@media (max-width:480px) {
      .vacancy__tab {
        width: 49%;
        padding: 10px 0;
    }
		  .vacancy-item__names {
		    font-size: 14px;
		  }

		  .vacancy-item__names-company {
		    padding: 5px;
		  }

		  .vacancy-item__names-group {
		    margin: 0 10px;
		  }

		  .vacancy-item__element {
		    font-size: 12px;
		    padding-bottom: 10px;
		    margin-bottom: 10px;
		  }

		  .vacancy-item__elements {
		    margin: 25px 0;
		  }

		  .vacancy-search__text {
		    font-size: 12px;
		    padding-bottom: 5px;
		  }

		  .vacancy-search__select {
		    margin-bottom: 20px;
		  }

		  .search-btn {
		    padding: 12px;
		    font-size: 12px;
		  }

		  .vacancy-search__btns {
		    margin-top: 30px;
		  }

		  .vacancy-search__inner {
		    padding: 20px;
		  }

		  .vacancy-search__item {
		    font-size: 12px;
		  }
		}

    @media (max-width:420px) {
          .vacancy__tab {
        width: 100%;
          }
    }
/* End */
/* /local/components/sollers/vacancy/templates/.default/css/style.css?178159191914499 */