.container {
  max-width: 1169px;
  margin: auto; }
  @media screen and (max-width: 1200px) {
    .container {
      max-width: 900px; } }
  @media screen and (max-width: 1000px) {
    .container {
      max-width: 700px; } }
  @media screen and (max-width: 768px) {
    .container {
      width: calc(100% - 70px); } }
  @media screen and (max-width: 400px) {
    .container {
      width: calc(100% - 53px); } }
  @media screen and (max-width: 350px) {
    .container {
      width: calc(100% - 60px); } }

      .services__item-wrap{
        padding: 220px 0;
      }
      .services__img img{
        width: 500px;
      }
.section-title {
  font-size: 40px;
  line-height: 54px;
  text-align: center;
  margin-bottom: 60px; }
  @media screen and (max-width: 600px) {
    .section-title {
      font-size: 32px; } }

.bg-dark {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(11, 57, 61, 0.25);
  z-index: 1; }
  .bg-dark_active {
    display: block; }

.list-item a {
  position: relative;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s; }
  .list-item a:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #FFFFFF;
    bottom: -4px;
    left: 0;
    opacity: 0; }
.list-item a:hover:after {
  opacity: 1; }

@media screen and (max-width: 1200px) {
  .header__list-item.list-item a:after {
    position: static;
    content: none; } }
@media screen and (max-width: 1200px) {
  .header__list-item.list-item a:hover, .header__list-item.list-item a:focus {
    color: #0c001f;
    opacity: 0.8; } }

@font-face {
  font-family: 'Open-Sans';
  src: url("../fonts/OpenSans-Regular.ttf");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Open-Sans-condensed';
  src: url("../fonts/OpenSans_Condensed-Regular.ttf");
  font-weight: 400;
  font-style: normal; }
