.top-block {
  background: url(/assets/static/pages/job/img/jobsMain.jpg), #3c3c3b;
  background-size: cover;
  border-radius: 4px;
  padding: 3.43rem;
  color: #f0faff;
}

.top-block__title {
  font-weight: 700;
  margin-bottom: 1.71rem;
  font-size: 4rem;
  line-height: 108%;
  letter-spacing: 0.03em;
}

.top-block__title h1 {
  font-weight: 700;
  font-size: 4rem;
  line-height: 108%;
  letter-spacing: 0.03em;
  display: inline;
  margin-bottom: 0;
}

.top-block__subtitle {
  width: 43rem;
  font-size: 1.86rem;
  line-height: 124%;
  letter-spacing: 0.03em;
  font-weight: 500;
  margin-bottom: 1.71rem;
}

.top-block__btn {
  height: 4.6rem;
  font-size: 1.9rem;
  line-height: 4.6rem;
  letter-spacing: 0.04em;
  color: #fff;
  font-weight: 500;
  padding: 0 2.1rem;
  margin-top: 2rem;
  box-shadow: 0px 8px 24px -8px rgba(242, 100, 34, 0.4);
}

.top-block__price {
  font-weight: 500;
  font-size: 4rem;
  /*  line-height: 124%;*/
  letter-spacing: 0.04em;
}

.top-block__price-text {
  font-size: 1.86rem;
}

.top-block__price-unit {
  font-size: 2.8rem;
}

.top-block__list {
  list-style: none;
}

.top-block__list li {
  position: relative;
  margin-bottom: 1.71rem;
  padding-left: 2.6rem;
}

.top-block__list li:before {
  content: '\2014';
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 2rem;
}


@media (max-width: 639px) {
  .top-block {
    background: url(/assets/static/pages/job/img/jobsMainMob.jpg), #3c3c3b;
    background-size: cover;
    padding: 6rem 2rem;
  }

  .top-block__title {
    font-size: 4rem;
    margin-bottom: 3rem;
  }

  .top-block__title h1 {
    font-size: 4rem;
  }

  .top-block__first-title {
    font-size: 3rem;
    margin-bottom: 3rem;

  }

  .top-block__subtitle {
    width: 100%;
    font-size: 2.25rem;
    margin-bottom: 2.5rem;
  }

  .top-block__btn {
    width: 100%;
    height: 6rem;
    line-height: 6rem;
    font-size: 2.4rem;
    margin-top: 2.5rem;
    padding: 0;
  }

  .top-block__price {
    font-size: 4rem;
  }

  .top-block__price-text {
    font-size: 2.25rem;
  }

}

/**/

/**/
.fo-short-feat__block {
  display: flex;
  justify-content: space-between;
  margin: 2.3rem 0;
}

.fo-short-feat__item {
  width: 25%;
}

.fo-short-feat__item-img {
  margin-bottom: 1.14rem;
}

.fo-short-feat__item-img img {
  display: block;
  /*  margin: 0 auto;*/
  width: 4rem;
  height: auto;
}

.fo-short-feat__item-text {
  font-size: 1.5rem;
  line-height: 116%;
  font-weight: 500;
}

.fo-short-feat__item-ext {
  font-weight: 500;
  font-size: 1.29rem;
  line-height: 116%;
  /*  color: #636362;*/
  margin-top: 0.5rem;
}

@media (max-width: 639px) {
  .fo-short-feat__block {
    flex-direction: column;
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .fo-short-feat__item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
    position: relative;
  }

  .fo-short-feat__item:last-child {
    margin-bottom: 0;
  }

  .fo-short-feat__item-text .accent {
    display: inline;
  }

  .fo-short-feat__item-text {
    font-size: 2.25rem;
    text-align: left;
  }

  .fo-short-feat__item-ext {
    font-size: 2.125rem;
    margin-top: 1rem;
  }

  .fo-short-feat__item-img img {
    width: 48px;
    min-width: 48px;
  }

  .fo-short-feat__item-img {
    margin-bottom: 0;
    margin-right: 2rem;
  }

}

/**/
/**/
.fo-char__items-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 1.71rem 0;
}

.fo-char__item {
  width: 50%;
  margin: 1.71rem 0 0;
}

.fo-char__item:first-child,
.fo-char__item:nth-child(2) {
  margin-top: 0
}

.fo-char__item:nth-child(2n+1) {
  padding-right: 12px;
}

.fo-char__item:nth-child(2n) {
  padding-left: 12px;
}

.fo-char__item-head {
  display: flex;
  align-items: center;
  margin-bottom: 1.14rem;
}

.fo-char__item-img {
  width: 4rem;
  margin-right: 1.71rem;
}

