* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.hide_menu {
  display: none;
}

.hide_menu.open {
  display: block;
  position: absolute;
}

.lang {
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.ovfhidden {
  overflow: hidden;
}

body {
  position: relative;
}

.item-title {
  font-family: "IBM Plex Mono", monospace;
  font-style: italic;
  font-size: 40px;
  font-weight: bold;
  color: #0000a4;
}

.item-text {
  font-family: "IBM Plex Mono", monospace;
  font-size: 20px;
  font-weight: 500;
  color: white;
}

.section-wrapper-title {
  font-family: "IBM Plex Mono", monospace;
  font-style: italic;
  font-weight: 600;
  font-size: 30px;
  color: #0000a4;
}

.contact-erp {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 500;
  font-size: 30px;
  color: white;
}

.dpn {
  display: none;
}

.svenMobile {
  display: none;
}

.mobImages {
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(45px);
          transform: translateX(45px);
}

.mobWrap {
  display: none;
  height: 180px;
  width: 100%;
  position: relative;
}

.wrapchanged {
  display: none;
}

.wrapchanged .eyesss {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  margin: 0 auto;
}

.contact_wrapper {
  height: 45px;
  width: 100%;
  background-color: #00f0ff;
  position: absolute;
  top: 0;
}

.cw2 {
  display: none;
}

.cw2 .neytron {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-45px);
          transform: translateX(-45px);
}

#overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 139, 255, 0.7);
  z-index: 10000;
}

#overlay .wrapper {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#overlay .formFilled {
  display: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
}

#overlay .formFilled img {
  max-width: 100%;
}

#overlay .close {
  display: block;
  cursor: pointer;
  width: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
}

#overlay .form form {
  position: relative;
  margin: 0 auto;
  width: 90%;
  max-width: 550px;
  background-color: white;
  padding: 80px 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#overlay .form form input, #overlay .form form textarea {
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 13px 15px;
  font-family: 'IBM Plex Mono';
  background-color: #e2e3e3;
  border: none;
  outline: none;
}

#overlay .form form input {
  height: 60px;
  line-height: 60px;
}

#overlay .form form textarea {
  resize: none;
  height: 100px;
  margin-bottom: 70px;
  line-height: 60px;
}

#overlay .form form input::-webkit-input-placeholder, #overlay .form form textarea::-webkit-input-placeholder {
  color: #008bff;
}

#overlay .form form input:-ms-input-placeholder, #overlay .form form textarea:-ms-input-placeholder {
  color: #008bff;
}

#overlay .form form input::-ms-input-placeholder, #overlay .form form textarea::-ms-input-placeholder {
  color: #008bff;
}

#overlay .form form input::placeholder, #overlay .form form textarea::placeholder {
  color: #008bff;
}

#overlay .form form button {
  text-decoration: none;
  font-size: 30px;
  line-height: 36px;
  font-weight: 500;
  font-family: 'IBM Plex Mono', monospace;
  background: #0000a4;
  font-style: italic;
  display: block;
  width: 100%;
  height: 90px;
  text-align: center;
  line-height: 90px;
  margin: 0 auto;
  z-index: 9999;
  color: #fff;
  border: none;
}

.contact {
  padding-top: 155px;
  background-color: #00f0ff;
  position: relative;
}

.contact .vodor {
  position: absolute;
  left: -400px;
  top: -350px;
  width: 65%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.contact-container {
  padding-bottom: 125px;
  position: relative;
  width: 90%;
  max-width: 420px;
  margin: 0 auto;
}

.contact-container p {
  max-width: 500px;
  margin-bottom: 130px;
  font-weight: bold;
}

.contact-container a {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  display: block;
  font-family: "IBM Plex Mono";
  font-weight: 500;
  font-style: italic;
  font-size: 30px;
  width: 402px;
  height: 90px;
  text-align: center;
  line-height: 80px;
  background-color: #0000a4;
  color: white;
  text-decoration: none;
}

.clients {
  padding-top: 190px;
  padding-bottom: 225px;
}

.clients-container {
  text-align: center;
  width: 90%;
  max-width: 930px;
  margin: 0 auto;
}

.clients-container .clients-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.clients-container p {
  margin-bottom: 45px;
  color: #008bff;
}

.mobPartners {
  overflow: hidden;
  display: none;
  text-align: center;
}

.mobPartners .right-part {
  font-family: "IBM Plex Mono";
  font-weight: bold;
  font-style: italic;
}

.mobPartners .right-part p {
  font-size: 40px;
  color: #008bff;
  margin-bottom: 55px;
  letter-spacing: -1px;
}

.mobPartners .right-part ul {
  list-style-type: none;
}

.mobPartners .right-part ul li {
  font-size: 25px;
  color: #0000a4;
  margin-bottom: 33px;
}

#sven {
  display: none;
}

