*,::after,::before{box-sizing:border-box}ol[class],ul[class]{padding:0}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,li,ol[class],p,ul[class]{margin:0}body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;line-height:1.5}ol[class],ul[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}

body {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size: 28px;
  line-height: 40px;
  color: rgba(255, 255, 255, 0.85);
  background: #000;
}

.wrap_container {
  width: 1044px;
  margin: 0 auto;
  padding: 0 30px;
}

.abbr {
  letter-spacing: .08em;
}

a {
  color: rgba(255, 255, 255, 0.85);
}
a:hover {
  color: rgba(255, 255, 255, 1);
}

h1 {
  font-size: 100px;
  line-height: 100px;
}

h3 {
  font-weight: normal;
  font-size: 28px;
  line-height: 40px;
  margin: 160px 0 28px 0;
}

header {
  height: 590px;
  position: relative;
}

header .prof {
  padding: 30px 0 42px;
}

header img {
  width: 228px;
  height: auto;
  position: absolute;
  top: 100px;
  right: 0;
}
header .contact {
  position: absolute;
  top: 30px;
  right: 0;
}

.lead {
  font-weight: bold;
  width: 900px;
  margin-bottom: 160px;
}

.method h3 {
  display: inline-block;
  width: 252px;
  margin: 0;
  vertical-align: top;
}
.method > div {
  display: inline-block;
  width: 720px;
}

.n1 .description .colum:nth-child(1) img {
  margin-top: 20px;
}
.description .colum:nth-child(1) {
  margin-right: 24px;
}
.description .colum {
  display: inline-block;
  width: 480px;
  margin-top: 62px;
  vertical-align: top;
}
.description .colum img {
  margin-bottom: 50px;
}

.job-item {
  margin-bottom: 168px;
}
.job-item .name {
  display: inline-block;
  font-size: 60px;
  line-height: 80px;
}
.job-item .resp {
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  margin-left: 20px;
}
.job-item.tripster,
.job-item.x5 {
  margin-bottom: 100px;
}

.job-item.n1 {
  margin-bottom: 199px;
}
.n1 .image.desktop {
  margin-top: 70px;
}
.n1 .image.desktop img {
  width: 100%;
}
.n1 .image.mobile {
  display: none;
}

.n1 .image.mobile .app {
  margin-top: 77px;
  height: 588px;
  position: relative;
}
.n1 .image.mobile .app img,
.n1 .image.mobile .more img {
  position: absolute;
}
.n1 .image.mobile .app img.app_name {
  top: 0;
  left: 0;
  width: 283px;
}
.n1 .image.mobile .app img.app_map {
  bottom: 0;
  left: 0;
  width: 222px;
}
.n1 .image.mobile .app img.app_item {
  bottom: 56px;
  right: 0;
  width: 222px;
}
.n1 .image.mobile .more {
  position: relative;
  height: 420px;
  margin-bottom: 28px;
}

.n1 .image.mobile .more img.protect {
  bottom: 0;
  left: 50%;
  width: 296px;
  margin-left: -148px;
}
.n1 .image.mobile .more img.search {
  left: 0;
  bottom: 84px;
}
.n1 .image.mobile .more img.fav {
  bottom: 84px;
  left: 50%;
  margin-left: -28px;
}
.n1 .image.mobile .more img.chat {
  right: 0;
  bottom: 84px;
}
.n1 .image.mobile .more img.dialog {
  top: 28px;
  left: 50%;
  width: 296px;
  margin-left: -148px;
}
.n1 .image.mobile .more img.face {
  top: 0;
  right: 0;
}
.n1 .image.mobile > .desktop {
  height: 906px;
  margin-right: -12px;
  overflow: hidden;
}
.n1 .image.mobile .desktop img.app_desktop {
  max-width: none;
  height: 906px;
}

.tcs .description,
.hockey .description,
.emex .description,
.tf .description {
  margin-top: 52px;
}
.tcs .description {
  padding-right: 284px;
  position: relative;
}
.tcs .description img {
  position: absolute;
  right: 0;
  bottom: 10px;
}
.description img.mobile {
  display: none;
}

.hockey,
.emex {
  position: relative;
  padding-left: 336px;
}
.hockey .description img,
.emex .description img {
  position: absolute;
  top: 3px;
  left: 0;
}