.fo-char__item-img img {
  min-width: 4rem;
  display: block;
}

.fo-char__item-title {
  font-weight: 500;
  font-size: 1.71rem;
}

.fo-char__item-text {
  /*  font-size: 1.29rem;*/
  line-height: 148%;
}

@media (max-width: 639px) {
  .fo-char__items-wrap {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .fo-char__item {
    width: 100%;
    margin-top: 3rem;
  }

  .fo-char__item:nth-child(2) {
    margin-top: 3rem;
  }

  .fo-char__item:nth-child(2n+1) {
    padding-right: 0;
  }

  .fo-char__item:nth-child(2n) {
    padding-left: 0;
  }

  .fo-char__item-head {
    margin-bottom: 2rem;
  }

  .fo-char__item-img {
    width: 6rem;
    margin-right: 2rem;
  }

  .fo-char__item-img img {
    min-width: 6rem;
  }

  .fo-char__item-title {
    font-size: 2.625rem;
  }

  .fo-char__item-text {
    font-size: 2.25rem;
  }

}

.j-work {
  position: relative;
}

.j-work:before,
.j-work:after {
  position: absolute;
  content: '';
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.j-work:before {
  background: #F26422;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 27rem
}

.j-work:after {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(/assets/static/pages/job/img/AAAside.png);
  background-position: bottom right;
  background-size: 39rem;
  background-repeat: no-repeat;
  z-index: 8
}

.j-work .fo-char__item:nth-child(3) {
  width: 62%;
}

.j-work__quote {
  width: 57%;
  text-align: center;
  font-size: 1.29rem;
  color: #F0FAFF;
  line-height: 140%;
  letter-spacing: .04em;
  padding-top: 3.43rem;
  z-index: 10;
  position: relative;
}

.j-work__quote .l,
.j-work__quote .r {
  margin-bottom: 1.14rem;
}

.j-work__quote .r {
  margin-top: 1.14rem;
}

.j-work__quote .l img,
.j-work__quote .r img {
  display: block;
  width: 1.29rem;
  margin: 0 auto;
}

@media (max-width: 639px) {
  .j-work .fo-char__item:nth-child(3) {
    width: 100%;
  }

  .j-work__quote {
    width: 100%;
    padding: 3rem 2rem 3rem 2rem;
    font-size: 2rem;
    background: #F26422;
    margin-left: -2rem;
    margin-right: -2rem;
    width: calc(100% + 4rem)
  }

  .j-work {
    padding-bottom: 38rem;
  }

  .j-work:before {
    width: 100%;
    height: 60rem
  }

  .j-work:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(/assets/static/pages/job/img/AAAmob.png);
    background-position: bottom right;
    background-size: 42.875rem;
    background-repeat: no-repeat;
  }

  .j-work__quote .l img,
  .j-work__quote .r img {
    width: 2.25rem;
  }
}

/* */

.gallery-block__slider {
  /*  margin: 2.9rem 0;*/
  padding-top: 72px;
}

.gallery-block__slide-img {
  border-radius: 4px;
  margin-bottom: 0;
  display: block;
}

.gallery-block__slide-text {
  display: none;
  font-size: 1.21rem;
  line-height: 140%;
  width: 90%;
  margin: 0 auto;
}

.gallery-block__slider-ctrl {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 104px;
  width: 100%;
}

.gallery-block__slider-ctrl .sw__slider--dotted-button {
  width: 40px;
  height: 40px;
  background: url(/assets/static/misc/slider/ctrl-right.svg), #FFF;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  top: 0;
}

.gallery-block__slider-ctrl .sw__slider--dotted-button-prev {
  left: 0;
}

.gallery-block__slider-ctrl .sw__slider--dotted-button-next {
  right: 0;
}

.gallery-block__slider-ctrl .sw__slider--dotted-button.active,
.gallery-block__slider-ctrl .sw__slider--dotted-button:hover {
  background-image: url(/assets/static/misc/slider/ctrl-right.svg);
  background-size: 18px;
}


.gallery-block__slider-ctrl .swiper-pagination-bullet {
  width: 24px;
  height: 24px;
}

.gallery-block__slider-ctrl .swiper-pagination-bullet:after {
  border: 2px solid #EEF1F7;
  background: #A2A2A1;
  width: 12px;
  height: 12px;
}

.gallery-block__slider-ctrl .swiper-pagination-bullet-active:after {
  background: #A2A2A1;
  border-color: #A2A2A1;
  transition: all .5s ease-out;
}

.gallery-block__slider-ctrl .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover:after {
  background: #A2A2A1;
  border-color: #A2A2A1;
}

.gallery-block__slider .swiper-pagination {
  display: none;
}

@media (max-width: 991px) and (min-width: 640px) {
  .gallery-block__slider .sw__slider--dotted-button {
    display: block !important;
  }

  .gallery-block__slider .swiper-pagination {
    display: none;
  }
}

@media (max-width: 639px) {

  .gallery-block {
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05);
  }

  .gallery-block__title {
    width: 100%;
  }

  .gallery-block__slider {
    margin-top: 4rem;
    padding-top: 0;
  }

  .gallery-block__slide-img {
    /*    margin-bottom: 2rem;*/
  }

  .gallery-block__slide-text {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
  }

  .gallery-block__slider-ctrl {
    margin: 0 auto;
    position: relative;
    left: auto;
    bottom: auto;
    max-width: 300px;
  }

  .gallery-block__slider .swiper-pagination {
    display: block;
  }

}