.partners {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.partners .face {
  position: absolute;
  left: 0;
  top: 10%;
}

.partners-container {
  max-width: 1025px;
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 9px;
}

.partners-container .left-part {
  margin-top: 6px;
  margin-left: 224px;
}

.partners-container .left-part img {
  position: relative;
  z-index: -1;
  width: 85%;
}

.partners-container .right-part {
  margin-right: -35px;
  font-family: "IBM Plex Mono";
  font-weight: bold;
  font-style: italic;
}

.partners-container .right-part p {
  font-size: 40px;
  color: #008bff;
  margin-bottom: 55px;
  letter-spacing: -1px;
}

.partners-container .right-part ul {
  list-style-type: none;
}

.partners-container .right-part ul li {
  font-size: 25px;
  color: #0000a4;
  margin-bottom: 33px;
}

.about {
  position: relative;
  margin-bottom: 307px;
  padding-top: 35px;
}

.about-container {
  width: 90%;
  max-width: 870px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.about-container .left-part {
  font-family: "IBM Plex Mono";
  font-weight: bold;
  font-size: 18px;
  color: #0000a4;
  background-color: #00f0ff;
  padding: 28px 70px 35px 29px;
  margin-top: 150px;
}

.about-container .left-part a {
  color: #0000a4;
}

.about-container .left-part .download {
  margin-bottom: 17px;
}

.about-container .left-part .download p {
  display: inline-block;
}

.about-container .right-part {
  font-family: "IBM Plex Mono";
  font-weight: 500;
  font-size: 20px;
  color: #0000a4;
  margin-right: -6px;
}

.about-container .right-part h5 {
  font-weight: 900;
  font-style: italic;
  font-size: 30px;
  margin-bottom: 5px;
}

.about-container .right-part h4 {
  font-weight: 900;
  font-style: italic;
  font-size: 40px;
  margin-bottom: 12px;
}

.about-container .right-part span {
  display: inline-block;
  margin-bottom: 29px;
}

.about-container .right-part p {
  max-width: 493px;
  line-height: 1.3;
}

footer {
  font-family: "IBM Plex Mono";
  font-weight: 500;
  font-size: 20px;
  color: #008bff;
  padding-bottom: 70px;
}

footer .footer-container {
  width: 90%;
  max-width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

footer .footer-container img {
  max-height: 65px;
}

footer .footer-container .contacts a {
  color: #008bff;
  text-decoration: none;
  display: block;
}

header {
  background-color: rgba(0, 139, 255, 0.7);
  padding-bottom: 90px;
  z-index: 11;
  overflow: hidden;
  position: relative;
}

header .circle_head {
  position: absolute;
  right: -305px;
  z-index: -5;
  top: -135px;
}

header .header_container {
  max-width: 800px;
  z-index: 9;
  position: relative;
  margin: 0 auto;
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 20px;
}

header .header_container .logo {
  margin-top: 60px;
}

header .header_container .lang {
  display: none;
}

header .header_container .lang a {
  display: block;
  width: 38px;
  height: 38px;
  line-height: 30px;
  text-align: center;
  background: url("../img/mes_block.png") no-repeat center;
  margin-bottom: 5px;
  color: #0000a4;
  text-decoration: none;
  font-family: 'IBM Plex Mono', monospace;
  font-weight: 500;
}

header .header_container .lang a.active_lang {
  background: url("../img/mes-act1.png") no-repeat center;
}

header .content_header-container {
  max-width: 910px;
  width: 90%;
  margin: 0 auto;
}

header .content_header-container .wrap_content-head {
  margin-top: 90px;
  background: url("../img/ex_bg.png") no-repeat 48% 48%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 99;
}

header .content_header-container .wrap_content-head .mob_hid-ex {
  display: none;
}

header .content_header-container .wrap_content-head .content-head_second {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 110px;
}

header .content_header-container .wrap_content-head .content_head h4 {
  font-family: 'IBM Plex Mono', monospace;
  font-weight: 700;
  font-style: italic;
  color: #0000a4;
  font-size: 40px;
  max-width: 390px;
  margin: 0;
  line-height: 46px;
}

header .content_header-container .wrap_content-head .content_head p {
  line-height: 28px;
  font-family: 'IBM Plex Mono', monospace;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  max-width: 480px;
  margin: 0;
  margin-top: 40px;
}

.bg-wrapper {
  overflow: hidden;
  background-color: rgba(0, 139, 255, 0.9);
}

#upper {
  background: #00f0ff;
  padding-top: 80px;
  position: relative;
  padding-bottom: 170px;
  z-index: 10;
}

#upper .contact_but {
  text-decoration: none;
  font-size: 30px;
  line-height: 36px;
  font-weight: 500;
  font-family: 'IBM Plex Mono', monospace;
  background: #0000a4;
  display: block;
  width: 400px;
  height: 90px;
  text-align: center;
  line-height: 90px;
  position: absolute;
  bottom: -45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 9999;
  color: #fff;
}

#upper .abs_world {
  position: absolute;
  z-index: -5;
  right: -200px;
  top: -800px;
}