.slon .aizk,
.tf {
  position: relative;
  padding-right: 284px;
}
.slon .aizk > img {
  margin: 130px 0 50px;
}
.slon .aizk .factoid,
.tf .factoid {
  font-size: 14px;
  line-height: 20px;
  padding-top: 65px;
  background: url('/i/imp.svg') no-repeat top left;
  width: 228px;
  position: absolute;
  top: -50px;
  right: 0;
}

.tf {
  margin-bottom: 0;
}
.tf .factoid {
  background: url('/i/buro.svg') no-repeat top left;
  padding-top: 45px;
  top: 142px;
  right: 0;
}

footer {
  height: 200px;
  margin-top: 90px;
  background: url('/i/tf.svg') no-repeat top center;
}


@media screen and (max-width: 1043px) {

.n1 .image.desktop {
  display: none;
}
.n1 .image.mobile {
  display: block;
}
.job-item.n1 {
  margin-bottom: 162px;
}

body {
  font-size: 20px;
  line-height: 28px;
}

.wrap_container {
  width: auto;
  margin: 0;
  padding: 0 12px;
}

h1 {
  font-size: 50px;
  line-height: 56px;
  margin: 0;
}

h3 {
  font-size: 20px;
  line-height: 28px;
  margin: 85px 0 28px 0;
}

header {
  height: auto;
  position: static;
  margin-bottom: 55px;
  border: none;
}

header h1 {
  position: static;
}

header img {
  width: 100%;
  height: auto;
  position: static;
  top: auto;
  right: auto;
  margin: 75px 0 48px;
}

header .prof {
  padding: 35px 0 30px;
}
header .contact {
  position: static;
  top: auto;
  left: auto;
  margin: 47px 0 83px;
  text-align: center;
}

.lead {
  width: auto;
  padding-right: 4px;
  margin-bottom: 0;
}

.method h3 {
  display: block;
  width: auto;
  vertical-align: inherit;
  margin: 85px 0 28px 0;
}
.method > div {
  display: block;
  width: auto;
}

.description {
  padding-right: 4px;
}
.n1 .description .colum:nth-child(1) {
  margin-bottom: 84px;
}
.slon .description .colum:nth-child(1) {
  margin-bottom: 77px;
}
.n1 .description .colum:nth-child(1) img {
  margin-top: 0;
}
.description .colum:nth-child(1) {
  margin-right: 0;
}
.description .colum {
  display: block;
  width: auto;
  margin-top: 56px;
  vertical-align: inherit;
}
.description .colum img,
.description img {
  margin-bottom: 35px;
}

.job-item {
  margin-bottom: 109px;
}
.job-item .name {
  display: block;
  font-size: 28px;
  line-height: 28px;
  margin: 0 0 9px;
}
.n1 .name {
  margin-top: -3px;
}
.job-item .resp {
  display: block;
  margin-left: 0;
  padding-bottom: 3px;
}

.tcs .description,
.hockey .description,
.emex .description,
.tf .description {
  margin-top: 56px;
}
.tcs .description {
  padding-right: 4px;
  position: static;
}
.tcs .description img {
  position: static;
  right: auto;
  bottom: auto;
}
.description img.desktop {
  display: none;
}
.description img.mobile {
  display: block;
}

.hockey,
.emex {
  position: static;
  padding-left: 0;
}
.hockey .description img,
.emex .description img {
  position: static;
  top: auto;
  left: auto;
}

.hockey .description img,
.emex .description img {
margin-left: auto;
margin-right: auto;
}

.slon .aizk,
.tf {
  position: static;
  padding-right: 0;
}
.slon .aizk > img {
  margin: 78px 0 35px;
}
.slon .aizk .factoid,
.tf .factoid {
  font-size: 14px;
  line-height: 20px;
  padding-top: 0;
  width: 220px;
  background: url('/i/imp.svg') no-repeat bottom right;
  background-size: 40px;
  min-height: 90px;
  position: static;
  top: auto;
  right: auto;
  margin: 33px auto 45px auto;
}

.tf {
  margin-bottom: 0;
}
.tf .factoid {
  background: url('/i/buro.svg') no-repeat top left;
  padding-top: 42px;
  width: 228px;
  top: auto;
  right: auto;
  margin-top: -5px;
  margin-bottom: 127px;
}
.tf .description {
  margin-top: 35px;
}

footer {
  height: 54px;
  margin-top: 49px;
}

}