@media (min-width: 1920px) {
  .gallery-block__slide-img {
    border-radius: 0.29rem;
  }

  .gallery-block__slider-ctrl {
    /*
    left: 1.71rem;
    bottom: 1.71rem;
*/
    max-width: 7.43rem;
    height: 2.91rem;
  }

  .gallery-block__slider-ctrl .sw__slider--dotted-button {
    width: 2.9rem;
    height: 2.9rem;
    background-size: 1.14rem;
  }

  .gallery-block__slider-ctrl .sw__slider--dotted-button.active,
  .gallery-block__slider-ctrl .sw__slider--dotted-button:hover {
    background-size: 1.29rem;
  }

  .gallery-block__slider-ctrl .swiper-pagination-bullet {
    width: 1.71rem;
    height: 1.71rem;
  }

  .gallery-block__slider-ctrl .swiper-pagination-bullet:after {
    border: 0.14rem solid #EEF1F7;
    width: 0.86rem;
    height: 0.86rem;
  }

  .gallery-block__slide-text {
    bottom: 2rem;
    right: 5.8rem;
    border-radius: 0.29rem;
    padding: 1.14rem;
  }

  .gallery-block__slide-text div {
    margin-bottom: 0.57rem;
  }

  .gallery-block__slide-text:after {
    width: 0.57rem;
    height: 1.14rem;
    right: -0.57rem;
    bottom: 0.86rem;
  }

  .gallery-block__slide-hint-btn {
    bottom: 2rem;
    right: 2rem;
    width: 2.9rem;
    height: 2.9rem;
  }

  .gallery-block__slide-hint-btn:after {
    top: calc(50% - 0.57rem);
    left: calc(50% - 0.57rem);
    height: 1.14rem;
    width: 1.14rem;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .gallery-block__slide-hint-btn:before {
    height: 3rem;
    width: 3rem;
  }

}

.manag__quot-block {
  display: flex;
  /*  margin: 24px 0;*/
  /*  padding: 16px 0;*/
}

.manag__quot-phrase {
  /*  width: 46.5rem;*/
  font-size: 1.29rem;
  line-height: 148%;
  background: #FFFFFF;
  /*  box-shadow: 0px 16px 64px rgba(0, 0, 0, 0.08);*/
  border-radius: 4px;
  padding: 1.71rem;
  margin-left: 24px;
  position: relative;
  min-height: 14rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.manag__quot-phrase:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 7.2rem;
  left: -16px;
  border: 0px solid transparent;
  border-right: 16px solid #fff;
  border-bottom: 24px solid transparent;
}

.manag__quot-feat {
  display: flex;
  margin: -1.71rem -1.71rem 0;
}

.manag__quot-feat-item {
  margin: 1.71rem;
  font-size: 1.14rem;
  font-weight: 500;
  line-height: 104%;
}

.manag__quot-feat-item img {
  display: block;
  margin-bottom: 10px;
}

.manag__quot-feat-item .grey {
  color: #828282;
}


.manag__quot-img img {
  display: block;
  border-radius: 50%;
  margin-bottom: 1.14rem;
  width: 12.9rem;
  min-width: 12.9rem;
}

.manag__quot-name {
  font-size: 1.29rem;
  line-height: 124%;
  margin-bottom: 0.8rem;
}

.manag__quot-auth {
  font-size: 1.14rem;
  line-height: 124%;
}

.manag__quot-job {
  font-size: 1.14rem;
  line-height: 124%;
  margin-bottom: 0.8rem;
}

@media (max-width: 639px) {
  .manag__quot-block {
    flex-direction: column-reverse;
  }

  .manag__quot-phrase {
    width: 100%;
    padding: 3rem;
    font-size: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
    min-height: inherit;
  }

  .manag__quot-phrase:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: auto;
    bottom: -16px;
    right: 86px;
    left: auto;
    top: auto;
    border: 0px solid transparent;
    border-top: 16px solid #fff;
    border-left: 24px solid transparent;
  }

  .manag__quot-feat {
    flex-wrap: wrap;
    margin: -1.5rem -1.5rem 2.5rem;
  }

  .manag__quot-feat-item {
    width: calc(50% - 3rem);
    margin: 1.5rem;
    font-size: 1.75rem;
    line-height: 116%;
  }

  .manag__quot-feat-item img {
    margin-bottom: 1rem;
  }

  .manag__quot-sign {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: end;
  }

  .manag__quot-img {
    flex-shrink: 0;
  }

  .manag__quot-img img {
    margin-bottom: 0;
    width: 10rem;
    margin-left: 2rem;
    min-width: 10rem;
  }

  .manag__quot-name {
    font-size: 2.25rem;
    text-align: right;
    margin-bottom: 0.5rem;
  }

  .manag__quot-job {
    font-size: 2rem;
    text-align: right;
  }

  .manag__quot-auth {
    font-size: 1.875rem;
    text-align: right;
  }
}