#upper .second_container {
  max-width: 910px;
  margin: 0 auto;
  width: 90%;
  position: relative;
}

#upper .wrap_upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#upper .wrap_upper p {
  font-family: 'IBM Plex Mono', monospace;
  font-weight: 600;
  font-style: italic;
  color: #0000a4;
  font-size: 30px;
  margin: 0;
  margin-bottom: 45px;
  max-width: 420px;
}

#upper .wrap_upper p:last-child {
  margin-bottom: 0;
}

.contact2 {
  display: none;
}

#contact {
  padding-top: 160px;
  padding-bottom: 185px;
  background: #008bff;
  position: relative;
  overflow-x: hidden;
}

#contact .contact_but {
  text-decoration: none;
  font-size: 30px;
  line-height: 36px;
  font-weight: 500;
  font-family: 'IBM Plex Mono', monospace;
  background: #0000a4;
  display: block;
  width: 400px;
  height: 90px;
  text-align: center;
  line-height: 90px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 9999;
  color: #fff;
}

#contact .container_contact {
  max-width: 885px;
  margin: 0 auto;
  width: 90%;
}

#contact .container_contact .wrap_posib {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: url("../img/cont_resp.png") no-repeat 53% 54%;
}

#contact .container_contact .wrap_posib .posib_contact-item {
  margin-bottom: 35px;
}

#contact .container_contact .wrap_posib .posib_contact-item:nth-child(odd) {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

#contact .container_contact .wrap_posib .posib_contact-item:last-child {
  margin-bottom: 0;
}

#contact .container_contact .wrap_posib .posib_contact-item h4 {
  margin: 0;
  line-height: 48px;
  margin-bottom: 35px;
}

#contact .container_contact .wrap_posib .posib_contact-item p {
  max-width: 435px;
  line-height: 26px;
  margin: 0;
}

@media all and (min-width: 1860px) {
  .partners {
    overflow: inherit;
  }
  .face {
    display: none;
  }
  #sven {
    display: block;
    position: absolute;
    left: 0;
    top: 8%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@media all and (min-width: 2200px) {
  #sven {
    left: 9%;
  }
}

@media all and (max-width: 1440px) {
  .contact .vodor {
    width: 82%;
  }
}

@media all and (max-width: 1370px) {
  #upper .abs_world {
    right: -400px;
  }
}

@media all and (max-width: 1160px) {
  .partners .face {
    left: -200px;
  }
  .partners-container {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .partners-container .left-part {
    margin-left: 0;
  }
  .partners-container .right-part {
    margin-right: 0;
  }
}

@media all and (max-width: 1100px) {
  .contact .vodor {
    width: 90%;
  }
  footer {
    font-size: 15px;
  }
}

@media all and (max-width: 970px) {
  #upper .abs_world {
    right: -630px;
  }
}

@media all and (max-width: 900px) {
  .mobPartners {
    display: block;
    margin-bottom: 150px;
  }
  .about {
    margin-bottom: 150px;
  }
  .contact .vodor {
    width: 100%;
  }
  header .content_header-container .wrap_content-head {
    background: none;
  }
  header .content_header-container .wrap_content-head .mob_hid-ex {
    display: none;
  }
  header .content_header-container .wrap_content-head {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .content_header-container .wrap_content-head .content-head_second {
    margin-top: 40px;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
  }
  header .content_header-container .wrap_content-head .content_head h4 {
    max-width: 100%;
  }
  header .content_header-container .wrap_content-head .content_head p {
    max-width: 100%;
  }
  #upper .second_container .abs_world {
    display: none;
  }
  #contact .container_contact .wrap_posib {
    background: none;
  }
  #contact .container_contact .wrap_posib {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #contact .container_contact .wrap_posib .posib_contact-item:nth-child(odd) {
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
  }
  #contact .container_contact .wrap_posib .posib_contact-item p {
    max-width: 100%;
  }
  footer .footer-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  footer .footer-container img {
    margin-bottom: 20px;
  }
  footer .footer-container .location {
    margin-bottom: 20px;
  }
  .about-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    text-align: center;
  }
  .about-container .left-part {
    text-align: left;
    margin-top: 50px;
  }
  .partners .face {
    position: relative;
    margin-top: 30px;
  }
  .partners-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: none;
  }
  .partners-container .left-part {
    display: none;
  }
}

