html, body {
  height: 100%; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none; }
  html::selection, body::selection, div::selection, span::selection, applet::selection, object::selection, iframe::selection,
  h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, p::selection, blockquote::selection, pre::selection,
  a::selection, abbr::selection, acronym::selection, address::selection, big::selection, cite::selection, code::selection,
  del::selection, dfn::selection, em::selection, img::selection, ins::selection, kbd::selection, q::selection, s::selection, samp::selection,
  small::selection, strike::selection, strong::selection, sub::selection, sup::selection, tt::selection, var::selection,
  b::selection, u::selection, i::selection, center::selection,
  dl::selection, dt::selection, dd::selection, ol::selection, ul::selection, li::selection,
  fieldset::selection, form::selection, label::selection, legend::selection,
  table::selection, caption::selection, tbody::selection, tfoot::selection, thead::selection, tr::selection, th::selection, td::selection,
  article::selection, aside::selection, canvas::selection, details::selection, embed::selection,
  figure::selection, figcaption::selection, footer::selection, header::selection, hgroup::selection,
  menu::selection, nav::selection, output::selection, ruby::selection, section::selection, summary::selection,
  time::selection, mark::selection, audio::selection, video::selection {
    background-color: #00b9f7;
    color: #ffffff; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

a {
  font-size: inherit;
  text-decoration: none;
  color: inherit; }

button {
  background: none;
  outline: none;
  border: none;
  padding: 0;
  text-transform: inherit;
  cursor: pointer;
  border-radius: 0;
  -webkit-appearance: none; }

input, textarea {
  -webkit-appearance: none;
  outline: none;
  border: none;
  resize: none;
  background: none;
  font: inherit;
  resize: none; }

img, svg {
  display: block;
  width: 100%; }

section {
  position: relative;
  z-index: 10; }

[data-scrollbar], [scrollbar], scrollbar {
  display: block;
  position: relative; }

[data-scrollbar] .scroll-content, [scrollbar] .scroll-content, scrollbar .scroll-content {
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

[data-scrollbar].sticky .scrollbar-track, [scrollbar].sticky .scrollbar-track, scrollbar.sticky .scrollbar-track {
  background: rgba(222, 222, 222, 0.75); }

[data-scrollbar] .scrollbar-track, [scrollbar] .scrollbar-track, scrollbar .scrollbar-track {
  position: absolute;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity .5s ease-out,background .5s ease-out;
  transition: opacity .5s ease-out,background .5s ease-out;
  background: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

[data-scrollbar] .scrollbar-track.show, [data-scrollbar] .scrollbar-track:hover, [scrollbar] .scrollbar-track.show, [scrollbar] .scrollbar-track:hover, scrollbar .scrollbar-track.show, scrollbar .scrollbar-track:hover {
  opacity: 1; }

[data-scrollbar] .scrollbar-track:hover, [scrollbar] .scrollbar-track:hover, scrollbar .scrollbar-track:hover {
  background: rgba(222, 222, 222, 0.75); }

[data-scrollbar] .scrollbar-track-x, [scrollbar] .scrollbar-track-x, scrollbar .scrollbar-track-x {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px; }

[data-scrollbar] .scrollbar-track-y, [scrollbar] .scrollbar-track-y, scrollbar .scrollbar-track-y {
  top: 0;
  right: 0;
  width: 8px;
  height: 100%; }

[data-scrollbar] .scrollbar-thumb, [scrollbar] .scrollbar-thumb, scrollbar .scrollbar-thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 4px; }

[data-scrollbar] .overscroll-glow, [scrollbar] .overscroll-glow, scrollbar .overscroll-glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@font-face {
  font-family: 'ProximaNova';
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/Proxima/ProximaNova-Regular.woff2") format("woff2"), url("./fonts/Proxima/ProximaNova-Regular.woff") format("woff"); }

@font-face {
  font-family: 'ProximaNova';
  font-weight: 300;
  font-style: normal;
  src: url("./fonts/Proxima/ProximaNova-Light.woff2") format("woff2"), url("./fonts/Proxima/ProximaNova-Light.woff") format("woff"); }

.pnormal {
  font-family: ProximaNova;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  font-size: 18rem;
  line-height: 1.5;
  color: #feffff; }
  @media only screen and (max-width: 720px) {
    .pnormal {
      font-size: 17rem;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.47;
      letter-spacing: 0.1px; } }
  .pnormal-opacity {
    opacity: 0.5; }
  .pnormal-light {
    font-weight: 300; }

.plight {
  font-family: ProximaNova;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  font-size: 16rem;
  line-height: 1.44;
  letter-spacing: 0.1px;
  color: #feffff; }
  .plight-opacity {
    opacity: 0.5; }

.plarge {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-stretch: normal;
  font-weight: 300;
  font-size: 24rem;
  line-height: 1.5;
  color: #feffff; }
  @media only screen and (max-width: 720px) {
    .plarge {
      font-size: 20rem;
      line-height: 1.4; } }
  .plarge.-opacity {
    opacity: 0.9; }

.h1 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-stretch: normal;
  font-weight: bold;
  font-size: 60rem;
  line-height: 1.17;
  letter-spacing: 1.5rem;
  color: #feffff; }
  @media only screen and (max-width: 720px) {
    .h1 {
      font-size: 32rem;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: 0.8rem; } }

.h2, .page__title {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-stretch: normal;
  font-weight: bold;
  font-size: 48rem;
  line-height: 1.35;
  color: #feffff; }
  @media only screen and (max-width: 720px) {
    .h2, .page__title {
      font-size: 32rem;
      line-height: normal;
      letter-spacing: normal; } }
  @media only screen and (max-width: 720px) {
    .h2-homepage {
      font-size: 26rem; } }
  .h2-accent {
    color: #e2a93a; }

.h3 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-stretch: normal;
  font-weight: bold;
  font-size: 30rem;
  line-height: 1.5;
  color: #feffff; }
  @media only screen and (max-width: 720px) {
    .h3 {
      font-size: 23rem; } }

.h4 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-stretch: normal;
  font-weight: 600;
  font-size: 24rem;
  line-height: 1.5;
  letter-spacing: 1.2rem;
  color: #feffff; }
  @media only screen and (max-width: 720px) {
    .h4 {
      font-size: 20rem;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.4;
      letter-spacing: 1rems; } }

.link {
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-stretch: normal;
  display: inline-block;
  font-size: 13rem;
  font-weight: 500;
  line-height: 4.62;
  letter-spacing: 0.3rem;
  color: #feffff;
  padding-left: 71rem;
  cursor: pointer; }
  @media only screen and (max-width: 720px) {
    .link {
      padding-left: 55rem; } }
  .link__line {
    position: absolute;
    top: calc(50% + 2px);
    left: 0;
    transform: translateY(-50%);
    width: 60rem;
    height: 2px;
    overflow: hidden; }
    @media only screen and (max-width: 720px) {
      .link__line {
        width: 42rem; } }
    .link__line span {
      display: block;
      width: 100%;
      height: 100%;
      background-color: #feffff; }

html {
  position: relative;
  font-size: 1px;
  font-family: "ProximaNova";
  font-weight: normal;
  background-color: #0c1521; }
  html.-homepage, html.-homepage .preloader {
    background-color: #0c1521; }
  html.-services, html.-services .preloader, html.-about, html.-about .preloader, html.-documents, html.-documents .preloader {
    background-color: #132f82; }
  html.-contacts, html.-contacts .preloader {
    background-color: #001c2a; }

html .preloader {
  transition: background-color .3s ease-out; }

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  height: auto; }

.content {
  position: relative;
  height: 100vh; }

.scroll-content {
  position: relative; }

.main {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden; }

.wrap {
  position: relative;
  width: 1254rem;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (max-width: 1280px) {
    .wrap {
      width: 952rem; } }
  @media only screen and (max-width: 980px) {
    .wrap {
      width: 688rem;
      max-width: calc(100% - 60px); } }
  @media only screen and (max-width: 720px) {
    .wrap {
      width: calc(100% - 20rem * 2);
      max-width: 100%; } }
  @media only screen and (max-width: 720px) {
    .wrap-mobileUnwrap {
      width: 100%; } }
  .wrap-inner {
    width: 820rem; }
    @media only screen and (max-width: 1280px) {
      .wrap-inner {
        width: 952rem; } }
    @media only screen and (max-width: 980px) {
      .wrap-inner {
        width: 688rem;
        max-width: calc(100% - 60px); } }
    @media only screen and (max-width: 720px) {
      .wrap-inner {
        max-width: 100%;
        width: calc(100% - 20rem * 2); } }

.twoCol {
  display: flex; }
  .twoCol__100 {
    width: 100%; }
  .twoCol__99 {
    width: 99%; }
  .twoCol__98 {
    width: 98%; }
  .twoCol__97 {
    width: 97%; }
  .twoCol__96 {
    width: 96%; }
  .twoCol__95 {
    width: 95%; }
  .twoCol__94 {
    width: 94%; }
  .twoCol__93 {
    width: 93%; }
  .twoCol__92 {
    width: 92%; }
  .twoCol__91 {
    width: 91%; }
  .twoCol__90 {
    width: 90%; }
  .twoCol__89 {
    width: 89%; }
  .twoCol__88 {
    width: 88%; }
  .twoCol__87 {
    width: 87%; }
  .twoCol__86 {
    width: 86%; }
  .twoCol__85 {
    width: 85%; }
  .twoCol__84 {
    width: 84%; }
  .twoCol__83 {
    width: 83%; }
  .twoCol__82 {
    width: 82%; }
  .twoCol__81 {
    width: 81%; }
  .twoCol__80 {
    width: 80%; }
  .twoCol__79 {
    width: 79%; }
  .twoCol__78 {
    width: 78%; }
  .twoCol__77 {
    width: 77%; }
  .twoCol__76 {
    width: 76%; }
  .twoCol__75 {
    width: 75%; }
  .twoCol__74 {
    width: 74%; }
  .twoCol__73 {
    width: 73%; }
  .twoCol__72 {
    width: 72%; }
  .twoCol__71 {
    width: 71%; }
  .twoCol__70 {
    width: 70%; }
  .twoCol__69 {
    width: 69%; }
  .twoCol__68 {
    width: 68%; }
  .twoCol__67 {
    width: 67%; }
  .twoCol__66 {
    width: 66%; }
  .twoCol__65 {
    width: 65%; }
  .twoCol__64 {
    width: 64%; }
  .twoCol__63 {
    width: 63%; }
  .twoCol__62 {
    width: 62%; }
  .twoCol__61 {
    width: 61%; }
  .twoCol__60 {
    width: 60%; }
  .twoCol__59 {
    width: 59%; }
  .twoCol__58 {
    width: 58%; }
  .twoCol__57 {
    width: 57%; }
  .twoCol__56 {
    width: 56%; }
  .twoCol__55 {
    width: 55%; }
  .twoCol__54 {
    width: 54%; }
  .twoCol__53 {
    width: 53%; }
  .twoCol__52 {
    width: 52%; }
  .twoCol__51 {
    width: 51%; }
  .twoCol__50 {
    width: 50%; }
  .twoCol__49 {
    width: 49%; }
  .twoCol__48 {
    width: 48%; }
  .twoCol__47 {
    width: 47%; }
  .twoCol__46 {
    width: 46%; }
  .twoCol__45 {
    width: 45%; }
  .twoCol__44 {
    width: 44%; }
  .twoCol__43 {
    width: 43%; }
  .twoCol__42 {
    width: 42%; }
  .twoCol__41 {
    width: 41%; }
  .twoCol__40 {
    width: 40%; }
  .twoCol__39 {
    width: 39%; }
  .twoCol__38 {
    width: 38%; }
  .twoCol__37 {
    width: 37%; }
  .twoCol__36 {
    width: 36%; }
  .twoCol__35 {
    width: 35%; }
  .twoCol__34 {
    width: 34%; }
  .twoCol__33 {
    width: 33%; }
  .twoCol__32 {
    width: 32%; }
  .twoCol__31 {
    width: 31%; }
  .twoCol__30 {
    width: 30%; }
  .twoCol__29 {
    width: 29%; }
  .twoCol__28 {
    width: 28%; }
  .twoCol__27 {
    width: 27%; }
  .twoCol__26 {
    width: 26%; }
  .twoCol__25 {
    width: 25%; }
  .twoCol__24 {
    width: 24%; }
  .twoCol__23 {
    width: 23%; }
  .twoCol__22 {
    width: 22%; }
  .twoCol__21 {
    width: 21%; }
  .twoCol__20 {
    width: 20%; }
  .twoCol__19 {
    width: 19%; }
  .twoCol__18 {
    width: 18%; }
  .twoCol__17 {
    width: 17%; }
  .twoCol__16 {
    width: 16%; }
  .twoCol__15 {
    width: 15%; }
  .twoCol__14 {
    width: 14%; }
  .twoCol__13 {
    width: 13%; }
  .twoCol__12 {
    width: 12%; }
  .twoCol__11 {
    width: 11%; }
  .twoCol__10 {
    width: 10%; }
  .twoCol__9 {
    width: 9%; }
  .twoCol__8 {
    width: 8%; }
  .twoCol__7 {
    width: 7%; }
  .twoCol__6 {
    width: 6%; }
  .twoCol__5 {
    width: 5%; }

.bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%; }
  .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

@media only screen and (max-width: 1440px) {
  .more-desktop {
    display: none !important; } }

@media only screen and (min-width: 1441px) {
  .less-desktop {
    display: none !important; } }

@media only screen and (max-width: 1280px) {
  .more-tabletLarge {
    display: none !important; } }

@media only screen and (min-width: 1281px) {
  .less-tabletLarge {
    display: none !important; } }

@media only screen and (max-width: 980px) {
  .more-tablet {
    display: none !important; } }

@media only screen and (min-width: 981px) {
  .less-tablet {
    display: none !important; } }

@media only screen and (max-width: 720px) {
  .more-mobile {
    display: none !important; } }

@media only screen and (min-width: 721px) {
  .less-mobile {
    display: none !important; } }

.topLine {
  position: relative; }
  .topLine__line {
    display: block;
    position: absolute;
    top: -27rem;
    left: 0;
    width: 60rem;
    height: 2rem; }
    .topLine__line span {
      display: block;
      height: 100%;
      background-color: #feffff; }
  .topLine-low .topLine__line {
    top: -12rem; }

.verticalLine {
  position: absolute;
  top: 50%;
  left: -55rem;
  transform: translateY(-50%);
  width: 1rem;
  height: 240rem; }
  .verticalLine-large {
    height: 334rem; }
  .verticalLine__wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block; }
  .verticalLine__line {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #feffff;
    opacity: 0.3; }

.relative {
  position: relative; }

.triangleTop {
  position: absolute;
  top: -38rem;
  left: -29rem;
  width: 20rem;
  height: 20rem;
  border-top: 4rem solid #33444E;
  border-left: 4rem solid #33444E;
  box-sizing: border-box; }
  @media only screen and (max-width: 720px) {
    .triangleTop {
      left: auto;
      right: 0;
      top: -20rem;
      border-left: none;
      border-right: 4rem solid #33444E; } }

.header {
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%; }
  .header.-homepage .header__line {
    display: none; }
  .header .scroll-content {
    height: 100%; }
  .header__wrap {
    padding-top: 21rem;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media only screen and (max-width: 720px) {
      .header__wrap {
        padding-top: 13rem; } }
  .header__logo {
    position: relative;
    letter-spacing: 0.8rem;
    color: #feffff;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-stretch: normal;
    font-size: 30rem;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0.8rem;
    color: #feffff; }
    @media only screen and (max-width: 720px) {
      .header__logo {
        font-size: 18rem; } }
    @media only screen and (max-width: 500px) {
      .header__logo {
        z-index: 100; } }
  .header__menu {
    position: relative;
    z-index: 10; }
    @media only screen and (min-width: 981px) {
      .header__menu {
        display: block !important;
        opacity: 1 !important; } }
    @media only screen and (max-width: 980px) {
      .header__menu {
        display: none;
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        height: 100vh;
        opacity: 0;
        overflow: scroll;
        overflow-scrolling: touch;
        text-align: right; } }
  .header__menuScroll {
    position: relative;
    height: 100%;
    width: 100%; }
  .header__menuWrap {
    display: flex; }
    @media only screen and (max-width: 980px) {
      .header__menuWrap {
        display: inline-block;
        margin-left: auto;
        margin-right: 0;
        min-height: 100%;
        background-color: #132f82;
        opacity: 0.9;
        text-align: right;
        padding-right: calc((100vw - 688rem) / 2);
        padding-left: 147rem;
        padding-top: 36rem;
        padding-bottom: 100rem;
        box-sizing: border-box;
        box-shadow: -6rem 0px 21rem 0 rgba(0, 0, 0, 0.09); } }
    @media only screen and (max-width: 748px) {
      .header__menuWrap {
        padding-right: 30rem; } }
    @media only screen and (max-width: 720px) {
      .header__menuWrap {
        padding-right: 20rem;
        padding-top: 20rem; } }
    @media only screen and (max-width: 500px) {
      .header__menuWrap {
        box-sizing: none;
        width: 100%;
        padding-left: 0; } }
  .header__item {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-stretch: normal;
    display: block;
    font-size: 14rem;
    font-weight: 500;
    line-height: 4.29;
    letter-spacing: 0.4px;
    color: #feffff;
    margin-right: 48rem; }
    .header__item-last {
      margin-right: 0; }
    .header__item span {
      display: block;
      will-change: transform, opacity; }
    @media only screen and (min-width: 981px) {
      .header__item span {
        opacity: 1 !important;
        transform: none !important; } }
    @media only screen and (max-width: 980px) {
      .header__item {
        margin-right: 0 !important;
        line-height: initial;
        margin-top: 29rem; } }
    @media only screen and (max-width: 720px) {
      .header__item {
        margin-top: 26rem; } }
  .header__burger {
    position: relative;
    display: none;
    z-index: 20;
    cursor: pointer; }
    @media only screen and (min-width: 981px) {
      .header__burger {
        display: none !important; } }
    @media only screen and (max-width: 980px) {
      .header__burger {
        display: block; } }
    .header__burger svg {
      width: 37rem;
      height: 30rem; }
      @media only screen and (max-width: 720px) {
        .header__burger svg {
          width: 30rem;
          height: 16.2rem; } }
  .header__line {
    position: absolute;
    bottom: -19rem;
    left: 0;
    opacity: 0.2;
    width: 100%;
    height: 1px;
    background-color: #feffff; }
    @media only screen and (max-width: 1280px) {
      .header__line {
        bottom: -22rem; } }
    @media only screen and (max-width: 720px) {
      .header__line {
        bottom: -16rem; } }
  .header__mobileBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
  .header__mobileItems {
    margin-top: 128rem; }
    @media only screen and (min-width: 981px) {
      .header__mobileItems {
        display: none !important; } }
    @media only screen and (max-width: 720px) {
      .header__mobileItems {
        margin-top: 65rem; } }
  .header__mobileLinkTitle {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-stretch: normal;
    color: #feffff;
    opacity: 0.5;
    font-size: 18rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal; }
    @media only screen and (max-width: 720px) {
      .header__mobileLinkTitle {
        font-size: 14rem; } }
  .header__mobileLink {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-stretch: normal;
    font-size: 24rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: left;
    color: #feffff;
    display: inline-block;
    margin-top: 16rem;
    margin-bottom: 32rem;
    white-space: nowrap; }
    @media only screen and (max-width: 720px) {
      .header__mobileLink {
        font-size: 23rem; } }
  .header__mobileCross {
    display: none;
    margin-right: 3rem;
    margin-bottom: 42rem;
    margin-left: auto;
    width: 29rem;
    height: 29rem;
    cursor: pointer; }
    @media only screen and (min-width: 981px) {
      .header__mobileCross {
        display: none !important; } }
    @media only screen and (max-width: 720px) {
      .header__mobileCross {
        width: 22rem;
        height: 22rem;
        margin-bottom: 51rem;
        margin-right: 4rem; } }

.footer {
  position: relative;
  width: 100%;
  height: 156rem; }
  @media only screen and (max-width: 1280px) {
    .footer {
      height: 150rem; } }
  @media only screen and (max-width: 980px) {
    .footer {
      height: 135rem; } }
  @media only screen and (max-width: 720px) {
    .footer {
      height: auto; } }
  .footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #0d2634, #0a202c); }
  .footer__wrap {
    height: 100%;
    display: flex;
    align-items: center;
    box-sizing: border-box; }
    @media only screen and (max-width: 1280px) {
      .footer__wrap {
        padding-top: 9rem; } }
    @media only screen and (max-width: 720px) {
      .footer__wrap {
        padding-top: 30rem;
        display: block;
        padding-bottom: 58rem; } }
  .footer__logo {
    letter-spacing: 0.8rem;
    color: #feffff;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-stretch: normal;
    font-size: 18rem;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0.8rem;
    color: #feffff;
    margin-right: 124rem; }
    @media only screen and (max-width: 1280px) {
      .footer__logo {
        font-size: 18rem; } }
  @media only screen and (max-width: 720px) {
    .footer__menu {
      display: flex;
      flex-wrap: wrap;
      margin-top: 26rem; } }
  @media only screen and (max-width: 500px) {
    .footer__menu {
      width: 300rem; } }
  .footer__item {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-stretch: normal;
    font-size: 14rem;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #feffff;
    margin-right: 48rem;
    opacity: .5; }
    @media only screen and (max-width: 720px) {
      .footer__item {
        display: block;
        margin-right: 52rem; } }
    .footer__item:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 500px) {
      .footer__item:nth-child(3), .footer__item:nth-child(4) {
        margin-top: 27rem; } }
    @media only screen and (max-width: 500px) {
      .footer__item:nth-child(4) {
        margin-left: 8rem; } }

.contacts {
  position: relative;
  padding-top: 339rem;
  padding-bottom: 140rem; }
  @media only screen and (max-width: 1280px) {
    .contacts {
      padding-top: 117rem;
      padding-bottom: 126rem; } }
  @media only screen and (max-width: 980px) {
    .contacts {
      padding-top: 92rem;
      padding-bottom: 61rem; } }
  @media only screen and (max-width: 720px) {
    .contacts {
      padding-bottom: 60rem;
      padding-top: 60rem; } }
  .contacts:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, #0d2736 18%, #0a212d); }
  .contacts__title span {
    display: inline-block; }
  @media only screen and (max-width: 720px) {
    .contacts__title {
      font-size: 26rem;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left; } }
  .contacts-inner .contacts__text {
    width: 500rem;
    max-width: 100%; }
  .contacts-inner {
    padding-top: 141rem; }
    @media only screen and (max-width: 1280px) {
      .contacts-inner {
        padding-top: 96rem; } }
    @media only screen and (max-width: 720px) {
      .contacts-inner {
        padding-top: 38rem; } }
  @media only screen and (max-width: 1280px) {
    .contacts-inner .contacts__left {
      width: 363rem; } }
  .contacts-page {
    padding-top: 235rem;
    padding-bottom: 208rem;
    background: none; }
    @media only screen and (max-width: 1280px) {
      .contacts-page {
        padding-bottom: 99rem; } }
    @media only screen and (max-width: 980px) {
      .contacts-page {
        padding-bottom: 106rem; } }
    @media only screen and (max-width: 720px) {
      .contacts-page {
        padding-top: 108rem;
        padding-bottom: 42rem; } }
  .contacts-page .contacts__wrap {
    padding-left: 100rem;
    box-sizing: border-box; }
    @media only screen and (max-width: 1280px) {
      .contacts-page .contacts__wrap {
        padding-left: 0; } }
  .contacts-page .contacts__left {
    width: 535rem; }
    @media only screen and (max-width: 1280px) {
      .contacts-page .contacts__left {
        width: 460rem; } }
  @media only screen and (max-width: 720px) {
    .contacts-page .contacts__title {
      font-size: 32rem;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left; } }
  .contacts-page:before {
    display: none; }
  .contacts__info {
    margin-top: 70rem;
    display: flex; }
    @media only screen and (max-width: 980px) {
      .contacts__info {
        display: block;
        margin-top: 66rem; } }
    @media only screen and (max-width: 720px) {
      .contacts__info {
        margin-top: 44rem; } }
  .contacts__left {
    width: 536rem;
    flex-shrink: 0; }
    @media only screen and (max-width: 1280px) {
      .contacts__left {
        width: 404rem; } }
    @media only screen and (max-width: 980px) {
      .contacts__left {
        display: flex;
        margin-bottom: 115rem; } }
    @media only screen and (max-width: 720px) {
      .contacts__left {
        display: block;
        margin-bottom: 74rem; } }
  .contacts__leftBlock:last-child {
    margin-top: 60rem; }
    @media only screen and (max-width: 980px) {
      .contacts__leftBlock:last-child {
        margin-left: 130rem;
        margin-top: 0; } }
    @media only screen and (max-width: 720px) {
      .contacts__leftBlock:last-child {
        margin-left: 0;
        margin-top: 35rem; } }
  .contacts__subtitle {
    white-space: nowrap; }
  .contacts__text {
    margin-top: 8rem; }
    .contacts__text:last-child {
      margin-top: 37rem; }
    @media only screen and (max-width: 720px) {
      .contacts__text {
        margin-top: 12rem; }
        .contacts__text:last-child {
          margin-top: 26rem; } }
  .contacts__link {
    display: block;
    font-family: ProximaNova;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    font-size: 30rem;
    line-height: 0.9;
    color: #feffff;
    margin-top: 20rem;
    white-space: nowrap; }
    .contacts__link:last-child {
      margin-bottom: 0; }
    @media only screen and (max-width: 720px) {
      .contacts__link {
        font-size: 23rem;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.17;
        margin-top: 14rem; } }

@media only screen and (max-width: 1280px) {
  .parallaxCards-about .parallaxCards__card {
    width: 394rem;
    height: 273rem; } }

@media only screen and (max-width: 980px) {
  .parallaxCards-about .parallaxCards__card {
    width: 394rem;
    height: 273rem; } }

@media only screen and (max-width: 720px) {
  .parallaxCards-about .parallaxCards__card {
    width: 254rem;
    height: 176rem; } }

.parallaxCards-about .parallaxCards__card:last-child {
  margin-left: 279px;
  margin-top: -94rem; }
  @media only screen and (max-width: 1280px) {
    .parallaxCards-about .parallaxCards__card:last-child {
      margin-left: 340rem;
      margin-top: -94rem; } }
  @media only screen and (max-width: 980px) {
    .parallaxCards-about .parallaxCards__card:last-child {
      margin-left: 329rem;
      margin-top: -113rem; } }
  @media only screen and (max-width: 720px) {
    .parallaxCards-about .parallaxCards__card:last-child {
      margin-left: 26rem;
      margin-top: -37rem; } }

.parallaxCards__card {
  flex-shrink: 0;
  width: 432rem;
  height: 299rem; }
  @media only screen and (max-width: 1280px) {
    .parallaxCards__card {
      width: 304rem;
      height: 210rem; } }
  @media only screen and (max-width: 980px) {
    .parallaxCards__card {
      width: 412rem;
      height: 285rem; } }
  @media only screen and (max-width: 720px) {
    .parallaxCards__card {
      width: 254rem;
      height: 176rem; } }
  .parallaxCards__card img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .parallaxCards__card:last-child {
    margin-top: -86rem;
    margin-left: 127rem; }
    @media only screen and (max-width: 1280px) {
      .parallaxCards__card:last-child {
        margin-top: -50rem; } }
    @media only screen and (max-width: 980px) {
      .parallaxCards__card:last-child {
        margin-left: 152rem;
        margin-top: -102rem; } }
    @media only screen and (max-width: 720px) {
      .parallaxCards__card:last-child {
        margin-left: 22rem;
        margin-top: -39rem; } }
  .parallaxCards__card div {
    height: 100%; }
  .parallaxCards__card .js-showElem {
    position: relative;
    overflow: hidden;
    width: 100%; }
    .parallaxCards__card .js-showElem img {
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0; }

.parallaxCards__cardWrap {
  height: 100% !important;
  display: flex;
  align-items: flex-end; }
  @media only screen and (max-width: 980px) {
    .parallaxCards__cardWrap {
      height: 100% !important; } }

.parallaxCards__overflow {
  overflow: hidden; }

.page {
  position: relative;
  padding-top: 239rem; }
  @media only screen and (max-width: 1280px) {
    .page {
      padding-top: 261rem; } }
  @media only screen and (max-width: 720px) {
    .page {
      padding-top: 122rem; } }
  .page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 928rem;
    background-image: linear-gradient(to top, #0c1521, transparent);
    z-index: 0; }
  .page:after {
    content: "";
    position: absolute;
    display: block;
    top: 927rem;
    width: 100%;
    height: calc(100% - 926rem);
    left: 0;
    background-color: #0c1521;
    z-index: 0; }
  .page__wrap {
    position: relative;
    z-index: 10; }
  .page__title {
    margin-bottom: 65rem; }
    @media only screen and (max-width: 720px) {
      .page__title {
        margin-bottom: 32rem; } }
    .page__title span {
      display: inline-block; }
  .page__circles {
    position: absolute;
    top: -62rem;
    left: calc(50% + 638rem);
    transform: translateX(-50%);
    width: 640rem; }
    .page__circles svg {
      width: 100%;
      height: 100%; }
    @media only screen and (max-width: 1280px) {
      .page__circles {
        top: -30rem;
        left: calc(50% + 515rem); } }
    @media only screen and (max-width: 980px) {
      .page__circles {
        top: -21rem;
        left: calc(50% + 444rem); } }
    @media only screen and (max-width: 720px) {
      .page__circles {
        width: 343rem;
        top: -5rem;
        left: auto;
        transform: none;
        right: -177rem; } }
  .page__description-large {
    width: 110%; }
    @media only screen and (max-width: 1280px) {
      .page__description-large {
        width: 100%; } }
  .page__anotherContent {
    position: relative; }

.homepage__firstS {
  padding-top: 223rem; }
  @media only screen and (max-width: 720px) {
    .homepage__firstS {
      padding-top: 174rem; } }

.homepage__title {
  margin-left: -3rem; }
  .homepage__title span {
    display: inline-block; }

.homepage__srcollDown {
  margin-top: 69rem; }
  @media only screen and (max-width: 720px) {
    .homepage__srcollDown {
      margin-top: 43rem; } }

.homepage__bg {
  z-index: 0; }
  .homepage__bg__light {
    position: absolute !important;
    z-index: 0;
    width: 100%; }
    .homepage__bg__light img {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 1500rem;
      height: auto; }
      @media only screen and (min-width: 1438px) {
        .homepage__bg__light img {
          width: 2000rem; } }
  .homepage__bg__scene {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; }
    .homepage__bg__scene:nth-child(1) {
      z-index: 10; }
    .homepage__bg__scene:nth-child(2) {
      z-index: 20; }
    .homepage__bg__scene:nth-child(3) {
      z-index: 30; }
    .homepage__bg__scene:nth-child(4) {
      z-index: 40; }
  .homepage__bg__circles {
    position: absolute !important;
    z-index: 10;
    width: 100%; }
    .homepage__bg__circles span {
      position: absolute;
      display: block;
      width: 624rem;
      top: 108rem;
      left: calc(50% + 237rem);
      transform: translateX(-50%); }
    .homepage__bg__circles svg {
      width: 100%;
      height: 100%; }
  .homepage__bg__circles2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .homepage__bg__diver {
    position: absolute !important;
    z-index: 15;
    width: 100%; }
    .homepage__bg__diver img {
      position: absolute;
      top: 108rem;
      left: calc(50% + 230rem);
      transform: translateX(-50%);
      width: 359rem;
      height: auto; }
  .homepage__bg__coral {
    position: absolute !important;
    z-index: 20;
    width: 100%; }
    .homepage__bg__coral span {
      display: block;
      position: absolute;
      z-index: 15;
      width: 1440rem;
      height: auto;
      top: 459rem;
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (min-width: 1440px) {
        .homepage__bg__coral span {
          width: 1795rem;
          left: calc(50% + 183rem); } }
      .homepage__bg__coral span img {
        position: relative;
        z-index: 10;
        width: 100%; }
      .homepage__bg__coral span:before {
        content: "";
        display: block;
        width: 100vw;
        height: 750rem;
        position: absolute;
        z-index: 0;
        bottom: 70rem;
        transform: translate(-50%, 100%);
        left: 50%;
        background-image: linear-gradient(to bottom, #01101E, transparent); }
        @media only screen and (min-width: 1440px) {
          .homepage__bg__coral span:before {
            bottom: 90rem;
            left: calc(50% - 183rem); } }

.homepage__quality {
  position: relative;
  z-index: 15;
  margin-top: 507rem; }
  @media only screen and (max-width: 1280px) {
    .homepage__quality {
      margin-top: 376rem; } }
  @media only screen and (max-width: 720px) {
    .homepage__quality {
      margin-top: 230rem; } }
  @media only screen and (max-width: 720px) {
    .homepage__quality__wrap {
      text-align: center; } }
  .homepage__quality__right {
    margin-left: 747rem; }
    @media only screen and (max-width: 1280px) {
      .homepage__quality__right {
        margin-left: 462rem; } }
    @media only screen and (max-width: 980px) {
      .homepage__quality__right {
        margin-left: 0; } }
    @media only screen and (max-width: 720px) {
      .homepage__quality__right {
        text-align: left; } }
  .homepage__quality__title {
    margin-bottom: 33rem;
    margin-top: 30rem; }
    @media only screen and (max-width: 720px) {
      .homepage__quality__title {
        margin-bottom: 26rem; } }
  .homepage__quality__link {
    margin-top: 16rem; }
    @media only screen and (max-width: 720px) {
      .homepage__quality__link {
        margin-top: 9rem; } }

.homepage__parallaxCards {
  position: absolute;
  top: 100rem;
  left: 0; }
  @media only screen and (max-width: 980px) {
    .homepage__parallaxCards {
      position: relative;
      top: 0;
      margin-top: 70rem;
      margin-left: 68rem; } }
  @media only screen and (max-width: 720px) {
    .homepage__parallaxCards {
      margin-left: 0;
      margin-top: 39rem;
      display: inline-block; } }

.homepage__services {
  margin-top: 300rem; }
  @media only screen and (max-width: 1280px) {
    .homepage__services {
      margin-top: 133rem; } }
  @media only screen and (max-width: 980px) {
    .homepage__services {
      margin-top: 98rem; } }
  @media only screen and (max-width: 720px) {
    .homepage__services {
      margin-top: 71rem; } }
  .homepage__services__wrap {
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 1280px) {
      .homepage__services__wrap {
        display: block; } }
  .homepage__services__right {
    margin-left: -30rem;
    display: flex;
    flex-wrap: wrap; }
    @media only screen and (max-width: 1280px) {
      .homepage__services__right {
        margin-left: 0;
        margin-top: 43rem; } }
    @media only screen and (max-width: 980px) {
      .homepage__services__right {
        margin-top: 55rem; } }
    @media only screen and (max-width: 720px) {
      .homepage__services__right {
        margin-top: 19rem;
        justify-content: space-between; } }
    @media only screen and (max-width: 600px) {
      .homepage__services__right {
        display: block; } }
  .homepage__services__card {
    width: 263rem;
    margin-left: 58rem;
    margin-top: 95rem; }
    @media only screen and (max-width: 1280px) {
      .homepage__services__card {
        margin-top: 82rem; } }
    @media only screen and (max-width: 980px) {
      .homepage__services__card {
        margin-left: 92rem; } }
    @media only screen and (max-width: 720px) {
      .homepage__services__card {
        margin-top: 28rem !important;
        margin-left: 0 !important; } }
    @media only screen and (max-width: 600px) {
      .homepage__services__card {
        margin-left: 0 !important;
        margin-top: 28rem !important; }
        .homepage__services__card:first-child {
          margin-top: 0 !important; } }
    .homepage__services__card:first-child {
      margin-left: 321rem; }
      @media only screen and (max-width: 1280px) {
        .homepage__services__card:first-child {
          margin-left: 0; } }
    .homepage__services__card:nth-child(3) {
      margin-left: 0; }
      @media only screen and (max-width: 1280px) {
        .homepage__services__card:nth-child(3) {
          margin-top: 0;
          margin-left: 58rem; } }
      @media only screen and (max-width: 980px) {
        .homepage__services__card:nth-child(3) {
          margin-left: 0;
          margin-top: 55rem; } }
    @media only screen and (max-width: 1280px) {
      .homepage__services__card:nth-child(4) {
        margin-left: 0; } }
    @media only screen and (max-width: 980px) {
      .homepage__services__card:nth-child(4) {
        margin-top: 55rem;
        margin-left: 93rem; } }
    .homepage__services__card:nth-child(1), .homepage__services__card:nth-child(2) {
      margin-top: 0; }
    @media only screen and (max-width: 980px) {
      .homepage__services__card:nth-child(5) {
        margin-left: 0;
        margin-top: 55rem; } }
  .homepage__services__icon {
    width: 50.3rem;
    height: 50.3rem;
    margin-bottom: 23rem; }
    @media only screen and (max-width: 720px) {
      .homepage__services__icon {
        margin-bottom: 5rem; } }
    .homepage__services__icon svg {
      width: 100%;
      height: 100%; }
  .homepage__services__service {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-stretch: normal;
    font-size: 18rem;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 3.33;
    letter-spacing: 0.9rem;
    color: #feffff;
    margin-bottom: 2rem; }
  .homepage__services__link {
    margin-top: 23rem; }
    @media only screen and (max-width: 720px) {
      .homepage__services__link {
        margin-top: 13rem; } }

.homepage__clients {
  position: relative;
  z-index: 10;
  margin-top: 199rem; }
  @media only screen and (max-width: 1280px) {
    .homepage__clients {
      margin-top: 164rem; } }
  @media only screen and (max-width: 720px) {
    .homepage__clients {
      margin-top: 58rem; } }
  .homepage__clients__wrap {
    position: relative;
    padding-top: 57rem;
    padding-bottom: 25rem; }
    @media only screen and (max-width: 1280px) {
      .homepage__clients__wrap {
        padding-top: 57rem;
        padding-bottom: 37rem; } }
    @media only screen and (max-width: 980px) {
      .homepage__clients__wrap {
        padding-bottom: 22rem; } }
    @media only screen and (max-width: 720px) {
      .homepage__clients__wrap {
        padding-top: 37rem;
        padding-bottom: 37rem; } }
    .homepage__clients__wrap:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: calc(-1 * (100vw - 100%) / 2);
      width: calc(100% + (100vw - 100%) / 2);
      height: 100%;
      background-color: #132f82;
      z-index: 0; }
      @media only screen and (max-width: 1150px) {
        .homepage__clients__wrap:before {
          width: 100vw; } }
  .homepage__clients__title {
    position: relative;
    z-index: 10; }
  .homepage__clients__list {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    margin-top: 59rem;
    margin-left: -50rem; }
    @media only screen and (max-width: 1280px) {
      .homepage__clients__list {
        margin-top: 62rem;
        margin-left: 0; } }
    @media only screen and (max-width: 980px) {
      .homepage__clients__list {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-top: 55rem;
        margin-left: -6rem; } }
    @media only screen and (max-width: 650px) {
      .homepage__clients__list {
        width: 370rem; } }
  .homepage__clients__item {
    width: 203rem;
    margin-bottom: 48rem; }
    @media only screen and (max-width: 980px) {
      .homepage__clients__item {
        margin-left: 20rem; } }
    @media only screen and (max-width: 720px) {
      .homepage__clients__item {
        width: 184rem;
        height: 77rem; } }
    @media only screen and (max-width: 650px) {
      .homepage__clients__item {
        margin-bottom: 0; } }
    .homepage__clients__item:first-child {
      margin-left: 0; }
      @media only screen and (max-width: 650px) {
        .homepage__clients__item:first-child {
          margin-left: -8rem;
          margin-top: -14rem; } }
    @media only screen and (max-width: 650px) {
      .homepage__clients__item:nth-child(2) {
        margin-left: -75rem;
        transform: translateX(25rem); } }
    @media only screen and (max-width: 980px) {
      .homepage__clients__item:nth-child(3) {
        margin-top: -8rem;
        margin-left: 44rem; } }
    @media only screen and (max-width: 720px) {
      .homepage__clients__item:nth-child(3) {
        margin-left: 32rem; } }
    @media only screen and (max-width: 650px) {
      .homepage__clients__item:nth-child(3) {
        margin-top: 27rem;
        margin-left: -52rem; } }
    @media only screen and (max-width: 980px) {
      .homepage__clients__item:nth-child(4) {
        margin-left: -39rem; } }
    @media only screen and (max-width: 720px) {
      .homepage__clients__item:nth-child(4) {
        margin-left: -31rem; } }
    @media only screen and (max-width: 650px) {
      .homepage__clients__item:nth-child(4) {
        margin-left: -30rem;
        margin-top: 9rem;
        transform: translateX(20rem); } }
    @media only screen and (max-width: 980px) {
      .homepage__clients__item:nth-child(4), .homepage__clients__item:nth-child(5), .homepage__clients__item:nth-child(6) {
        margin-top: 7rem; } }
    @media only screen and (max-width: 720px) {
      .homepage__clients__item:nth-child(4), .homepage__clients__item:nth-child(5), .homepage__clients__item:nth-child(6) {
        margin-bottom: 0; } }
    @media only screen and (max-width: 650px) {
      .homepage__clients__item:nth-child(4), .homepage__clients__item:nth-child(5), .homepage__clients__item:nth-child(6) {
        margin-top: 30rem; } }
    @media only screen and (max-width: 980px) {
      .homepage__clients__item:nth-child(5) {
        margin-left: 68rem; } }
    @media only screen and (max-width: 720px) {
      .homepage__clients__item:nth-child(5) {
        margin-left: 65rem; } }
    @media only screen and (max-width: 650px) {
      .homepage__clients__item:nth-child(5) {
        margin-left: -29rem; } }
    @media only screen and (max-width: 980px) {
      .homepage__clients__item:nth-child(6) {
        margin-left: 33rem; } }
    @media only screen and (max-width: 720px) {
      .homepage__clients__item:nth-child(6) {
        margin-left: 30rem; } }
    @media only screen and (max-width: 650px) {
      .homepage__clients__item:nth-child(6) {
        margin-top: 45rem;
        margin-left: -68rem;
        transform: translate(34rem, -4rem); } }
    .homepage__clients__item img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

.homepage__contacts {
  position: relative;
  z-index: 0;
  margin-top: -163rem; }
  @media only screen and (max-width: 1280px) {
    .homepage__contacts {
      margin-top: 0; } }

.homepage__mobileBg {
  position: absolute;
  z-index: 0;
  top: -13rem;
  right: 0;
  width: 720rem; }
  @media only screen and (max-width: 400px) {
    .homepage__mobileBg {
      width: 400rem; } }
  .homepage__mobileBg:before {
    content: "";
    display: block;
    width: 100%;
    height: 200rem;
    position: absolute;
    z-index: 0;
    bottom: 2rem;
    transform: translateY(100%);
    left: 0;
    background-image: linear-gradient(to bottom, #010e1e, transparent); }

.contactsPage {
  min-height: calc(100vh - 156rem); }
  @media only screen and (max-width: 1280px) {
    .contactsPage {
      min-height: calc(100vh - 150rem); } }
  @media only screen and (max-width: 980px) {
    .contactsPage {
      min-height: calc(100vh - 135rem); } }
  @media only screen and (max-width: 720px) {
    .contactsPage {
      min-height: 0; } }
  .contactsPage__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%; }
  .contactsPage__coral {
    position: absolute;
    z-index: 10;
    top: 60rem;
    right: 0;
    width: 1007rem;
    opacity: 0.4; }
    @media only screen and (max-width: 1280px) {
      .contactsPage__coral {
        top: 120rem;
        right: -118rem; } }
    @media only screen and (max-width: 980px) {
      .contactsPage__coral {
        width: 768rem;
        top: 208rem;
        right: -80rem; } }
  .contactsPage__light {
    position: absolute;
    top: 0;
    right: 0;
    width: 1440rem;
    z-index: 0; }
    @media only screen and (min-width: 1441px) {
      .contactsPage__light {
        width: 1920rem; } }
    @media only screen and (max-width: 720px) {
      .contactsPage__light {
        width: 720rem; } }
  .contactsPage__info {
    position: relative;
    z-index: 10; }

.about {
  position: relative;
  padding-bottom: 244rem; }
  @media only screen and (max-width: 1280px) {
    .about {
      padding-bottom: 140rem; } }
  @media only screen and (max-width: 980px) {
    .about {
      padding-bottom: 117rem; } }
  @media only screen and (max-width: 720px) {
    .about {
      padding-bottom: 50rem; } }
  .about__wrap {
    position: relative;
    z-index: 100; }
  .about__text1 {
    position: relative;
    margin-top: 170rem; }
    @media only screen and (max-width: 1280px) {
      .about__text1 {
        margin-left: 84rem;
        margin-top: 131rem; } }
    @media only screen and (max-width: 980px) {
      .about__text1 {
        margin-left: 92rem;
        margin-top: 99rem; } }
    @media only screen and (max-width: 720px) {
      .about__text1 {
        margin-top: 60rem;
        margin-left: 0; }
        .about__text1 .verticalLine {
          display: none; } }
  @media only screen and (max-width: 720px) {
    .about__cardsWrap {
      text-align: center; } }
  .about__cards {
    position: relative;
    margin-top: 200rem;
    margin-bottom: 120rem; }
    @media only screen and (max-width: 1280px) {
      .about__cards {
        margin-top: 260rem;
        margin-bottom: 29rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        transform: translateX(-79rem); } }
    @media only screen and (max-width: 980px) {
      .about__cards {
        margin-top: 114rem;
        margin-bottom: 115rem;
        transform: translateX(-86rem); } }
    @media only screen and (max-width: 720px) {
      .about__cards {
        transform: none;
        margin-top: 65rem;
        margin-bottom: 70rem;
        display: inline-block; } }
    .about__cards .verticalLine {
      left: 618rem;
      top: 90rem;
      transform: none;
      z-index: -1; }
      @media only screen and (max-width: 1280px) {
        .about__cards .verticalLine {
          display: none; } }
  .about__image {
    position: relative; }
    .about__image img {
      width: 100vw;
      height: 100%;
      object-fit: cover; }
  .about__imageWrap {
    position: relative;
    z-index: 10;
    overflow: hidden;
    height: 29.51vw; }
    @media only screen and (max-width: 980px) {
      .about__imageWrap {
        height: 34.31vw; } }
    @media only screen and (max-width: 720px) {
      .about__imageWrap {
        height: 61.31vw; } }
    .about__imageWrap div {
      height: 100%; }
  .about__circles2 {
    position: absolute;
    z-index: 0;
    bottom: -129rem;
    left: calc(50% + 634rem);
    transform: translateX(-50%);
    width: 624rem !important;
    height: 624rem !important;
    opacity: 0.2; }
    @media only screen and (max-width: 1280px) {
      .about__circles2 {
        bottom: -151rem;
        left: calc(50% + 558rem); } }
    @media only screen and (max-width: 980px) {
      .about__circles2 {
        display: none; } }
    .about__circles2 svg {
      width: 100%;
      height: 100%; }
  @media only screen and (max-width: 1280px) {
    .about__text2 {
      margin-left: 92rem; } }
  @media only screen and (max-width: 720px) {
    .about__text2 {
      margin-left: 0; } }
  .about__text3 {
    margin-top: 172rem;
    margin-left: 104rem;
    margin-bottom: 217rem;
    width: 110%; }
    @media only screen and (max-width: 1280px) {
      .about__text3 {
        margin-top: 150rem;
        margin-left: 161rem;
        margin-bottom: 162rem;
        width: auto; } }
    @media only screen and (max-width: 980px) {
      .about__text3 {
        margin-top: 131rem;
        margin-left: 84rem;
        margin-bottom: 123rem; } }
    @media only screen and (max-width: 720px) {
      .about__text3 {
        margin-left: 0;
        margin-top: 68rem;
        margin-bottom: 48rem; } }
  @media only screen and (max-width: 1280px) {
    .about__text4 {
      margin-left: 88rem; } }
  @media only screen and (max-width: 720px) {
    .about__text4 {
      margin-left: 0; } }
  .about__image {
    margin-top: 147rem; }
    @media only screen and (max-width: 1280px) {
      .about__image {
        margin-top: 122rem; } }
    @media only screen and (max-width: 720px) {
      .about__image {
        margin-top: 52rem; } }

.services {
  position: relative; }
  .services__wrap {
    position: relative;
    z-index: 10; }
  .services__list {
    margin-top: 130rem;
    padding-bottom: 155rem; }
    @media only screen and (max-width: 1280px) {
      .services__list {
        padding-bottom: 125rem; } }
    @media only screen and (max-width: 980px) {
      .services__list {
        margin-top: 82rem;
        padding-bottom: 82rem; } }
    @media only screen and (max-width: 720px) {
      .services__list {
        padding-bottom: 42rem; } }
  .services__item {
    margin-top: 117rem;
    display: flex; }
    .services__item:first-child {
      margin-top: 0; }
    @media only screen and (max-width: 980px) {
      .services__item {
        display: block;
        margin-top: 87rem; } }
    .services__item__title {
      width: 320rem;
      display: block; }
      @media only screen and (max-width: 1280px) {
        .services__item__title {
          width: 364rem; } }
      @media only screen and (max-width: 980px) {
        .services__item__title {
          width: 100%; } }
    .services__item__texts {
      width: calc(100% - 320rem);
      margin-top: -13rem; }
      @media only screen and (max-width: 1280px) {
        .services__item__texts {
          width: 486rem; } }
      @media only screen and (max-width: 980px) {
        .services__item__texts {
          margin-top: 45rem; } }
      @media only screen and (max-width: 720px) {
        .services__item__texts {
          margin-top: 39rem;
          max-width: 100%; } }
    .services__item__text {
      position: relative;
      margin-top: 17rem;
      padding-top: 15rem; }
      .services__item__text:first-child {
        margin-top: 0; }
      .services__item__text:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #feffff; }
  .services__content {
    position: relative;
    z-index: 10; }
  .services__contacts {
    position: relative;
    z-index: 0; }
  .services__bg {
    position: absolute;
    top: 109rem;
    right: 0;
    width: 905rem;
    transform: translateY(-100%);
    opacity: 0.4; }
    @media only screen and (max-width: 1280px) {
      .services__bg {
        top: -76rem;
        right: -110rem; } }
    @media only screen and (max-width: 1280px) {
      .services__bg {
        right: 1rem; } }

.documents__cards {
  display: flex;
  flex-wrap: wrap;
  width: 895rem;
  margin-bottom: 72rem;
  margin-top: 90rem; }
  @media only screen and (max-width: 980px) {
    .documents__cards {
      width: 100%; } }
  @media only screen and (max-width: 580px) {
    .documents__cards {
      display: block;
      margin-top: 60rem;
      margin-bottom: 60rem; } }

.documents__card {
  position: relative;
  display: block;
  margin-left: 68rem;
  margin-bottom: 71rem;
  width: 253rem;
  cursor: pointer; }
  .documents__card:nth-child(3n + 1) {
    margin-left: 0; }
  @media only screen and (max-width: 980px) {
    .documents__card:nth-child(3n + 1) {
      margin-left: 68rem; }
    .documents__card:nth-child(2n+1) {
      margin-left: 0; } }
  @media only screen and (max-width: 720px) {
    .documents__card {
      margin-left: 30px; }
      .documents__card:nth-child(3n + 1) {
        margin-left: 30rem; }
      .documents__card:nth-child(2n+1) {
        margin-left: 0; } }
  @media only screen and (max-width: 580px) {
    .documents__card {
      margin-left: auto !important;
      margin-right: auto !important;
      margin-bottom: 47rem; } }
  @media only screen and (max-width: 400px) {
    .documents__card {
      margin-left: 0 !important; } }
  .documents__card__img {
    width: 100%;
    margin-bottom: 25rem; }