.j-team {
  position: relative
}

.j-team .fo-block__title {
  position: absolute;
  top: 3.43rem;
  left: 3.43rem;
}

@media (max-width: 639px) {
  .j-team .fo-block__title {
    position: inherit;
    top: auto;
    left: auto;
  }
}

.j-we .fo-block__subtitle-h4 {
  margin-bottom: 0;
}

.j-we__like {
  background: #F26422;
  border-radius: 4px;
  padding: 3.43rem;
  color: #F0FAFF;
  letter-spacing: .04em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 1.71rem;
}

@media (max-width: 639px) {
  .j-we__like {
    padding: 2rem 2rem 5rem;
    margin-bottom: 0;
    color: #F5FFFF
  }

  .j-we__like__title {
    margin-bottom: 3rem
  }
}

@media (min-width: 1920px) {
  .j-we__like__zamer-img {
    width: 5.1rem;
    height: 5.1rem;
  }
}

.j-we__work {
  background: url(/assets/static/pages/main/img.v2/office-bg.webp), rgba(60, 60, 59, 0.05);
  background-size: cover;
  border-radius: 4px;
  padding: 3.43rem;
  letter-spacing: 0.04em;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.j-we__work .fo-block__subtitle-h4 {
  margin-bottom: 2rem;
}

.j-we__work__link {
  font-size: 2.9rem;
  line-height: 116%;
  font-weight: 700;

  position: relative
}

.j-we__work__link img {
  display: inline-block;
  width: 5.1rem;
  margin-left: 1rem;
  transition: all .2s ease
}

.j-we__work__link:after {
  content: '';
  height: 2px;
  background: #f26422;
  position: absolute;
  bottom: -3px;
  left: 0;
  transition: .2s;
  width: 100%;
}

@media (min-width: 640px) {
  .j-we__work__link:hover:after {
    background: 0 0;
  }

  .j-we__work__link:hover img {
    transform: translateX(1.14rem)
  }
}

@media (max-width: 639px) {
  .j-we__work {
    padding: 5rem 2rem
  }

  .j-we__work__link {
    font-size: 3rem
  }

  .j-we__work__link img {
    width: 9rem
  }

  .j-we__work .fo-block__subtitle-h4 {
    margin-bottom: 5rem;
    margin-top: 2rem;
  }
}

.j-vacancy__item {
  background-color: #fff;
  padding: 0.86rem 1.71rem;
  border-radius: 4px;
  margin-top: 2rem
}

.j-vacancy__item-container .clickable--hidden-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.j-vacancy__item-head {
  display: flex;
  position: relative;
  align-items: center;
  padding-right: 41px;
  font-size: 1.5rem;
}

.j-vacancy__item-head-block {
  display: flex;
  align-items: center;
}

.j-vacancy__item-head.clickable--area:hover {
  cursor: pointer
}

.is--opened .j-vacancy__item-head {
  margin-bottom: 16px
}

.j-vacancy__item-title {
  margin: 0;
  margin-right: 1.71rem;
  font-size: 1.5rem;
  line-height: 116%;
  font-weight: 500;
  letter-spacing: 0.04em;
  flex-shrink: 0;
  flex-basis: 36%;
}

.j-vacancy__item-req {
  line-height: 140%;
  font-size: 1.14rem;
  letter-spacing: 0.04em;
}

.j-vacancy__item-text {
  line-height: 140%;
  font-size: 1.29rem
}

.j-vacancy__item-text-p {
  margin-bottom: 1.14rem;
}

.j-vacancy__item-text-p .medium {
  margin-bottom: 0.86rem;
}

.j-vacancy__item-bottom {
  display: flex;
  line-height: 140%;
  justify-content: space-between;
  align-items: center;
}

.j-vacancy__item-link {
  color: #F26422;
  text-align: center;
  font-size: 1.57rem;
  font-weight: 500;
  line-height: 3.14rem;
  letter-spacing: .04em;
  border-radius: 4px;
  border: 2px solid #F26422;
  height: 3.43rem;
  padding: 0 1.71rem;
  transition: all .2s ease;
  flex-shrink: 0;
}

.j-vacancy__item-link:hover {
  background: #F26422;
  color: #F0FAFF;
}

.j-vacancy__item-send {
  color: #F0FAFF;
  text-align: center;
  font-size: 1.57rem;
  font-weight: 500;
  line-height: 3.43rem;
  letter-spacing: .04em;
  border-radius: 4px;
  background: #F26422;
  height: 3.43rem;
  padding: 0 1.71rem;
  transition: all .2s ease;
  flex-shrink: 0;
  margin: 0 1.71rem;
  box-shadow: 0 8px 24px -8px rgba(242, 100, 34, 0.40);
  border: none;
  font-family: core_sans, Arial, sans-serif;
}

.j-vacancy .clickable--hidden-content {
  margin-top: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}

.j-vacancy .clickable--close-btn {
  position: absolute;
  top: 50%;
  right: 0;
  width: 25px;
  height: 25px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer
}

.j-vacancy .clickable--close-btn:after {
  content: '+';
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 25px;
  line-height: 25px;
  color: #f26422;
  -webkit-transition: all .2s ease;
  transition: all .2s ease
}

.j-vacancy .clickable.is--opened {
  box-shadow: 0px 16px 64px rgba(0, 0, 0, 0.08);
  padding-bottom: 1.71rem
}

.is--opened .clickable--close-btn:after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg)
}