.mobileImage {
  display: none;
  position: absolute;
  width: 400px;
  top: -130px;
  left: -160px;
  z-index: -5;
}

@media all and (max-width: 740px) {
  .mobileImage {
    display: block;
  }
  .circle_head {
    display: none;
  }
  .contact .vodor {
    left: -200px;
    top: 0;
    width: auto;
  }
  .txt_upper-block {
    margin-top: 100px;
    width: 100%;
  }
  .txt_upper-block p:first-child {
    max-width: 100% !important;
  }
  .txt_upper-block p:nth-child(2) {
    max-width: 80% !important;
  }
  .txt_upper-block p:last-child {
    max-width: 70% !important;
  }
  #upper .abs_world {
    right: -245px;
    top: inherit;
    bottom: 80px;
    width: 650px;
  }
  .clients-container .clients-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .clients-container .clients-list-item {
    margin-bottom: 30px;
  }
  #upper .wrap_upper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .upper_img {
    margin-bottom: 20px;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .upper_img img {
    max-width: 100%;
  }
  #upper {
    padding-top: 40px;
    padding-bottom: 500px;
  }
  #upper .wrap_upper p {
    max-width: 400px;
  }
  .txt_upper-block {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .about-container .left-part {
    font-size: 14px;
  }
  .about-container .right-part h5 {
    font-size: 25px;
  }
  .about-container .right-part h4 {
    font-size: 30px;
  }
  .about-container .right-part span {
    font-size: 17px;
  }
  .about-container .right-part p {
    font-size: 17px;
  }
  .partners-container .right-part p {
    font-size: 30px;
  }
  .partners-container .right-part ul li {
    font-size: 19px;
  }
  .contact-container {
    padding-bottom: 70px;
  }
  .contact-container p {
    font-size: 20px;
    text-align: center;
  }
  .contact-container a {
    width: 280px;
    font-size: 20px;
  }
}

@media all and (max-width: 600px) {
  #overlay .form form {
    padding: 50px 10px 20px 10px;
  }
  #overlay .form form button {
    font-size: 20px;
  }
}

@media all and (max-width: 576px) {
  #contact .container_contact .wrap_posib {
    margin-top: 30px;
  }
  header .content_header-container .wrap_content-head .content-head_second {
    margin-top: 75px;
  }
  header .content_header-container .wrap_content-head {
    margin-top: 130px;
  }
  #contact .container_contact .wrap_posib .posib_contact-item:last-child {
    margin-top: 45px;
  }
  #contact {
    display: none;
  }
  .contact2 {
    display: block !important;
  }
  .mobWrap {
    display: block;
  }
  .mobWrap img {
    width: 70%;
  }
  .cw2 {
    display: block;
  }
  .wrapchanged {
    display: block;
  }
  .wrapchanged img {
    width: 120%;
  }
  .face {
    display: none;
  }
  .svenMobile {
    display: block;
    margin: 0 auto;
    max-width: 90%;
    width: 250px;
  }
  .txt_upper-block {
    margin-top: 80px;
  }
  header .header_container {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  header .header_container .logo {
    margin-top: 0px;
  }
  header .content_header-container .wrap_content-head .content_head h4 {
    font-size: 30px;
    line-height: 36px;
  }
  header .content_header-container .wrap_content-head .content_head p {
    font-size: 17px;
    line-height: 24px;
  }
}

@media all and (max-width: 560px) {
  .contact .vodor{
     left: -100%;
width: 200%
}
  .partners-container {
    padding-top: 30px;
  }
}

@media all and (max-width: 470px) {
  #contact .container_contact {
    padding-top: 50px;
  }
  .item-title {
    font-size: 26px;
  }
  footer .footer-container img {
    max-width: 100%;
  }
  #contact .contact_but {
    width: 300px;
    line-height: 43px;
  }
  #contact {
    padding-top: 75px;
  }
}

@media all and (max-width: 420px) {
  .mobWrap img {
    width: auto;
  }
}
/*# sourceMappingURL=style.css.map */