.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 30px 0;
  position: relative;
  z-index: 3;
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s; }
  @media screen and (max-width: 1200px) {
    .header {
      padding: 22px 0;
      align-items: center; } }
  .header_active {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
    color: #232323;
    background: #FFFFFF;
    box-shadow: 6px 6px 20px rgba(8, 30, 32, 0.32);
    height: fit-content;
    width: 65%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 24px 34px;
    z-index: 3;
    height: fit-content;
    overflow: auto; }
    @media screen and (max-height: 607px) {
      .header_active {
        height: 100vh; } }
    @media screen and (max-width: 600px) {
      .header_active {
        width: 75%; } }
    .header_active .header__list-wrap {
      flex-direction: column; }
    .header_active .header__list-wrap {
      margin-bottom: 24px;
      width: 100%; }
    .header_active .header__nav {
      display: flex;
      flex-direction: column;
      color: #232323; }
    .header_active .header__list-item {
      margin-bottom: 48px; }
      .header_active .header__list-item a {
        font-size: 24px;
        line-height: 33px; }
    .header_active .header__service-wrap {
      display: flex;
      flex-direction: column; }
    .header_active .header__service-item {
      font-size: 16px;
      margin-bottom: 24px;
      opacity: 0.8; }
      .header_active .header__service-item a {
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s; }
        .header_active .header__service-item a:hover {
          color: #0c001f;
          opacity: 0.8; }
        .header_active .header__service-item a:focus {
          color: #0c001f;
          opacity: 0.8; }
    .header_active .header__resp-btn {
      align-items: center; }
    .header_active .header__resp-btn-span {
      background: #978F8F;
      width: 22px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg); }
      .header_active .header__resp-btn-span:after {
        content: "";
        position: absolute;
        width: 22px;
        height: 2px;
        background: #978F8F;
        left: 0;
        border-radius: 11px;
        top: 0;
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg); }
    .header_active .header__logo-wrap {
      margin-bottom: 50px; }
      .header_active .header__logo-wrap .logo {
        position: static; }
        .header_active .header__logo-wrap .logo svg path {
          fill: #0c001f; }
  .header__nav {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 1200px) {
      .header__nav {
        display: none; } }
  .header__list-wrap {
    display: flex; }
    .header__list-wrap:last-child {
      margin-right: 0; }
  .header__list-item a {
    font-size: 16px;
    line-height: 22px;
    margin-right: 28px;
    text-transform: capitalize;
    font-family: 'Open-Sans-condensed', sans-serif; }
  .header__logo-wrap {
    justify-content: space-between;
    display: flex;
    flex-direction: row;
    align-items: center; }
    @media screen and (max-width: 1200px) {
      .header__logo-wrap {
        width: 100%;
        z-index: 10;
        position: relative; } }
  .header__service-wrap {
    display: none;
    width: 100%; }
  .header__resp-btn {
    width: 30px;
    height: 18px;
    display: none;
    cursor: pointer; }
    @media screen and (max-width: 1200px) {
      .header__resp-btn {
        display: flex; } }
  .header__resp-btn-span {
    width: 100%;
    height: 2px;
    background: #FFFFFF;
    border-radius: 11px;
    position: relative; }
    @media screen and (max-width: 1200px) {
      .header__resp-btn-span {
        z-index: 10;
        position: relative; } }
    .header__resp-btn-span_open {
      background: #978F8F; }
      .header__resp-btn-span_open:after {
        background: #978F8F; }
    .header__resp-btn-span:after, .header__resp-btn-span:before {
      content: "";
      position: absolute;
      width: 30px;
      height: 2px;
      background: #FFFFFF;
      left: 0;
      border-radius: 11px; }
    .header__resp-btn-span:after {
      top: 7px; }
    .header__resp-btn-span:before {
      top: 15px; }
  @media screen and (max-width: 500px) {
    .header .logo {
      position: absolute;
      right: -18%; } }
  @media screen and (max-width: 330px) {
    .header .logo {
      right: -28%; } }

.main-banner {
  background-image: url("../images/bg1.png.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFFFFF;
  position: relative;
  background-position: center; }
  @media screen and (max-width: 800px) {
    .main-banner {
      background-position: 80% 0; } }
  .main-banner__bg {
    background: #0c001f;
    width: 50%;
    opacity: 85%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (max-width: 1200px) {
      .main-banner__bg {
        width: 68%; } }
    @media screen and (max-width: 350px) {
      .main-banner__bg {
        width: 70%; } }
  .main-banner__block {
    width: 50%;
    padding-bottom: 170px; }
    @media screen and (max-width: 1200px) {
      .main-banner__block {
        width: 65%; } }
  .main-banner__content {
    font-family: 'Open-Sans-condensed', sans-serif;
    padding-top: 120px;
    position: relative; }
  .main-banner__content-title {
    letter-spacing: 0.02em;
    text-transform: uppercase;
    font-size: 60px;
    line-height: 150%; }
    @media screen and (max-width: 600px) {
      .main-banner__content-title {
        font-size: 40px; } }
    @media screen and (max-width: 370px) {
      .main-banner__content-title {
        font-size: 36px; } }
  .main-banner__content-descriptions {
    font-size: 20px;
    line-height: 32px;
    color: rgba(255, 255, 255, 0.8);
    margin: 18px 0 47px; }
    @media screen and (max-width: 600px) {
      .main-banner__content-descriptions {
        font-size: 16px; } }
    @media screen and (max-width: 370px) {
      .main-banner__content-descriptions {
        font-size: 14px; } }
  .main-banner__btn {
    font-size: 15px;
    line-height: 32px;
    border: 1px solid #FFFFFF;
    border-radius: 6px;
    padding: 13px 0;
    min-width: 229px;
    background: transparent;
    color: #FFFFFF;
    position: relative;
    text-align: center;
    display: inline-block; }
    @media screen and (max-width: 370px) {
      .main-banner__btn {
        min-width: 100%;
        padding: 13px 20px; } }
    .main-banner__btn:hover {
      background: rgba(217, 217, 217, 0.15); }
    .main-banner__btn:disabled {
      opacity: 0.3; }

.list-service {
  box-shadow: 0.645308px 15.987px 22px rgba(0, 0, 0, 0.03), 0.418255px 10.3619px 12.8843px rgba(0, 0, 0, 0.0227778), 0.248563px 6.15795px 7.00741px rgba(0, 0, 0, 0.0182222), 0.129062px 3.1974px 3.575px rgba(0, 0, 0, 0.015), 0.0525806px 1.30264px 1.79259px rgba(0, 0, 0, 0.0117778), 0.0119501px 0.296055px 0.865741px rgba(0, 0, 0, 0.00722222);
  border-radius: 2px;
  padding: 15px 30px;
  position: relative;
  top: -37px;
  background: #FFFFFF;
  box-sizing: border-box; }
  @media screen and (max-width: 1200px) {
    .list-service {
      display: none; } }
  .list-service__wrap {
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center; }
    .list-service__wrap > :first-child {
      padding-left: 0; }
    .list-service__wrap > :last-child {
      padding-right: 0;
      position: static; }
  .list-service__item {
    padding: 0 48px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
    text-transform: capitalize;
    opacity: 0.8;
    position: relative; }
    .list-service__item:before {
      position: absolute;
      content: "";
      width: 2px;
      height: 30px;
      background: #E9E9E9;
      right: 0;
      top: 50%;
      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%); }
    .list-service__item a {
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s; }
      .list-service__item a:hover {
        color: #0c001f;
        opacity: 0.8; }

.engineering-expertiser {
  padding: 90px 0 212px; }
  @media screen and (max-width: 700px) {
    .engineering-expertiser {
      padding: 72px 0 78px; } }
  .engineering-expertiser .engineering-expertiser-item {
    width: 24%;
    display: flex;
    flex-direction: column;
    text-align: center; }
    @media screen and (max-width: 1000px) {
      .engineering-expertiser .engineering-expertiser-item {
        width: 45%;
        margin-bottom: 60px; } }
    @media screen and (max-width: 600px) {
      .engineering-expertiser .engineering-expertiser-item {
        width: 100%; } }
    .engineering-expertiser .engineering-expertiser-item__icon {
      min-height: 60px; }
      @media screen and (max-width: 600px) {
        .engineering-expertiser .engineering-expertiser-item__icon {
          min-height: 55px; } }
    .engineering-expertiser .engineering-expertiser-item__title {
      padding: 15px 0 16px;
      font-size: 22px;
      line-height: 34px; }
    .engineering-expertiser .engineering-expertiser-item__text {
      font-size: 16px;
      line-height: 28px;
      color: #525252; }
  .engineering-expertiser__wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .engineering-expertiser__wrap > :last-child {
      width: 30%; }
      @media screen and (max-width: 1000px) {
        .engineering-expertiser__wrap > :last-child {
          width: 45%;
          margin: auto; } }
      @media screen and (max-width: 600px) {
        .engineering-expertiser__wrap > :last-child {
          width: 100%; } }

.services {
  margin-bottom: 171px; }
  @media screen and (max-width: 600px) {
    .services {
      margin-bottom: 21px; } }
  .services__item-wrap {
    position: relative;
    display: flex;
    flex-direction: row;
    max-width: 1440px;
    margin: auto;
    flex-wrap: wrap; }
    @media screen and (max-width: 1439px) {
      .services__item-wrap {
        max-width: 100%; } }
    @media screen and (max-width: 768px) {
      .services__item-wrap {
        width: calc(100% - 70px); } }
    @media screen and (max-width: 700px) {
      .services__item-wrap {
        margin-bottom: 56px; } }
    @media screen and (max-width: 400px) {
      .services__item-wrap {
        width: calc(100% - 53px); } }
    @media screen and (max-width: 350px) {
      .services__item-wrap {
        width: calc(100% - 60px); } }
    .services__item-wrap_right {
      justify-content: flex-end; }
    .services__item-wrap_left {
      justify-content: flex-start; }
  .services__wrap-content {
    width: 1169px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%); }
    @media screen and (max-width: 1200px) {
      .services__wrap-content {
        max-width: 900px; } }
    @media screen and (max-width: 1000px) {
      .services__wrap-content {
        max-width: 700px; } }
    @media screen and (max-width: 700px) {
      .services__wrap-content {
        position: static;
        top: unset;
        left: unset;
        width: 100%;
        margin-bottom: 24px;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset; } }
    .services__wrap-content_left {
      justify-content: flex-end; }
  @media screen and (max-width: 1439px) {
    .services__img {
      width: 40%; } }
  @media screen and (max-width: 1000px) {
    .services__img {
      width: 45%; } }
  @media screen and (max-width: 700px) {
    .services__img {
      width: 100%; } }
  @media screen and (max-width: 1439px) {
    .services__img img {
      width: 100%; } }
  .services__content {
    width: 50%; }
    @media screen and (max-width: 1200px) {
      .services__content {
        width: 40%; } }
    @media screen and (max-width: 1000px) {
      .services__content {
        width: 50%; } }
    @media screen and (max-width: 700px) {
      .services__content {
        width: 100%; } }
  .services__item-label {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #0c001f;
    position: relative;
    padding-left: 105px; }
    @media screen and (max-width: 1000px) {
      .services__item-label {
        font-size: 16px;
        line-height: 22px; } }
    @media screen and (max-width: 360px) {
      .services__item-label {
        padding-left: 50px;
        font-size: 14px; } }
    .services__item-label:after {
      position: absolute;
      content: "";
      width: 72px;
      height: 2px;
      background: #0c001f;
      top: 50%;
      left: 0;
      transform: translate(0, -50%);
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      -o-transform: translate(0, -50%); }
      @media screen and (max-width: 360px) {
        .services__item-label:after {
          width: 40px; } }
  .services__item-title {
    font-size: 30px;
    line-height: 41px;
    margin: 21px 0 32px; }
    @media screen and (max-width: 1000px) {
      .services__item-title {
        font-size: 26px;
        line-height: 35px;
        margin: 21px 0 21px; } }
  .services__item-description {
    font-size: 18px;
    line-height: 170%; }
    @media screen and (max-width: 1000px) {
      .services__item-description {
        font-size: 14px; } }

.footer {
  padding: 36px 0;
  background: #0c001f;
  opacity: 85%;
  color: #FFFFFF; }
  .footer__wrap {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1200px) {
      .footer__wrap {
        flex-wrap: wrap;
        position: relative;
        padding: 110px 0 0; } }
    @media screen and (max-width: 600px) {
      .footer__wrap {
        flex-direction: column;
        text-align: center; } }
  @media screen and (max-width: 1200px) {
    .footer__item {
      margin-bottom: 48px; } }
  @media screen and (max-width: 600px) {
    .footer__item {
      margin-bottom: 48px; } }
  .footer__item_logo {
    width: 28%;
    font-size: 14px;
    line-height: 32px;
    margin-top: -10px; }
    @media screen and (max-width: 1200px) {
      .footer__item_logo {
        flex-wrap: wrap;
        order: 3;
        width: 50%; } }
    @media screen and (max-width: 600px) {
      .footer__item_logo {
        width: 100%;
        margin-bottom: 0;
        text-align: left; } }
  .footer__item .logo {
    margin-bottom: 16px; }
    @media screen and (max-width: 1200px) {
      .footer__item .logo {
        position: absolute;
        top: 0;
        left: 0; } }
    @media screen and (max-width: 600px) {
      .footer__item .logo {
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0); } }
  .footer__item_navigation {
    width: 40%; }
    @media screen and (max-width: 1200px) {
      .footer__item_navigation {
        width: 100%;
        order: 1; } }
    @media screen and (max-width: 600px) {
      .footer__item_navigation {
        margin-bottom: 25px; } }
    @media screen and (max-width: 1200px) {
      .footer__item_navigation .footer__nav {
        width: 50%; } }
    @media screen and (max-width: 600px) {
      .footer__item_navigation .footer__nav {
        width: 100%; } }
  .footer__item_contact {
    width: 20%;
    font-size: 16px;
    line-height: 32px; }
    @media screen and (max-width: 1200px) {
      .footer__item_contact {
        width: 50%;
        order: 2; } }
    @media screen and (max-width: 600px) {
      .footer__item_contact {
        width: 100%; } }
    .footer__item_contact .footer__nav-item {
      text-transform: inherit; }
  .footer__item-title {
    margin-bottom: 29px; }
  .footer__input-wrap {
    display: flex;
    flex-direction: row;
    color: #F0F0F0;
    font-size: 14px;
    line-height: 14px;
    margin: 17px 0;
    width: fit-content; }
  @media screen and (max-width: 360px) {
    .footer__input-wrap {
      width: 100%; } }
  .footer__field {
    width: 322px;
    position: relative; }
    @media screen and (max-width: 360px) {
      .footer__field {
        width: 100%; } }
    .footer__field input {
      width: 100%;
      border: 1px solid #F7F7F7;
      background: transparent;
      padding: 15px 17px 16px;
      box-sizing: border-box; }
      .footer__field input::placeholder {
        opacity: 0.7; }
      .footer__field input:active + .footer__btn, .footer__field input:focus + .footer__btn {
        box-shadow: 0px 3px 15px rgba(13, 58, 62, 0.15);
        background: rgba(255, 255, 255, 0.15); }
    .footer__field:hover .footer__btn, .footer__field:active .footer__btn, .footer__field:focus .footer__btn {
      box-shadow: 0px 3px 15px rgba(13, 58, 62, 0.15);
      background: rgba(255, 255, 255, 0.15); }
    .footer__field_disabled {
      opacity: 0.3; }
      .footer__field_disabled .footer__btn {
        pointer-events: none; }
  .footer input, .footer input::placeholder, .footer .footer__btn {
    color: #a89999;
    font-size: 14px;
    line-height: 14px; }
  .footer__btn {
    padding: 0px 31px;
    height: 100%;
    background: transparent;
    border: 1px solid #F7F7F7;
    position: relative;
    right: 0px;
    top: 0;
    position: absolute; }
    .footer__btn:disabled {
      opacity: 0.3; }
  .footer__nav-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    @media screen and (max-width: 600px) {
      .footer__nav-wrap {
        flex-direction: column;
        align-items: center; } }
  .footer__nav {
    display: flex;
    flex-direction: column; }
  .footer__nav-item {
    letter-spacing: 0.02em;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 23px; }
  .footer__item-title {
    font-size: 20px;
    line-height: 32px; }
  .footer__copyright {
    font-size: 18px;
    line-height: 32px;
    font-family: 'Open-Sans-condensed', sans-serif; }
    @media screen and (max-width: 1200px) {
      .footer__copyright {
        text-align: center; } }

.pop-up-congratulation {
  font-family: 'Open-Sans-condensed', sans-serif;
  background: #FFFFFF;
  box-shadow: 6px 6px 20px rgba(8, 30, 32, 0.32);
  width: 30%;
  min-width: 523px;
  box-sizing: border-box;
  padding: 51px 24px 75px;
  text-align: center;
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  display: none; }
  @media screen and (max-width: 600px) {
    .pop-up-congratulation {
      min-width: auto;
      width: 90%;
      padding: 51px 40px 75px; } }
  .pop-up-congratulation_active {
    display: block; }
  .pop-up-congratulation__btn {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 32px;
    right: 24px;
    cursor: pointer; }
    .pop-up-congratulation__btn:after, .pop-up-congratulation__btn:before {
      position: absolute;
      content: "";
      width: 21px;
      height: 1px;
      background: #978F8F;
      border-radius: 2.51414px;
      top: 8px;
      left: -3px; }
    .pop-up-congratulation__btn:after {
      transform: rotate(-136deg);
      -webkit-transform: rotate(-136deg);
      -moz-transform: rotate(-136deg);
      -ms-transform: rotate(-136deg);
      -o-transform: rotate(-136deg); }
    .pop-up-congratulation__btn:before {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg); }
  .pop-up-congratulation__title {
    font-size: 32px;
    line-height: 150%;
    margin: 41px 0 19px; }
  .pop-up-congratulation__message {
    text-transform: capitalize;
    font-size: 24px;
    line-height: 150%; }
    @media screen and (max-width: 600px) {
      .pop-up-congratulation__message {
        font-size: 22px; } }

body {
  font-family: "Open-Sans", sans-serif;
  color: #232323;
  position: relative; }
  body.fixed {
    height: 100vh;
    overflow: hidden; }

/*# sourceMappingURL=style.css.map */