.is--opened .clickable--hidden-content {
  margin-top: 0px;
  height: auto;
  opacity: 1;
  visibility: visible
}

@media (max-width: 639px) {
  .j-vacancy__item {
    padding: 2rem
  }

  .j-vacancy__item-head-block {
    flex-direction: column;
    align-items: flex-start;
  }

  .j-vacancy__item-title {
    font-size: 2.25rem;
    margin-bottom: 1rem;
  }

  .j-vacancy__item-req {
    font-size: 2rem;
  }

  .j-vacancy__item-text {
    font-size: 2rem;
  }

  .j-vacancy .clickable--close-btn {
    top: 24px;
  }

  .j-vacancy .clickable.is--opened {
    padding-bottom: 2rem;
  }

  .is--opened .j-vacancy__item-head {
    margin-bottom: 1rem;
  }

  .j-vacancy__item-text-p {
    margin-bottom: 1rem;
  }

  .j-vacancy__item-bottom {
    margin-top: 2rem;
    flex-direction: column;
    align-items: flex-start;
  }

  .j-vacancy__item-send,
  .j-vacancy__item-link {
    margin: 0;
    margin-top: 2rem;
    width: 100%;
    height: 6rem;
  }

  .j-vacancy__item-send {
    font-size: 2.625rem;
    line-height: 6rem;
  }

  .j-vacancy__item-link {
    font-size: 2.75rem;
    line-height: 5.5rem;
  }
}

/**/

/**/
.video-block {
  position: relative;
  color: #fff;
}

/*
.video-block.uniq {
  min-height: 46rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0) 49.28%, rgba(0, 0, 0, 0.72) 100%);
  color: #F0FAFF;
}
*/

.video-block .fo-block__title {
  position: absolute;
  z-index: 10;
  top: 3.43rem;
  left: 3.43rem;
}

/*
.video-block.tech {
  min-height: 46rem;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0.72));
  color: #F0FAFF;
}

.video-block.design {
  min-height: 40rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.88%, rgba(0, 0, 0, 0.4) 77.5%), linear-gradient(0deg, rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24));
  color: #fff;
}
*/

.video-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 4px;
  z-index: -1;
  display: flex;
  justify-content: center;
}

.video-bg video {
  display: inline-block;
  height: 100%;
}

