/* zero style */
* {
  padding: 0;
  margin: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:focus, :active {
  outline: none;
}

a:focus, a:active {
  outline: none;
}

nav, footer, header, aside {
  display: block;
}

html, body {
  height: 100%;
  width: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input, button, textarea {
  font-family: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a, a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: 400;
}

/* fonts site */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

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

@font-face {
  font-family: Pragmatica;
  font-display: swap;
  src: url("../fonts/Pragmatica-Medium.woff") format("woff"), url("../fonts/Pragmatica-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Pragmatica;
  font-display: swap;
  src: url("../fonts/Pragmatica-Bold.woff") format("woff"), url("../fonts/Pragmatica-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

/* main style */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

body {
  background: #fff;
  font-family: Pragmatica, serif;
  font-style: normal;
  color: #000;
}

main {
  padding-top: calc(80px + (150 - 80) * ((100vw - 320px) / (1920 - 320)));
}

.container {
  width: 1190px;
  height: auto;
  padding: 10px;
  margin: 0 auto;
}

h1 {
  font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(22px + (29 - 22) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 700;
}

h2 {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(17px + (19 - 17) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 500;
}

h3 {
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(14px + (17 - 14) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 500;
}

p, a {
  font-size: 14px;
  line-height: 17px;
  font-weight: 300;
}

button {
  width: 100%;
  height: 40px;
  border: none;
  background: #DA291C;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

button:hover {
  background: #fff;
  color: #EA5504;
}

.bigBannerUpPage {
  width: 100%;
  height: calc(190px + (489 - 190) * ((100vw - 320px) / (1920 - 320)));
  /*margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));*/
  margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
}

.bigBannerUpPage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.bigBannerUpPage span {
  width: calc(230px + (625 - 230) * ((100vw - 320px) / (1920 - 320)));
  height: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(29px + (44 - 29) * ((100vw - 320px) / (1920 - 320)));
  padding-left: calc(10px + (75 - 10) * ((100vw - 320px) / (1920 - 320)));
  position: absolute;
  bottom: calc(25px + (65 - 25) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: rgba(234, 85, 4, 0.7);
  color: #FFFFFF;
}

.breadCrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.breadCrumbs a, .breadCrumbs li {
  font-size: calc(10px + (14 - 10) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(12px + (17 - 12) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 300;
  color: #8A8D8F;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.breadCrumbs a:hover {
  color: #EA5504;
}

.breadCrumbs span {
  margin-left: calc(3px + (8 - 3) * ((100vw - 320px) / (1920 - 320)));
  margin-right: calc(4px + (10 - 4) * ((100vw - 320px) / (1920 - 320)));
}

.showMore {
  width: 100%;
  height: auto;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(17px + (19 - 17) * ((100vw - 320px) / (1920 - 320)));
  display: block;
  font-weight: 500;
  color: #EA5504;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.showMore:hover {
  color: #866D4B;
}

.dropMenu {
  width: 20%;
}

.dropMenu ul {
  width: 100%;
}

.dropMenu ul li {
  width: 100%;
  margin: 5px 0;
}

.dropMenu ul li.dropMenu__active a {
  font-weight: 500;
  color: #EA5504;
}

.dropMenu ul li a {
  display: block;
  width: 100%;
  padding: 5px 0;
  color: #000;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.dropMenu ul li a:hover {
  color: #EA5504;
}

.dropMenu__burger {
  display: none;
}

/* header */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

header {
  width: 100%;
  height: calc(80px + (120 - 80) * ((100vw - 320px) / (1920 - 320)));
  position: fixed;
  z-index: 10;
}

header nav {
  width: 70%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

header nav .header__activeItem a {
  font-weight: 500;
  color: #EA5504;
}

header nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header nav ul a {
  color: #000;
  font-size: 16px;
  line-height: 19px;
  padding: 5px;
  margin: 0 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

header nav ul a:hover {
  color: #EA5504;
}

.header__gradient {
  width: 100%;
  height: calc(20px + (27 - 20) * ((100vw - 320px) / (1920 - 320)));
  background: -webkit-gradient(linear, left top, left bottom, color-stop(48.1%, #EA5504), to(#D70010));
  background: -o-linear-gradient(top, #EA5504 48.1%, #D70010 100%);
  background: linear-gradient(180deg, #EA5504 48.1%, #D70010 100%);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 100%;
  position: relative;
  padding-top: 37px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__container:after {
  content: '';
  width: calc(100% - 20px);
  height: 1px;
  background: #8A8D8F;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.header__logo {
  width: 170px;
  height: 49px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header__logo a {
  width: 100%;
  height: 100%;
  display: block;
  /*background: url("../img/full-logo-color.png") no-repeat;*/
  background: url("../img/sinomalogo.svg") no-repeat;
  background-size: 100% 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__language {
  margin-right: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header__language label {
  font-weight: 300;
  font-size: 16px;
  line-height: 19px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__language label:last-child {
  margin-left: 5px;
}

.header__language input {
  display: none;
}

.header__language input:checked + label {
  color: #DA291C;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__planet {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: url("../img/planet/planet.png") no-repeat;
  background-size: 100% 100%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.header__planet:hover {
  background: url("../img/planet/planet-hover.png");
}

.header__burger {
  width: 30px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  cursor: pointer;
  display: none;
}

.header__burger span {
  width: 100%;
  height: 4px;
  display: block;
  position: relative;
  background: #323232;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.header__scroll .header__gradient {
  height: 100%;
}

.header__scroll .header__planet {
  background: url("../img/planet/planet-white.png") no-repeat;
}

.header__scroll .header__logo a {
  background: url("../img/full-logo-white.png") no-repeat;
}

.header__scroll .header__container {
  padding-top: 0;
  padding-bottom: 0;
}

.header__scroll nav ul a {
  color: #fff;
}

.header__scroll nav ul a:hover {
  color: #866D4B;
}

.header__scroll .header__language label {
  color: #fff;
}

.header__scroll .header__language input:checked + label {
  color: #fff;
  font-weight: 500;
}

.header__scroll .header__burger span {
  background: #fff;
}

/* footer */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

footer {
  width: 100%;
  height: auto;
  padding-top: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));
  padding-bottom: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
  margin-top: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
  min-height: 360px;
  background: #EA5504;
  color: #fff;
  position: relative;
}

footer .container {
  padding: 0;
}

footer section {
  width: 25%;
  margin-bottom: 10px;
  padding: 10px;
}

footer h2, footer img {
  margin-bottom: 15px;
}

footer a {
  color: #fff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

footer a:hover {
  color: #866D4B;
}

.footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.footer__contacts p,
.footer__contacts a:nth-child(4) {
  margin-bottom: 15px;
}

.footer__feedback span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
}

.footer__feedback span input {
  margin-right: 10px;
}

.footer__feedback input {
  border: none;
  border-radius: 0;
  margin-bottom: 15px;
}

.footer__feedback input[type="text"],
.footer__feedback input[type="email"] {
  width: 100%;
  height: 40px;
  padding: 10px;
}

.footer__feedback input[type='checkbox'],
.footer__feedback label {
  cursor: pointer;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
}

.footer__developer {
  width: auto;
  position: absolute;
  bottom: 5px;
  right: 10px;
}

/* index */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

.index__banner {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.index__banner .index__bannerAbout {
  width: 28%;
  background: -webkit-gradient(linear, left top, right top, from(#EA5504), to(#DA291C));
  background: -o-linear-gradient(left, #EA5504 0%, #DA291C 100%);
  background: linear-gradient(90deg, #EA5504 0%, #DA291C 100%);
  padding: 25px;
  color: #FFFFFF;
}

.index__banner .index__bannerAbout p {
  font-size: 16px;
  line-height: 19px;
}

.index__banner .index__bannerSlider {
  width: 70%;
  height: 344px;
	overflow: hidden;
	position: relative;
}

.index__banner .index__bannerSlider .swiper-container {
  width: 100%;
  height: 100%;
}

.index__banner .index__bannerSlider .swiper-slide {
  position: relative;
}

.index__banner .index__bannerSlider .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.index__banner .index__bannerSlider .swiper-slide span {
  width: 232px;
  height: auto;
  position: absolute;
  top: 20px;
  right: 27px;
  color: #fff;
  background: rgba(234, 85, 4, 0.7);
  padding: 14px 14px 8px 40px;
}

.index__banner .index__bannerSlider .swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: #fff;
  opacity: 1;
  border: 2px solid #EA5504;
}

.index__banner .index__bannerSlider .swiper-pagination .swiper-pagination-bullet-active {
  background: #EA5504;
}

.index__processCycle h2 {
  margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.index__processCycle .index__processes {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.index__processCycle .index__processes div {
  width: calc(140px + (165 - 140) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin: 0 5px;
}

.index__processCycle .index__processes div img {
  width: 100%;
  height: calc(116px + (141 - 116) * ((100vw - 320px) / (1920 - 320)));
  -o-object-fit: cover;
     object-fit: cover;
}

.index__processCycle .index__processes div p {
  width: 100%;
  height: auto;
  margin-top: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 10px;
}

.index__articles {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.index__articles h2 {
  margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.index__articles img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.index__articles .index__article {
  width: 18%;
}

.index__articles .index__article .index__articleItem {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 30px;
}

.index__articles .index__article .index__articleItem img {
  -o-object-fit: cover;
     object-fit: cover;
  height: calc(190px + (170 - 190) * ((100vw - 320px) / (1920 - 320)));
}

.index__articles .index__article .index__articleItem p,
.index__articles .index__article .index__articleItem .source {
  color: #866D4B;
  margin-bottom: 5px;
  margin-top: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.index__articles .index__article .index__articleItem .source:hover {
  color: #EA5504;
}

.index__articles .index__article .index__articleItem h3 {
  color: #000;
}

.index__articles .index__article .index__articleItem .date {
  color: #8A8D8F;
}

.index__articles .index__otherArticle {
  width: 80%;
}

.index__articles .index__otherArticle a p {
  margin: 10px 0;
  color: #000;
}

.index__articles .index__otherArticle .index__health div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.index__articles .index__otherArticle .index__health div a {
  width: 32%;
  margin: 0 5px;
}

.index__articles .index__otherArticle .index__health div a img {
  height: calc(230px + (154 - 230) * ((100vw - 320px) / (1920 - 320)));
}

.index__articles .index__otherArticle .index__map div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.index__articles .index__otherArticle .index__map div img {
  width: 65%;
  -o-object-fit: cover;
     object-fit: cover;
}

.index__articles .index__otherArticle .index__map div div {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.index__articles .index__otherArticle .index__map div div p {
  width: 100%;
  margin: 10px 0;
}

.index__articles .index__otherArticle .index__map div div p span {
  font-weight: 500;
  color: #EA5504;
}

/* services */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

.services__main {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.services__advantages h2 {
  margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.services__advantages .services__advantagesItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.services__advantages .services__advantagesItems .services__advantagesItem {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
/*
.services__advantages .services__advantagesItems .services__advantagesItem:hover img {
  -webkit-filter: none;
          filter: none;
}*/

.services__advantages .services__advantagesItems .services__advantagesItem img {
  width: 100%;
  height: calc(140px + (217 - 140) * ((100vw - 320px) / (1920 - 320)));
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: none;
          filter: none;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.services__advantages .services__advantagesItems .services__advantagesItem div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.services__advantages .services__advantagesItems .services__advantagesItem div p {
  width: calc(110px + (147 - 110) * ((100vw - 320px) / (1920 - 320)));
  font-size: 14px;
  margin: auto 0;
  padding: 5px;
}

.services__advantages .services__advantagesItems .services__advantagesItem div span {
  width: calc(30px + (70 - 30) * ((100vw - 320px) / (1920 - 320)));
  height: calc(30px + (70 - 30) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #fff;
  font-size: calc(24px + (48 - 24) * ((100vw - 320px) / (1920 - 320)));
  background: #EA5504;
}

.services__projects h2 {
  margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.services__projects div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.services__projects div a {
  width: 32%;
  margin-right: 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  color: #000;
  margin-top: 15px;
}

.services__projects div a:nth-child(3n) {
  margin-right: 0;
}

.services__projects div a .country {
  font-weight: 500;
  color: #EA5504;
}

.services__projects div a h3, .services__projects div a p {
  margin-top: 5px;
}

.services__projects div a img {
  width: 100%;
  height: calc(200px + (180 - 200) * ((100vw - 320px) / (1920 - 320)));
  -o-object-fit: cover;
     object-fit: cover;
}

/* services -> project in key */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

.projectInKey {
  width: 78%;
  position: relative;
}

.projectInKey .projectInKey__backImg {
  width: 100%;
  height: 500px;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: -1;
}

.projectInKey__partner {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.projectInKey__partner img {
  width: 48%;
  margin: auto 0;
}

.projectInKey__partner div {
  width: 48%;
  margin: auto 0;
}

.projectInKey__partner div img {
  width: 170px;
  height: 49px;
}

.projectInKey__partner div h1 {
  margin: 15px 0;
}

.projectInKey__thisIs .projectInKey__thisIsTitle {
  margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.projectInKey__thisIs .projectInKey__thisIsItems {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.projectInKey__thisIs .projectInKey__thisIsItems .projectInKey__thisIsItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.projectInKey__thisIs .projectInKey__thisIsItems .projectInKey__thisIsItem:not(:first-child) {
  margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.projectInKey__thisIs .projectInKey__thisIsItems .projectInKey__thisIsItem div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  padding-right: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.projectInKey__thisIs .projectInKey__thisIsItems .projectInKey__thisIsItem div li {
  font-size: 14px;
  line-height: 17px;
  margin-top: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 300;
  position: relative;
  list-style-type: disc;
  list-style-position: inside;
}

.projectInKey__thisIs .projectInKey__thisIsItems .projectInKey__thisIsItem img:first-child {
  width: calc(60px + (170 - 60) * ((100vw - 320px) / (1920 - 320)));
  height: calc(70px + (200 - 70) * ((100vw - 320px) / (1920 - 320)));
}

.projectInKey__thisIs .projectInKey__thisIsItems .projectInKey__thisIsItem img:last-child {
  width: 270px;
  height: calc(230px + (207 - 230) * ((100vw - 320px) / (1920 - 320)));
  -o-object-fit: cover;
     object-fit: cover;
}

/* services -> engineering */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

.engineering {
  width: 78%;
}

.engineering__partner {
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.engineering__partner h1 {
  margin: 15px 0;
}

.engineering__partner img:nth-child(1) {
  width: calc(300px + (370 - 300) * ((100vw - 320px) / (1920 - 320)));
  height: calc(200px + (259 - 200) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  float: left;
}

.engineering__partner img:nth-child(2) {
  width: 170px;
  height: 49px;
}

/* news */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

.news {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.news__allMaterials {
  width: 78%;
}

.news__allMaterialsItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.news__allMaterialsItems .news__materialItem {
  width: 32%;
  margin-right: 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 30px;
}

.news__allMaterialsItems .news__materialItem:nth-child(3n) {
  margin-right: 0;
}

.news__allMaterialsItems .news__materialItem img {
  width: 100%;
  height: calc(190px + (170 - 190) * ((100vw - 320px) / (1920 - 320)));
  -o-object-fit: cover;
     object-fit: cover;
}

.news__allMaterialsItems .news__materialItem p,
.news__allMaterialsItems .news__materialItem .source {
  color: #866D4B;
  margin-bottom: 5px;
  margin-top: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.news__allMaterialsItems .news__materialItem .source:hover {
  color: #EA5504;
}

.news__allMaterialsItems .news__materialItem h3 {
  color: #000;
}

.news__allMaterialsItems .news__materialItem .date {
  color: #8A8D8F;
}

/* industries */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

.industries__banner {
  width: 100%;
  height: auto;
  max-height: 490px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(6, 1fr);
  margin-bottom: 15px;
}

.industries__banner .industries__bannerActive {
  -webkit-filter: none;
          filter: none;
}

.industries__banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: brightness(110%) grayscale(100%);
          filter: brightness(110%) grayscale(100%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.industries__banner img:hover {
  -webkit-filter: none;
          filter: none;
}

.industries__banner img:nth-child(1) {
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 4;
}

.industries__banner img:nth-child(2) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}

.industries__banner img:nth-child(3) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 5;
}

.industries__banner img:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 5;
  grid-row-end: 7;
}

.industries__banner img:nth-child(5) {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3;
}

.industries__banner img:nth-child(6) {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 3;
  grid-row-end: 5;
}

.industries__banner img:nth-child(7) {
  grid-column-start: 4;
  grid-column-end: 5;
  grid-row-start: 5;
  grid-row-end: 7;
}

.industries__banner img:nth-child(8) {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 4;
}

.industries__banner img:nth-child(9) {
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 4;
  grid-row-end: 7;
}

.industries__banner span {
  width: calc(130px + (370 - 130) * ((100vw - 320px) / (1920 - 320)));
  height: calc(45px + (100 - 45) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  background: #EA5504;
  font-weight: bold;
  font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(20px + (44 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.industries__main {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.industries__about {
  width: 78%;
}

.industries__article {
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.industries__article img {
  width: calc(300px + (470 - 300) * ((100vw - 320px) / (1920 - 320)));
  float: left;
  margin: 0 30px 10px 0;
}

.industries__slogan {
  margin-top: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  width: 100%;
  text-align: center;
}

.industries__slogan h2 {
  color: #EA5504;
}

.industries__articles {
  width: 100%;
  margin-top: 20px;
}

.industries__articles .industries__articleItem {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 30px;
}

.industries__articles .industries__articleItem img {
  width: 100%;
  height: calc(100px + (170 - 100) * ((100vw - 320px) / (1920 - 320)));
  -o-object-fit: cover;
     object-fit: cover;
}

.industries__articles .industries__articleItem p,
.industries__articles .industries__articleItem .source {
  color: #866D4B;
  margin-bottom: 5px;
  margin-top: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.industries__articles .industries__articleItem .source:hover {
  color: #EA5504;
}

.industries__articles .industries__articleItem h3 {
  color: #000;
}

.industries__articles .industries__articleItem .date {
  color: #8A8D8F;
}

.industries__leftPanel {
  width: 20%;
}

.industries__leftPanel .dropMenu {
  width: 100%;
}

/* news -> article */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

.newsArticle {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.newsArticle__articles {
  width: 18%;
}

.newsArticle__articles .newsArticle__articlesItem {
  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;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 30px;
}

.newsArticle__articles .newsArticle__articlesItem img {
  width: 100%;
  height: calc(100px + (170 - 100) * ((100vw - 320px) / (1920 - 320)));
  -o-object-fit: cover;
     object-fit: cover;
}

.newsArticle__articles .newsArticle__articlesItem p,
.newsArticle__articles .newsArticle__articlesItem .source {
  color: #866D4B;
  margin-bottom: 5px;
  margin-top: 5px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.newsArticle__articles .newsArticle__articlesItem .source:hover {
  color: #EA5504;
}

.newsArticle__articles .newsArticle__articlesItem h3 {
  color: #000;
}

.newsArticle__articles .newsArticle__articlesItem .date {
  color: #8A8D8F;
}

.newsArticle__buttonBack {
  width: 90px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 20px;
  border: 1px solid #8A8D8F;
  border-radius: 4px;
  color: #000;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.newsArticle__buttonBack:hover {
  background: rgba(234, 85, 4, 0.7);
}

.newsArticle__buttonBack svg {
  margin-right: 5px;
}

.newsArticle__article {
  width: 80%;
}

.newsArticle__article .newsArticle__articleTitle {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.newsArticle__article .newsArticle__articleTitle img {
  width: 40%;
}

.newsArticle__article .newsArticle__articleTitle div {
  padding-left: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
  width: 60%;
}

.newsArticle__article .newsArticle__newsArticle p {
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
  font-size: 16px;
  line-height: 19px;
}

.newsArticle__article .newsArticle__newsArticle img {
  margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
  width: 100%;
  max-height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}

.newsArticle__article .newsArticle__newsArticle .newsArticle__imgNews {
  width: calc(300px + (370 - 300) * ((100vw - 320px) / (1920 - 320)));
  float: right;
  margin: 10px 0 10px 10px;
}

.newsArticle__article .newsArticle__newsArticle .newsArticle__imgNews label {
  font-size: 14px;
  color: #8A8D8F;
  font-weight: 300;
  margin-top: 10px;
}

/* contacts */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

.contacts__banner {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 400px;
  margin-bottom: 20px;
}

.contacts__banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 66%;
}

.contacts__banner span {
  width: 32%;
  font-weight: 700;
  font-size: 36px;
  line-height: 44px;
  color: #fff;
  padding: 25px;
  background: -webkit-gradient(linear, left top, right top, from(#EA5504), to(#DA291C));
  background: -o-linear-gradient(left, #EA5504 0%, #DA291C 100%);
  background: linear-gradient(90deg, #EA5504 0%, #DA291C 100%);
}

.contacts__addressAndMap {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}

.contacts__address {
  width: 30%;
}

.contacts__address div:last-child {
  margin-top: 30px;
}

.contacts__address .web {
  font-weight: 700;
  color: #EA5504;
}

.contacts__address p {
  margin-top: 10px;
  font-weight: 500;
  color: #8A8D8F;
}

.contacts__address a {
  display: block;
  color: black;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.contacts__address a:hover {
  color: #EA5504;
}

.contacts__map {
  width: 68%;
  border: 0.5px solid #8A8D8F;
  padding: 10px;
}

.contacts__map iframe {
  width: 100%;
  height: 100%;
}

/* about */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

.about__about {
  width: 100%;
  height: auto;
  margin-top: 20px;
  position: relative;
}

.about__about .about__background {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.about__about .about__numbers {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.about__about .about__numbers div {
  text-align: center;
  margin-top: 15px;
}

.about__about .about__numbers span {
  font-size: calc(40px + (48 - 40) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(45px + (59 - 45) * ((100vw - 320px) / (1920 - 320)));
  font-weight: 700;
  color: #EA5504;
}

.about__about .about__company {
  margin-top: calc(30px + (90 - 30) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.about__about .about__company div {
  width: 48%;
}

.about__about .about__company div:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.about__about .about__company img {
  width: calc(280px + (406 - 280) * ((100vw - 320px) / (1920 - 320)));
  height: calc(80px + (117 - 80) * ((100vw - 320px) / (1920 - 320)));
}

.about__about .about__company h2 {
  color: #EA5504;
  margin-bottom: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.about__main {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}

.about__main .about__mainImg {
  width: 70%;
  position: relative;
}

.about__main .about__mainImg span {
  width: calc(230px + (625 - 230) * ((100vw - 320px) / (1920 - 320)));
  height: calc(40px + (100 - 40) * ((100vw - 320px) / (1920 - 320)));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1920 - 320)));
  line-height: calc(29px + (44 - 29) * ((100vw - 320px) / (1920 - 320)));
  padding-left: calc(10px + (75 - 10) * ((100vw - 320px) / (1920 - 320)));
  position: absolute;
  bottom: calc(0px + (65 - 0) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: rgba(234, 85, 4, 0.7);
  color: #FFFFFF;
}

.about__main .about__mainImg img {
  width: 32%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.about__main .about__mainText {
  width: 28%;
}

.about__main .about__mainText p {
  margin-top: 10px;
}

.about__cooperate {
  width: 100%;
  height: min-content;
  overflow: hidden;
  margin: 20px 0;
}

.about__cooperate .swiper-containerCooperate {
  width: 100%;
  height: 100%;
}

.about__cooperate .swiper-containerCooperate .swiper-slide {
  height: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.about__cooperate .swiper-containerCooperate .swiper-slide img {
  width: 100px;
}

.about__certificates {
  width: 100%;
  height: min-content;
  margin: 10px 0 40px 0;
  position: relative;
}

.about__certificates h2 {
  margin-bottom: 20px;
}

.about__certificates .swiper-button-next,
.about__certificates .swiper-button-prev {
  width: 30px;
  height: 30px;
  top: unset;
  bottom: -50px;
  border: 1px solid #EA5504;
}

.about__certificates .swiper-button-next:after,
.about__certificates .swiper-button-prev:after {
  font-size: 15px;
  color: #EA5504;
}

.about__certificates .swiper-button-next {
  left: unset;
  right: 50%;
  -webkit-transform: translateX(150%);
      -ms-transform: translateX(150%);
          transform: translateX(150%);
}

.about__certificates .swiper-button-prev {
  right: unset;
  left: 50%;
  -webkit-transform: translateX(-150%);
      -ms-transform: translateX(-150%);
          transform: translateX(-150%);
}

.about__certificates .swiper-containerCertificates {
  overflow: hidden;
}

.about__certificates .swiper-slide p {
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
}

.about__certificates .swiper-slide img {
  width: 150px;
  height: 220px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

/* media */
.dropMenu h2, .index__processCycle h2, .index__articles h2, .services__advantages h2, .services__projects h2, .projectInKey__thisIs .projectInKey__thisIsTitle, .news__allMaterials h2, .industries__articles h2, .newsArticle__articles h2, .contacts__address h2, .about__certificates h2 {
  width: 100%;
  height: auto;
  margin-bottom: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  position: relative;
  text-align: left;
}

.dropMenu h2:after, .index__processCycle h2:after, .index__articles h2:after, .services__advantages h2:after, .services__projects h2:after, .projectInKey__thisIs .projectInKey__thisIsTitle:after, .news__allMaterials h2:after, .industries__articles h2:after, .newsArticle__articles h2:after, .contacts__address h2:after, .about__certificates h2:after {
  content: '';
  width: 100%;
  height: 0.5px;
  position: absolute;
  bottom: calc(-10px + (-13 - -10) * ((100vw - 320px) / (1920 - 320)));
  left: 0;
  background: #8A8D8F;
}

@media (max-width: 1190px) {
  .container {
    width: 100%;
  }
  .index__banner .index__bannerAbout {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 20px;
  }
  .index__banner .index__bannerSlider {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (max-width: 900px) {
  .index__articles .index__article {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .index__articles .index__article .index__articleItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .index__articles .index__article .index__articleItems .index__articleItem {
    width: 48%;
    margin: 0 5px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .index__articles .index__otherArticle {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .about__main .about__mainImg,
  .about__main .about__mainText {
    width: 100%;
  }
  .about__main .about__mainText {
    margin-top: 15px;
  }
}

@media (max-width: 800px) {
  .industries__articles {
    display: none;
  }
  .dropMenu,
  .news__allMaterials,
  .industries__about,
  .industries__leftPanel {
    width: 100%;
    position: relative;
  }
  .dropMenu h2,
  .news__allMaterials h2,
  .industries__about h2,
  .industries__leftPanel h2 {
    margin-bottom: 10px;
  }
  .dropMenu h2:after,
  .news__allMaterials h2:after,
  .industries__about h2:after,
  .industries__leftPanel h2:after {
    height: 0;
  }
  .dropMenu.dropMenu__activeBurger ul,
  .news__allMaterials.dropMenu__activeBurger ul,
  .industries__about.dropMenu__activeBurger ul,
  .industries__leftPanel.dropMenu__activeBurger ul {
    height: auto;
    opacity: 1;
  }
  .dropMenu.dropMenu__activeBurger .dropMenu__burger span img,
  .news__allMaterials.dropMenu__activeBurger .dropMenu__burger span img,
  .industries__about.dropMenu__activeBurger .dropMenu__burger span img,
  .industries__leftPanel.dropMenu__activeBurger .dropMenu__burger span img {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .dropMenu ul,
  .news__allMaterials ul,
  .industries__about ul,
  .industries__leftPanel ul {
    height: 0;
    position: absolute;
    top: 80px;
    left: 0;
    background: #fff;
    z-index: 8;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
  }
  .dropMenu ul li,
  .news__allMaterials ul li,
  .industries__about ul li,
  .industries__leftPanel ul li {
    padding: 5px 5px 5px 20px;
    position: relative;
    margin: 0;
  }
  .dropMenu ul li:after,
  .news__allMaterials ul li:after,
  .industries__about ul li:after,
  .industries__leftPanel ul li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: #8A8D8F;
  }
  .dropMenu ul li.dropMenu__active:after,
  .news__allMaterials ul li.dropMenu__active:after,
  .industries__about ul li.dropMenu__active:after,
  .industries__leftPanel ul li.dropMenu__active:after {
    background: #EA5504;
  }
  .dropMenu__burger {
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding-left: calc(10px + (40 - 10) * ((100vw - 320px) / (1920 - 320)));
    background: #8A8D8F;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
  }
  .dropMenu__burger span {
    width: 20%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    background: #EA5504;
  }
  .dropMenu__burger span img {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .projectInKey {
    width: 100%;
  }
  .engineering {
    width: 100%;
  }
  footer section {
    width: 50%;
  }
}

@media (max-width: 750px) {
  .header__container:after {
    width: 0;
    height: 0;
  }
  .header__language {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: right;
  }
  .header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header__planet {
    display: none;
  }
  .contacts__banner {
    max-height: none;
  }
  .contacts__banner img, .contacts__banner span {
    width: 100%;
  }
  .contacts__banner span {
    padding: 15px;
  }
  .contacts__address {
    width: 100%;
  }
  .contacts__map {
    width: 100%;
    height: calc(300px + (400 - 300) * ((100vw - 320px) / (1920 - 320)));
    margin-top: 20px;
  }
  .about__about .about__company div {
    width: 100%;
  }
  .about__about .about__company div:first-child {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 20px;
  }
  .header__activeBurger nav{
    height: auto;
    padding: 25px;
    opacity: 1;
  }
  header nav {
    width: 96%;
    height: 0;
    position: absolute;
    top: calc(90px + (100 - 90) * ((100vw - 320px) / (750 - 320)));
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 10;
    background: #EA5504;
    padding: 0 25px;
    overflow: hidden;
    opacity: 0;
  }
  header nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  header nav ul a {
    color: #fff;
  }
  header nav ul li:not(:last-child) {
    margin-bottom: 20px;
    position: relative;
  }
  header nav ul li:not(:last-child):after {
    content: '';
    width: 100%;
    height: 0.5px;
    position: absolute;
    bottom: -10px;
    left: 0;
    background: #fff;
  }

  header nav .header__activeItem a {
    color: #FFFFFF;
  }
}

.header__activeBurger .header__burger {
  width: 40px;
  height: 40px;
  padding: 10px 5px;
  background: #EA5504;
}

.header__activeBurger .header__burger span {
  background: #fff;
}


/**/
.header__scroll .header__activeBurger .header__burger {
  width: 30px;
  height: 20px;
  padding: 0;
  background: none;
}


@media (max-width: 650px) {
  .index__articles .index__otherArticle .index__health div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .index__articles .index__otherArticle .index__health div a {
    width: 48%;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .newsArticle__article,
  .newsArticle__articles {
    width: 100%;
  }
  .newsArticle__articles {
    margin-top: 20px;
  }
  .newsArticle__articles .newsArticle__articlesItems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .newsArticle__articles .newsArticle__articlesItems .newsArticle__articlesItem {
    width: 48%;
  }
}

@media (max-width: 600px) {
  .services__projects div a {
    width: 100%;
    margin-top: 10px;
    margin-right: 0;
  }
  .news__allMaterialsItems .news__materialItem {
    width: 48%;
    margin-right: 0;
  }

  .news__allMaterialsItems {
    justify-content: space-between;
  }

  .projectInKey__thisIs .projectInKey__thisIsItems .projectInKey__thisIsItem img:last-child {
    width: 100%;
    margin-top: 15px;
  }
  .index__banner .index__bannerSlider {
    height: 300px;
  }
  .index__banner .index__bannerSlider .swiper-slide img {
    height: 200px;
  }
  .index__banner .index__bannerSlider .swiper-slide span {
    width: 100%;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    top: 200px;
    right: -0;
    padding: 14px;
    background: #EA5504;
  }
  .index__banner .index__bannerSlider .swiper-pagination {
    width: auto;
    bottom: unset;
    left: unset;
    top: 10px;
    right: 10px;
  }
  .index__banner .index__bannerSlider .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 0;
    border: none;
  }
  .projectInKey__partner img {
    width: 100%;
  }
  .projectInKey__partner div {
    width: 100%;
    margin-top: 20px;
  }
  .services__advantages .services__advantagesItems {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .services__advantages .services__advantagesItems .services__advantagesItem {
    width: 49%;
    margin-top: 10px;
  }
  .services__advantages .services__advantagesItems .services__advantagesItem div p {
    padding: 0 3px 3px 3px;
  }
  .newsArticle__article .newsArticle__newsArticle .newsArticle__imgNews {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    width: 100%;
    float: none;
    margin: 10px 0;
  }
  .newsArticle__article .newsArticle__newsArticle .newsArticle__imgNews div {
    width: 48%;
  }
  .newsArticle__article .newsArticle__newsArticle .newsArticle__imgNews div img {
    height: 160px;
  }
}

@media (max-width: 500px) {
  .engineering__partner img:nth-child(1) {
    width: 100%;
    height: auto;
    float: none;
  }
  .engineering__partner img:nth-child(2) {
    margin-top: 15px;
  }
  .industries__article img {
    width: 100%;
    float: none;
    margin: 0 0 10px 0;
  }
  .about__about {
    margin: 0;
  }
  .about__about .about__numbers div {
    width: 48%;
  }
}

@media (max-width: 450px) {
  .index__articles .index__otherArticle .index__map div {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .index__articles .index__otherArticle .index__map div img {
    width: 100%;
  }
  .index__articles .index__otherArticle .index__map div div {
    width: 100%;
  }
  .news__allMaterialsItems .news__materialItem {
    width: 100%;
  }
  .newsArticle__article .newsArticle__articleTitle img {
    width: 100%;
  }
  .newsArticle__article .newsArticle__articleTitle div {
    padding: 0;
    margin-top: 10px;
    width: 100%;
  }
  footer section {
    width: 100%;
  }
  footer section img {
    margin: 0 auto 20px auto;
  }
}