@charset "UTF-8";
/**
needs bootstrap function str-replace()
 */
/**
* Метод дополняет svg-sprite.scss.
* Позволяет получить чистый урл элемента спрайта для использования в псевдоэлементах или background-image
* Example: content: url(get-svg-url('checkmark', $user-variables: (fill: 'tomato')));
* Example: background-image: url(get-svg-url('heart', $user-variables: (stroke: 'red', fill: 'pink')));
*/
/**
вертикальные отступы
для каждого цвета указываются в порядке как в $grid-breakpoints
 */
.agency-page {
  background-image: url("/upload/_base/agency/agency-bg.jpg");
  background-size: 100% 300px;
  background-repeat: repeat-y;
}
.agency-page__title {
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 60px;
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .agency-page__title {
    margin-bottom: 36px;
  }
}
@media (min-width: 576px) {
  .agency-page__title {
    font-size: 68px;
  }
}
@media (min-width: 1600px) {
  .agency-page__title {
    margin-bottom: 50px;
  }
}
.agency-page__timeline {
  display: block;
  position: relative;
  padding: 0;
  margin-bottom: 60px;
}
.agency-page__timeline .desktop-timeline {
  display: none;
}
@media (min-width: 1200px) {
  .agency-page__timeline .desktop-timeline {
    display: block;
  }
  .agency-page__timeline .desktop-timeline__chart {
    color: #FFFFFF;
  }
  .agency-page__timeline .desktop-timeline__chart .year-name {
    color: #8a8a8a;
  }
}
@media (min-width: 1200px) {
  .agency-page__timeline .mobile-timeline {
    display: none;
  }
}
.agency-page__bosses {
  display: block;
  position: relative;
  color: #fff;
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .agency-page__bosses {
    margin-bottom: 130px;
  }
}
.agency-page__prizes {
  display: block;
  position: relative;
  color: #fff;
  margin-bottom: 72px;
}
@media (min-width: 400px) {
  .agency-page__prizes {
    margin-bottom: 72px;
  }
}
@media (min-width: 576px) {
  .agency-page__prizes {
    margin-bottom: 72px;
  }
}
@media (min-width: 768px) {
  .agency-page__prizes {
    margin-bottom: 72px;
  }
}
@media (min-width: 992px) {
  .agency-page__prizes {
    margin-bottom: 120px;
  }
}
@media (min-width: 1200px) {
  .agency-page__prizes {
    margin-bottom: 120px;
  }
}
@media (min-width: 1600px) {
  .agency-page__prizes {
    margin-bottom: 120px;
  }
}
@media (min-width: 1800px) {
  .agency-page__prizes {
    margin-bottom: 120px;
  }
}
.agency-page__advantages {
  display: block;
  position: relative;
  color: #fff;
  margin-bottom: 80px;
}
@media (min-width: 768px) {
  .agency-page__advantages {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .agency-page__advantages {
    margin-bottom: 45px;
  }
}
@media (min-width: 1600px) {
  .agency-page__advantages {
    margin-bottom: 120px;
  }
}
.agency-page__advantages .agency-advantages__description {
  color: white;
}
.agency-page__advantages .item__counter {
  color: black;
}
.agency-page__partners {
  display: block;
  position: relative;
  margin-bottom: 130px;
  color: #fff;
}
.agency-page__vacancy {
  display: block;
  position: relative;
  background-color: #fff;
  padding: 60px 0 0;
}
@media (min-width: 1600px) {
  .agency-page__vacancy {
    padding: 120px 0;
  }
}

.agency-page__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #fff;
  z-index: 1;
  margin-bottom: 72px;
}
.agency-page__header .header__container {
  position: relative;
}
.agency-page__header .header__content {
  display: block;
  max-width: 100%;
  z-index: 2;
}
@media (min-width: 992px) {
  .agency-page__header .header__content {
    width: 835px;
  }
}
@media (min-width: 1600px) {
  .agency-page__header .header__content {
    width: 810px;
  }
}
.agency-page__header .header-text p {
  display: block;
  width: 100%;
  max-width: var(--content-max-width);
  line-height: 1.6;
  font-weight: 500;
  font-size: var(--fz-h6);
  color: #fff;
}
.agency-page__header .header-text p:not(:last-child) {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .agency-page__header .header-text p {
    font-size: 22px;
  }
}
.agency-page__header .header__image {
  display: none;
}
@media (min-width: 1200px) {
  .agency-page__header .header__image {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 0;
    z-index: -1;
  }
}
@media (min-width: 1600px) {
  .agency-page__header .header__image {
    right: 110px;
    bottom: -100px;
  }
}