/*
.video-block .fo-char__items-wrap {
  margin-top: 2.29rem
}

.video-block .fo-char__item:first-child {
  width: 100%;
}

.video-block .fo-char__item:not(:first-child) {
  margin-top: 2.29rem
}

.video-block .fo-char__item:nth-child(2n) {
  padding-right: 12px;
}

.video-block .fo-char__item:nth-child(2n+1) {
  padding-left: 12px;
}

.video-block.flex-block {
  flex-direction: column;

}

.uniq__title {
  display: flex;
  justify-content: space-between;
}

.uniq__title-patent {
  background: rgba(0, 0, 0, 0.32);
  border: 3px solid #F0FAFF;
  border-radius: 20px 20px 20px 0px;
  padding: 0.4rem 1rem;
  text-align: center;
  width: 9.4rem;
  font-size: 1.29rem;
  line-height: 140%;
  font-weight: 500;
}

.uniq__title-patent .small {
  font-size: 1rem;
}
*/

@media (max-width: 639px) {
  .video-block .fo-block__title {
    position: absolute;
    z-index: 10;
    top: 2rem;
    left: 2rem;
  }

  /*
  .video-block.uniq {
    min-height: 80rem;
  }

  .video-block.uniq .fo-block__text {
    width: 100%;
  }

  .video-block.design {
    min-height: 70rem;
  }

  .video-block .fo-char__item:nth-child(2n+1),
  .video-block .fo-char__item:nth-child(2n) {
    padding-left: 0;
  }

  .uniq__title {
    flex-direction: column;
  }
*/

}

/**/
.video-block__hidden {
  opacity: 0;
  visibility: hidden;
  display: block;
}

.video_wrapper {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #000;
  border-radius: 4px;
}

.videoIframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border-radius: 4px;
}

.videoPoster {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url(/assets/static/pages/job/img/video.jpg);
  background-size: 100%;
  border: none;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  -webkit-transition: opacity .2s, height 0s;
  -moz-transition: opacity .2s, height 0s;
  transition: opacity .2s, height 0s;
  -webkit-transition-delay: 0s, 0s;
  -moz-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  border-radius: 4px;
  padding: 0;

}

.videoPoster:hover {
  cursor: pointer;
}

.videoPoster:before {
  content: '';
  position: absolute;
  top: calc(50% - 64px);
  left: calc(50% - 64px);
  width: 128px;
  height: 128px;
  background: url(/assets/static/pages/job/img/icoPlay128.svg);
  transition: all .2s ease;
}

.videoPoster:hover:before,
.videoPoster:focus:before {
  transform: scale(1.1);
}

.videoWrapperActive .videoPoster {
  opacity: 0;
  height: 0;
  -webkit-transition-delay: 0s, .2s;
  -moz-transition-delay: 0s, .2s;
  transition-delay: 0s, .2s;
}

@media (max-width: 639px) {
  .videoPoster {
    background-image: url(/assets/static/pages/job/img/video.jpg);
    background-size: 100%;

  }
}

/**/

.j-form {
  background: url(https://www.fabrikaokon.ru/assets/static/misc/popup/logoGraph.08.svg), rgba(236, 224, 222, 0.72);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 66%;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.j-form__title {
  background: url(/assets/static/misc/popup/hands.svg) left / 80px no-repeat;
  /*
  font-size: 40px;
  line-height: 116%;
*/
  padding-left: 112px;
}


#contacts.f-animate--sk {
  max-width: 100%;
  margin-top: 1.71rem;
}

#contacts .f-animate__row {
  height: 64px;
  margin-left: -12px;
  margin-right: -12px
}

#contacts .f-animate__group {
  position: relative;
  z-index: 1;
  display: flex;
  margin-bottom: 32px
}

#contacts .f-animate__row-cl {
  margin: 0 12px
}

#contacts .f-animate__row-cl-sm {
  max-width: 325px
}

#contacts.f-animate--sk .f-animate-field,
#contacts.f-animate--sk .f-animate-field[type=tel] {
  height: 64px;
  padding: 12px 24px;
  border-radius: 4px;
  border: 2px solid #A2A2A1;
  background: rgba(255, 255, 255, 0.64);
  font-size: 27px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: .2s
}

#contacts .form-inline--sk input[type=tel] {
  font-size: 27px;
  line-height: 64px;
  padding-left: 24px;
  z-index: 50
}

#contacts .f-animate__group .f-animate__row-cl-static label {
  left: 90px
}

#contacts .f-animate__group label {
  position: absolute;
  top: 32px;
  left: 24px;
  z-index: 100;
  transform: translateY(-50%);
  display: inline-block;
  padding: 0;
  background: 0 0;
  color: #636362;
  font-weight: 500;
  font-size: 27px
}

#contacts .f-animate__group .file label {
  position: unset;
  top: auto;
  left: auto;
  max-width: 325px;
  width: 325px;
  display: block;
  border-radius: 4px;
  border: 2px solid #F26422;
  height: 64px;
  line-height: 60px;
  color: #F26422;
  padding: 0 29px;
  font-size: 27px;
  font-weight: 500;
  letter-spacing: .02em;
  margin-top: 32px;
}

#contacts .f-animate__group .f-animate-field.is--filled + label,
#contacts .f-animate__group .f-animate-field:focus + label,
#contacts .has-error .f-animate-field + label {
  top: -18px;
  left: 0px;
  z-index: 100;
  transform: translateY(0);
  font-size: 14px;
  border-radius: 4px;
  padding: 0 2px
}

#contacts .f-animate__group input {
  max-height: 648px;
  font-size: 18px
}

#contacts .f-animate__group input.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

#contacts .f-animate__row-cl-static {
  max-width: 249px;
  border-radius: 4px;
  border: 1px solid #cda8a2;
  background-color: transparent
}

#contacts.f-animate--sk textarea.f-animate-field {
  height: 88px;
  font-size: 18px;
  line-height: 125%;
  letter-spacing: .5px
}

#contacts .f-animate__group-files {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  height: 40px;
  padding: 10px 12px;
  background: rgba(255, 255, 255, .4);
  backdrop-filter: blur(4px);
  border-radius: 4px;
  flex-direction: row-reverse
}

#contacts .f-animate__group-files > div {
  margin: 0;
  text-align: left
}

#contacts .f-animate__group-files-add-btn {
  position: absolute;
  top: 10px;
  right: auto;
  left: 12px;
  padding: 0 0 2px;
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  color: #f26422;
  background-image: -webkit-linear-gradient(left, #f26422 33%, rgba(255, 255, 255, 0) 0);
  background-image: linear-gradient(to right, #f26422 33%, rgba(255, 255, 255, 0) 0);
  background-position: bottom;
  background-size: 6px 2px;
  background-repeat: repeat-x;
  cursor: pointer;
  transition: .2s
}

#contacts .f-animate__group-filename {
  flex-basis: 33%;
  max-width: 199px;
  margin: 0 10px;
  overflow: hidden;
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  color: #636362
}

#contacts .f-animate__row-cl-static > div {
  flex-basis: 76px
}

/*
#contacts.f-animate--sk .f-animate-field#contacts-order-prefix {
    padding-left: 16px;
    max-width: 76px;
    background: url(/assets/static/widgets/calc.v1/img/ico/icon-arrow.svg) 100% 50% no-repeat rgba(255,255,255,.64);
    border: none;
    height: 46px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}
*/
/*

#contacts.f-animate--sk .f-animate-field#contact-number {
    border: none;
    height: 46px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}
*/

#contacts .f-animate__row-cl-static > div:first-child {
  text-align-last: left
}

#contacts.form-inline--sk input[type=submit] {
  height: 64px;
  padding: 0 32px;
  border: none;
  box-shadow: 0 8px 24px -8px rgba(242, 100, 34, .4);
  border-radius: 4px;
  font-family: inherit;
  font-weight: 500;
  font-size: 27px;
  line-height: 64px;
  letter-spacing: .04em;
  background: #f26422;
  color: #f0faff;
  vertical-align: bottom;
  max-width: 400px;
  margin: 0;
}

#contacts .j-pers__container {
  display: flex;
  justify-content: space-between;
  align-items: center
}

#contacts .f-animate__group-filename span {
  font-weight: 700;
  color: #f26422
}

.j-btn__container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 1.71rem;
  position: relative;
}

.j-btn__container.is-add-file .j-form__resume-container {
  opacity: 1;
  visibility: visible;
}

.j-form__resume-container {
  position: absolute;
  right: 0;
  opacity: 0;
  visibility: hidden;
  max-width: 60%;
  overflow: hidden;
  transition: all .2s ease
}

.j-form__resume-title {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
  color: #636362;
}

.j-form__resume-name {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.04em;
  height: 64px;
  line-height: 60px;
  padding: 0 14px;
  border-radius: 4px;
  border: 2px solid #FFF;
}