.agency-page__mission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #fff;
  overflow: hidden;
  padding-top: 20px;
  margin-bottom: 90px;
}
@media (min-width: 576px) {
  .agency-page__mission {
    margin-bottom: 100px;
  }
}
@media (min-width: 992px) {
  .agency-page__mission {
    margin-bottom: 90px;
  }
}
@media (min-width: 1200px) {
  .agency-page__mission {
    margin-bottom: 120px;
  }
}
@media (min-width: 1600px) {
  .agency-page__mission {
    padding-top: 60px;
    padding-bottom: 80px;
    margin-bottom: 150px;
  }
}
.agency-page__mission .mission__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media (min-width: 992px) {
  .agency-page__mission .mission__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .agency-page__mission .mission__container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 1800px) {
  .agency-page__mission .mission__container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.agency-page__mission .mission__content {
  display: block;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 767.98px) {
  .agency-page__mission .mission__content {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (min-width: 992px) {
  .agency-page__mission .mission__content {
    width: 480px;
    margin-right: 162px;
  }
}
@media (min-width: 1200px) {
  .agency-page__mission .mission__content {
    width: 665px;
    margin-bottom: 0;
    margin-right: 100px;
  }
}
@media (min-width: 1600px) {
  .agency-page__mission .mission__content {
    width: 955px;
  }
}
.agency-page__mission .mission__title {
  color: #fff;
}
@media (min-width: 768px) {
  .agency-page__mission .mission__title {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .agency-page__mission .mission__title {
    margin-bottom: 80px;
  }
}
@media (min-width: 1600px) {
  .agency-page__mission .mission__title {
    margin-bottom: 50px;
  }
}
.agency-page__mission .mission__text {
  display: block;
  position: relative;
}
.agency-page__mission .mission__text p {
  display: block;
  width: 100%;
  max-width: var(--content-max-width);
  line-height: 1.6;
  font-weight: 500;
  font-size: var(--fz-h6);
  color: #fff;
  font-size: 16px;
}
.agency-page__mission .mission__text p:not(:last-child) {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .agency-page__mission .mission__text p {
    font-size: 22px;
  }
}
@media (min-width: 1600px) {
  .agency-page__mission .mission__text p {
    font-size: 20px;
  }
}
.agency-page__mission .mission__button {
  display: block;
  position: relative;
}
@media (max-width: 991.98px) {
  .agency-page__mission .mission__button {
    margin-bottom: 80px;
  }
}
.agency-page__mission .mission__button .mission-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  position: relative;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  z-index: 1;
  width: 230px;
  height: 213px;
  margin: 0 auto;
  background-color: transparent;
  border: none;
}
@media (min-width: 576px) {
  .agency-page__mission .mission__button .mission-button {
    width: 297px;
    height: 275px;
  }
}
@media (min-width: 768px) {
  .agency-page__mission .mission__button .mission-button {
    width: 250px;
    height: 250px;
  }
}
@media (min-width: 992px) {
  .agency-page__mission .mission__button .mission-button {
    width: 217px;
    height: 205px;
  }
}
@media (min-width: 1200px) {
  .agency-page__mission .mission__button .mission-button {
    margin-top: 80px;
    width: 257px;
    height: 242px;
  }
}
@media (min-width: 1800px) {
  .agency-page__mission .mission__button .mission-button {
    width: 350px;
    height: 350px;
  }
}
@media (min-width: 1200px) {
  .agency-page__mission .mission__button .mission-button:hover .mission-button__blob, .agency-page__mission .mission__button .mission-button:focus .mission-button__blob {
    -webkit-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
            transform: scale(1.2, 1.2);
  }
  .agency-page__mission .mission__button .mission-button:hover .mission-button__image--rocket, .agency-page__mission .mission__button .mission-button:focus .mission-button__image--rocket {
    -webkit-transform: translate(25px, 25px);
        -ms-transform: translate(25px, 25px);
            transform: translate(25px, 25px);
  }
  .agency-page__mission .mission__button .mission-button:hover .mission-button__image--planet, .agency-page__mission .mission__button .mission-button:focus .mission-button__image--planet {
    -webkit-transform: translate(-25px, -25px);
        -ms-transform: translate(-25px, -25px);
            transform: translate(-25px, -25px);
  }
  .agency-page__mission .mission__button .mission-button:hover .mission-button__text, .agency-page__mission .mission__button .mission-button:focus .mission-button__text {
    -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
.agency-page__mission .mission__button .mission-button__blob {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.agency-page__mission .mission__button .mission-button__image {
  display: inline-block;
  position: absolute;
  height: auto;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  width: 150px;
}
@media (min-width: 768px) {
  .agency-page__mission .mission__button .mission-button__image {
    width: auto;
  }
}
.agency-page__mission .mission__button .mission-button__image--rocket {
  width: 130px;
  height: 78px;
  top: 11%;
  left: -11%;
}
@media (min-width: 576px) {
  .agency-page__mission .mission__button .mission-button__image--rocket {
    width: 167px;
    height: 102px;
  }
}
@media (min-width: 768px) {
  .agency-page__mission .mission__button .mission-button__image--rocket {
    top: 10px;
    left: -57px;
  }
}
@media (min-width: 992px) {
  .agency-page__mission .mission__button .mission-button__image--rocket {
    width: 113px;
    height: 68px;
    top: 25px;
  }
}
@media (min-width: 1200px) {
  .agency-page__mission .mission__button .mission-button__image--rocket {
    width: 134px;
    height: 82px;
  }
}
@media (min-width: 1800px) {
  .agency-page__mission .mission__button .mission-button__image--rocket {
    width: 190px;
    height: 116px;
    top: 10%;
    left: -25%;
  }
}
.agency-page__mission .mission__button .mission-button__image--planet {
  width: 155px;
  height: 95px;
  right: -40px;
  top: 125px;
}
@media (min-width: 576px) {
  .agency-page__mission .mission__button .mission-button__image--planet {
    width: 200px;
    height: 122px;
    top: 165px;
    right: -70px;
  }
}
@media (min-width: 992px) {
  .agency-page__mission .mission__button .mission-button__image--planet {
    width: 190px;
    height: 117px;
    top: 130px;
  }
}
@media (min-width: 1200px) {
  .agency-page__mission .mission__button .mission-button__image--planet {
    width: 223px;
    height: 140px;
    top: 155px;
  }
}
@media (min-width: 1800px) {
  .agency-page__mission .mission__button .mission-button__image--planet {
    width: 319px;
    height: 199px;
    top: 65%;
    right: -35%;
  }
}
.agency-page__mission .mission__button .mission-button__text {
  z-index: 2;
  color: black;
  font-weight: 500;
  line-height: 1.4;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  font-size: 26px;
}
@media (min-width: 768px) {
  .agency-page__mission .mission__button .mission-button__text {
    font-size: 32px;
  }
}

.agency-spaceman {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  position: relative;
  pointer-events: none;
  z-index: 1;
  width: 326px;
  height: 603px;
}
@media (min-width: 1600px) {
  .agency-spaceman {
    width: 408px;
    height: 756px;
  }
}
.agency-spaceman__ring-wrapper {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}
.agency-spaceman__ring img {
  width: 100%;
  height: 100%;
}
.agency-spaceman__ring--front {
  z-index: 3;
}
.agency-spaceman__ring--back {
  z-index: 1;
}
.agency-spaceman__figure {
  display: block;
  position: absolute;
  z-index: 2;
  left: 190px;
  top: 80px;
}

.agency-vacancy {
  display: block;
  position: relative;
}
.agency-vacancy__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
@media (min-width: 576px) {
  .agency-vacancy__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.agency-vacancy__text {
  display: block;
  position: relative;
  width: 100%;
  max-width: 100%;
  margin-bottom: 40px;
}
@media (min-width: 576px) {
  .agency-vacancy__text {
    margin-bottom: 0;
  }
}
@media (min-width: 1600px) {
  .agency-vacancy__text {
    width: 930px;
    margin-right: 195px;
  }
}
.agency-vacancy__text .text-block {
  display: block;
  position: relative;
}
.agency-vacancy__text .text-block:not(:last-child) {
  margin-bottom: 40px;
}
.agency-vacancy__text .text-block p {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .agency-vacancy__text .text-block p {
    font-size: 22px;
  }
}
.agency-vacancy__text .text-block p:not(:last-child) {
  margin-bottom: 25px;
}
.agency-vacancy__text .text-block a:hover {
  color: #A9FFC6;
}
.agency-vacancy__text .text-block--max-width {
  width: 350px;
  max-width: 100%;
}
@media (min-width: 576px) {
  .agency-vacancy__text .text-block--max-width {
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .agency-vacancy__text .text-block--max-width {
    width: 480px;
  }
}
@media (min-width: 992px) {
  .agency-vacancy__text .text-block--max-width {
    width: 620px;
    margin-bottom: 120px;
  }
}
@media (min-width: 1200px) {
  .agency-vacancy__text .text-block--max-width {
    width: 740px;
  }
}
@media (min-width: 1600px) {
  .agency-vacancy__text .text-block--max-width {
    width: 786px;
    margin-bottom: 0;
  }
}
.agency-vacancy__image {
  display: block;
  position: relative;
  max-width: 170px;
  max-height: 224px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .agency-vacancy__image {
    position: absolute;
    bottom: -1px;
    right: 0;
    max-width: 147px;
    max-height: 192px;
  }
}
@media (min-width: 768px) {
  .agency-vacancy__image {
    max-width: 182px;
    max-height: 240px;
  }
}
@media (min-width: 992px) {
  .agency-vacancy__image {
    max-width: 217px;
    max-height: 285px;
  }
}
@media (min-width: 1200px) {
  .agency-vacancy__image {
    right: 170px;
  }
}
@media (min-width: 1600px) {
  .agency-vacancy__image {
    position: relative;
    max-width: 365px;
    max-height: 365px;
    right: 0;
  }
}
.agency-vacancy__alien {
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}