@media (max-width: 639px) {
  .j-form__title {
    background: url(/assets/static/misc/popup/hands.svg) top left/40px no-repeat;
    padding-top: 56px;
    padding-left: 0;
  }

  #contacts .f-animate__row {
    height: 48px
  }

  #contacts .f-animate__group {
    margin-bottom: 24px;
    min-height: 48px;
    height: auto
  }

  #contacts .f-animate__row-cl {
    margin: 0 12px 24px
  }

  #contacts .f-animate__row-cl-sm,
  #contacts .f-animate__row-cl-static {
    max-width: 100%;
    margin-bottom: 0
  }


  #contacts.f-animate--sk .f-animate-field,
  #contacts.f-animate--sk .f-animate-field[type=tel] {
    font-size: 22px;
    height: 48px;
    padding: 8px 16px
  }

  .fo--callback #contacts .form-inline--sk input[type=tel] {
    line-height: 48px;
    padding-left: 16px
  }

  #contacts .f-animate__group label {
    position: absolute;
    top: 22px;
    left: 16px;
    font-size: 22px;
  }

  #contacts .f-animate__group input {
    max-height: 48px
  }

  #contacts .f-animate__group-files {
    padding: 6px 12px;
    flex-direction: column;
    justify-content: center
  }

  #contacts .f-animate__group-files-add-btn {
    position: initial;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    width: max-content;
    display: inline
  }

  #contacts .f-animate__group-files[data-count="3"] .f-animate__group-files-add-btn {
    display: none
  }

  #contacts .f-animate__group-filename {
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 16px !important;
    text-align: left !important;
    margin-left: 0
  }

  #contacts .f-animate__group-filename:nth-child(3) {
    margin-bottom: 0 !important
  }

  #contacts .f-animate__row-cl-static > div {
    flex-basis: 76px
  }

  #contacts.f-animate--sk .f-animate-field#contacts-order-prefix {
    padding-left: 16px;
    height: 38px
  }

  #contacts.f-animate--sk .f-animate-field#contacts-number {
    height: 38px
  }

  #contacts .f-animate__row-cl-static > div:first-child {
    text-align-last: left
  }

  #contacts .form-inline--sk input[type=submit] {
    height: 40px;
    max-width: 100%;
    padding: 0;
    font-size: 20px
  }

  #contacts.f-animate--sk input[type=submit] {
    max-width: 100%;
    margin-left: 0;
    margin-top: 0;
    height: 48px;
    font-size: 21px;
    line-height: 48px;
  }

  #contacts .f-animate__group .file label {
    width: 100%;
    max-width: 100%;
    height: 48px;
    font-size: 22px;
    line-height: 44px;
    text-align: center;
    margin-top: 24px;
  }

  .form__field.file {
    height: 48px;
  }

  .j-btn__container {
    margin-top: 2rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .j-form__resume-container {
    max-width: 100%
  }

  .j-btn__container.is-add-file .j-form__resume-container {
    position: relative;
    margin-top: 16px;
    width: 100%;
  }

  .j-form__resume-name {
    height: 48px;
    line-height: 44px;
    font-size: 16px;
    width: 100%;
  }

  #contacts .j-pers__container {
    flex-direction: column;
  }
}

.p-prices__quot-block {
  display: flex;
  margin: 24px 0;
}

.p-prices__quot-phrase {
  width: 46.5rem;
  font-size: 1.5rem;
  line-height: 148%;
  background: #FFFFFF;
  box-shadow: 0px 16px 64px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 2.29rem;
  margin-right: 24px;
  position: relative;
  min-height: 15rem;
  display: flex;
  align-items: center;
}

.p-prices__quot-phrase:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 9.2rem;
  right: -16px;
  border: 0px solid transparent;
  border-left: 16px solid #fff;
  border-bottom: 24px solid transparent;
}

.p-prices__quot-img img {
  display: block;
  border-radius: 50%;
  margin-bottom: 1.14rem;
  width: 9.2rem;
}

.p-prices__quot-name {
  font-size: 1.29rem;
  line-height: 124%;
  margin-bottom: 0.8rem;
}

.p-prices__quot-job {
  font-size: 1.07rem;
  line-height: 124%;
}

@media (max-width:639px) {
  .p-prices__quot-block {
    flex-direction: column;
  }

  .p-prices__quot-phrase {
    width: 100%;
    padding: 3rem;
    font-size: 2.25rem;
    margin-bottom: 2rem;
    min-height: inherit;
  }

  .p-prices__quot-phrase:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: auto;
    bottom: -16px;
    right: 86px;
    border: 0px solid transparent;
    border-top: 16px solid #fff;
    border-left: 24px solid transparent;
  }

  .p-prices__quot-sign {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: end;
  }

  .p-prices__quot-img img {
    margin-bottom: 0;
    width: 10rem;
    margin-left: 2rem;
  }

  .p-prices__quot-name {
    font-size: 2.25rem;
    text-align: right;
    margin-bottom: 1rem;
  }

  .p-prices__quot-job {
    font-size: 1.875rem;
    text-align: right;
  }

}

.j-descr-block {
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0 8px 24px 0 rgba(85, 113, 160, 0.16);
  padding: 1.71rem;
  margin-bottom: 1.71rem;
}

@media (max-width:639px) {
  .j-descr-block {
    padding: 2rem;
    margin-bottom: 3rem;
  }
}