@charset "UTF-8";

* {
  
  padding: 0px;
  margin: 0px;
  border: 0px;
}

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

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #000;
  line-height: 1;
  font-family: Montserrat;
  font-size: 0.875rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}

a {
  color: inherit;
}

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

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

.vacancies__descr ul li {
  list-style: disc;
}

img {
  vertical-align: top;
}

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

.lock body {
  overflow: hidden;
  -ms-touch-action: none;
      touch-action: none;
}

.wrapper {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.wrapper > main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.wrapper > * {
  min-width: 0;
}

[class*=__container] {
  max-width: 80.9375rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0 auto;
  padding: 0 1.25rem;
}

body::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease 0s;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 149;
}

.popup-show body::after {
  opacity: 1;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px 10px;
  -webkit-transition: visibility 0.8s ease 0s;
  transition: visibility 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
}

.popup_show {
  z-index: 150;
  visibility: visible;
  overflow: auto;
  pointer-events: auto;
}

.popup_show .popup__content {
  visibility: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.popup__wrapper {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
}

.popup__content {
  position: relative;
  visibility: hidden;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
  background-color: #DDD7E8;
  padding: 62px;
  width: 100%;
  max-width: 900px;
  border-radius: 20px;
}

.lock .popup__content {
  visibility: visible;
}

.popup__close {
  position: absolute;
  right: 18px;
  top: 18px;
}

.popup__wrap {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.popup__title {
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
}

.popup .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  width: 100%;
}

.popup .form__input {
  width: 100%;
  background-color: #FFFFFF;
  border-radius: 5px;
  padding: 15px 30px;
  resize: none;
  outline: none;
  font-size: 16px;
}

.popup .form__input:focus {
  outline: 1px solid #5B3BDC;
}

.popup .form__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}

.popup .form__chekbox-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.popup .form__label {
  position: relative;
  z-index: 2;
  display: block;
  width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 100px;
  background-color: #FFFFFF;
  cursor: pointer;
}

.popup .form__label::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.popup .form__label-text {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-align: left;
  text-decoration: underline;
}

.popup .form [type=checkbox]:checked ~ label::after {
  background-color: #000000;
}

.popup .form [type=checkbox] {
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
}

.popup .form__button {
  background-color: #5B3BDC;
  color: #FFFFFF;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.popup .form__button:hover {
  background-color: #FFFFFF;
  color: #5B3BDC;
}

.popupok {
  position: fixed;
  width: calc(100% - 20px);
  max-width: 300px;
  height: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #DDD7E8;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  border-radius: 50px;
  z-index: 160;
}

.popupok.open {
  opacity: 1;
  visibility: visible;
}

.popupok-text {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  color: #000;
  padding-top: 50px;
  text-transform: uppercase;
}

.page__container {
  padding-top: 30px;
  padding-bottom: 50px;
}

.tabs__title {
  border: 1px solid #5B3BDC;
  padding: 18px 25px;
  margin-bottom: 20px;
  margin-right: 20px;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  color: #5B3BDC;
  border-radius: 100px;
}

.tabs__title._tab-active {
  color: #ffffff;
  background-color: #5B3BDC;
}

[class*=-ibg] {
  position: relative;
}

[class*=-ibg] img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

[class*=-ibg_contain] img {
  -o-object-fit: contain;
     object-fit: contain;
}

.svg-top {
  position: relative;
  z-index: 20;
}

.svg-top:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  background-color: inherit;
  -webkit-mask-image: url(../img/blue.svg);
          mask-image: url(../img/blue.svg);
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center bottom;
          mask-position: center bottom;
  min-height: 500px;
  pointer-events: none;
}

.title-section {
  font-family: Montserrat;
  font-size: 32px;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
}

.button-more {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  color: #5B3BDC;
  border: 1px solid #5B3BDC;
  border-radius: 100px;
  padding: 16px 30px;
  max-width: 260px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.button-more:hover {
  background-color: #5B3BDC;
  color: #FFFFFF;
}

.button-contact {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  color: #020202;
  padding: 20px 20px;
  background-color: #ffffff;
  border-radius: 100px;
  border: none;
  max-width: 250px;
  min-width: 220px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.button-contact:hover {
  background-color: #5B3BDC;
  color: #FFFFFF;
}

.swiper-button-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 34px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 50px;
}

.swiper-button-prev,
.swiper-button-next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 54px;
  height: 54px;
  background-color: #FFFFFF;
  border: 2px solid #5B3BDC;
  border-radius: 100%;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #5B3BDC;
}

.swiper-button-prev:hover .swiper-icon path,
.swiper-button-next:hover .swiper-icon path {
  fill: #FFFFFF;
}

.swiper-button-next {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.swiper-icon path {
  -webkit-transition: fill 0.3s ease;
  transition: fill 0.3s ease;
}

.input {
  background-color: #FFFFFF;
  border-radius: 100px;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  color: #9993A4;
  padding: 17px 20px;
}

.header {
  background-color: #211C2A;
  z-index: 100;
}

.header__mobile__back {
  display: none;
}

.header__container {
  max-width: 1700px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
  padding-top: 10px;
  padding-bottom: 10px;
}

.header__menu {
  padding: 40px 0;
}

.header__menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.header__menu-list li {
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.header__menu-list li::before {
  position: absolute;
  content: url(../img/headerafter.svg);
  width: 80px;
  height: 100%;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
}

.header__menu-list li:hover::before {
  opacity: 1;
}

.header__menu-list li.menu-item-has-children::after {
  /* position: absolute;
  right: 0; */
  /* content: url('data:image/svg+xml,<svg width="13" height="9" viewBox="0 0 13 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.56066 7.63728C6.97487 8.22898 6.02513 8.22898 5.43934 7.63728L0.43934 2.58677C-0.146446 1.99507 -0.146446 1.03573 0.43934 0.444023C1.02513 -0.14768 1.97487 -0.14768 2.56066 0.444024L6.5 4.42315L10.4393 0.444024C11.0251 -0.14768 11.9749 -0.147679 12.5607 0.444025C13.1464 1.03573 13.1464 1.99507 12.5607 2.58677L7.56066 7.63728Z" fill="%23AFA0C2" /></svg>');
  fill: red; */
  width: 13px;
  height: 9px;
  display: inline-block;
  content: '';
  -webkit-mask: url('data:image/svg+xml,<svg width="13" height="9" viewBox="0 0 13 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.56066 7.63728C6.97487 8.22898 6.02513 8.22898 5.43934 7.63728L0.43934 2.58677C-0.146446 1.99507 -0.146446 1.03573 0.43934 0.444023C1.02513 -0.14768 1.97487 -0.14768 2.56066 0.444024L6.5 4.42315L10.4393 0.444024C11.0251 -0.14768 11.9749 -0.147679 12.5607 0.444025C13.1464 1.03573 13.1464 1.99507 12.5607 2.58677L7.56066 7.63728Z" fill="%23AFA0C2" /></svg>') no-repeat 50% 50%;
  mask: url('data:image/svg+xml,<svg width="13" height="9" viewBox="0 0 13 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.56066 7.63728C6.97487 8.22898 6.02513 8.22898 5.43934 7.63728L0.43934 2.58677C-0.146446 1.99507 -0.146446 1.03573 0.43934 0.444023C1.02513 -0.14768 1.97487 -0.14768 2.56066 0.444024L6.5 4.42315L10.4393 0.444024C11.0251 -0.14768 11.9749 -0.147679 12.5607 0.444025C13.1464 1.03573 13.1464 1.99507 12.5607 2.58677L7.56066 7.63728Z" fill="%23AFA0C2" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #AFA0C2;
}

.header__menu-list li.menu-item-has-children:hover::after {
  background-color: #5B3BDC;
}

.header__menu-list li.menu-item-has-children:hover ul {
  opacity: 1;
  visibility: visible;
}

.header__menu-list li a {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
  color: #AFA0C2;
}

.header__menu-list li:hover a{
  color: #FFFFFF;
}

/* .header__dropdown-wrap {
  position: absolute;
  padding-top: 40px;
  z-index: 20;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
} */

.header__menu-list li.menu-item-has-children ul {
  position: relative;
  min-width: 325px;
  padding: 65px 25px 25px 25px;
  
  position: absolute;
  
  z-index: 20;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.header__menu-list .sub-menu::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
  border-radius: 5px;
  top: 30px;
  left: 13px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.header__menu-list .sub-menu::before {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% - 40px);
  background-color: #FFFFFF;
  border-radius: 5px;
  bottom: 0;
  left: 0;
}

.header__menu-list .sub-menu li {
  padding: 14px 0;
  position: relative;
}

.header__menu-list .sub-menu li:not(:last-child)::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #9993A4;
  left: 0;
  bottom: 0;
}

.header__menu-list .sub-menu li a {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #000000;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.header__menu-list .sub-menu li::before {
  display: none !important;
}

.header__menu-list .sub-menu li a:hover {
  color: #5B3BDC;
}

.header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 30px;
}

.header__time {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-align: right;
  color: #FFFFFF;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  gap: 10px;
}

.header__contact {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  gap: 7px;
}

.header__phone {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  color: #FFFFFF;
}

.header__mail {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-align: right;
  color: #FFFFFF;
}

.header__button {
  background-color: #5B3BDC;
  color: #FFFFFF;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.header__button:hover {
  background-color: #FFFFFF;
  color: #5B3BDC;
}

.footer {
  background-color: #211C2A;
}

.footer__container {
  padding-top: 100px;
  padding-bottom: 100px;
}

.footer__top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 24px;
}

.footer__about {
  display: -ms-grid;
  display: grid;
  gap: 25px;
}

.footer__title {
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 600;
  line-height: 130%;
  text-align: left;
  color: #FFFFFF;
}

.footer__about-text {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-align: left;
  color: #AFA0C2;
}

.footer__nav {
  display: -ms-grid;
  display: grid;
  gap: 25px;
}

.footer__menu-list li {
  padding-bottom: 10px;
}

.footer__menu-list li a {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-align: left;
  color: #AFA0C2;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.footer__menu-list li a:hover {
  color: #FFFFFF;
}

.footer__contact {
  display: -ms-grid;
  display: grid;
  gap: 25px;
}

.footer__cotnact-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10fr;
  grid-template-columns: 1fr 10fr;
  gap: 10px;
}

.footer__contact-href {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-align: left;
  color: #AFA0C2;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.footer__contact-href:hover {
  color: #FFFFFF;
}

.footer__forma {
  display: -ms-grid;
  display: grid;
  gap: 25px;
  position: relative;
}

.footer__form-text {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-align: left;
  color: #AFA0C2;
}

.footer__form {
  display: -ms-grid;
  display: grid;
  gap: 25px;
}

.footer__input {
  width: 100%;
  max-width: 300px;
}

.footer__button {
  background-color: #5B3BDC;
  color: #FFFFFF;
  width: 100%;
  max-width: 300px;
  padding: 16px 10px;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.footer__button:hover {
  background-color: #FFFFFF;
  color: #5B3BDC;
}

.footer__bottom {
  padding-top: 75px;
  position: relative;
}

.footer__bottom::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 40px;
  left: 0;
  background-color: #AFA0C2;
}

.footer__bottom-text {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-align: left;
  color: #AFA0C2;
}

.contact {
  background-image: url(../img/backgroundimg.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  background-color: #5B3BDC;
}

.contact__container {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}

.contact__title {
  font-family: Montserrat;
  font-size: 32px;
  font-weight: 600;
  text-align: center;
  line-height: 150%;
  color: #ffffff;
  text-transform: uppercase;
  padding-bottom: 24px;
}

.contact__phone-wrap {
  padding-bottom: 24px;
}

.contact__phone {
  font-family: Montserrat;
  font-size: 46px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
}

.contact__descr {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  line-height: 150%;
  color: #ffffff;
  text-transform: uppercase;
  padding-bottom: 24px;
}

.about {
  position: relative;
  background-color: #FFFFFF;
}

.about__button {
  text-align: center;
}

.about__wrap {
  overflow: hidden;
  position: relative;
}

.about__wrap::after {
  position: absolute;
  content: "электро";
  text-transform: uppercase;
  font-family: Montserrat;
  font-size: 212px;
  font-weight: 700;
  line-height: 100%;
  color: #F1F1F1;
  left: -2%;
  top: 14%;
  z-index: 0;
}

.about__wrap::before {
  position: absolute;
  content: "системы";
  text-transform: uppercase;
  font-family: Montserrat;
  font-size: 212px;
  font-weight: 700;
  line-height: 100%;
  color: #F1F1F1;
  width: 100%;
  left: -2%;
  top: 40%;
  z-index: 1;
}

.about__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  padding-top: 100px;
  padding-bottom: 100px;
  z-index: 10;
}

.about__left {
  text-align: left;
  width: 100%;
  max-width: 636px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}

.about__title {
  color: #5B3BDC;
}

.about__descr {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  color: #000000;
}

.about__right {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.about__img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  max-width: 636px;
  min-height: 490px;
}

.projects {
  background: -webkit-gradient(linear, left top, left bottom, from(#5B3BDC), to(#A23AC7));
  background: linear-gradient(180deg, #5B3BDC 0%, #A23AC7 100%);
  background-color: #5B3BDC;
}

.projects__container {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}

.projects__title {
  color: #FFFFFF;
  position: relative;
}

.projects__title::after {
  position: absolute;
  content: url(../img/titleafter.svg);
  width: 100%;
  height: 100%;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

.projects__wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}

.projects__wrap-href {
  width: 100%;
  /* height: 100%;
  max-width: 416px;
  max-height: 363px; */
  overflow: hidden;
  display: flex;
}

.projects__wrap-img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 416 / 363;
}

.projects__button {
  margin: 0 auto;
}

.services {
  background-color: #FFFFFF;
}

.services__container {
  padding: 100px 0;
  overflow: hidden;
}

.services__title {
  text-align: center;
  padding-bottom: 50px;
  position: relative;
}

.services__title::after {
  position: absolute;
  content: url(../img/titleaftercol.svg);
  width: 100%;
  height: 100%;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

.services__slider {
  padding-left: 20px;
  padding-right: 20px;
}

.services__slide {
  position: relative;
  overflow: hidden;
  border-radius: 30px 30px 5px 5px;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(42, 37, 49, 0.2);
          box-shadow: 0px 0px 25px 0px rgba(42, 37, 49, 0.2);
  padding-bottom: 20px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  min-height: 600px;
}

.services__slide::after {
  position: absolute;
  content: "";
  background: linear-gradient(158.06deg, #FFFFFF 69.25%, #5B3BDC 118.13%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.services__slide:hover::after {
  opacity: 1;
}

.services .swiper-slide {
  opacity: 0;
}

.services .swiper-slide-active,
.services .swiper-slide-active + .swiper-slide-next,
.services .swiper-slide-active + .swiper-slide-next + .swiper-slide {
  opacity: 1;
}

.services__title-slide {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  color: #FFFFFF;
  background-color: #5B3BDC;
  padding: 10px 5px;
  text-transform: uppercase;
  min-height: 60px;
}

.services__img-slide {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  max-width: 414px;
  max-height: 199px;
  -o-object-fit: cover;
     object-fit: cover;
}

.services__text-slide {
  position: relative;
  z-index: 10;
  padding: 30px 18px;
}

.services__text-title {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  text-align: left;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 14px;
  min-height: 32px;
}

.services__text-descr {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #9993A4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}

.services__button {
  position: relative;
  z-index: 10;
  display: block;
  margin: 0 auto;
  text-align: center;
}

.advantages {
  background: -webkit-gradient(linear, left top, left bottom, from(#5B3BDC), to(#A23AC7));
  background: linear-gradient(180deg, #5B3BDC 0%, #A23AC7 100%);
  background-color: #5B3BDC;
}

.advantages__container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}

.advantages__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}

.advantages__text {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
  text-align: left;
  color: #FFFFFF;
  text-transform: uppercase;
}

.welcome {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: hidden;
}

.welcome::after {
  position: absolute;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(11, 12, 18, 0.9)), color-stop(91.02%, rgba(11, 12, 18, 0)));
  background: linear-gradient(180deg, rgba(11, 12, 18, 0.9) 45%, rgba(11, 12, 18, 0) 91.02%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.welcome::before {
  position: absolute;
  content: "электросистемы";
  width: 100%;
  height: 100%;
  top: 33%;
  right: 30%;
  font-family: Montserrat;
  font-size: 212px;
  font-weight: 700;
  line-height: 100%;
  text-align: left;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.welcome__container {
  position: relative;
  padding-top: 200px;
  padding-bottom: 200px;
  z-index: 10;
}

.welcome__title {
  font-family: Montserrat;
  font-size: 75px;
  font-weight: 700;
  line-height: 100%;
  text-align: left;
  color: #5B3BDC;
  text-transform: uppercase;
}

.welcome__title-white {
  font-family: Montserrat;
  font-size: 46px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  color: #FFFFFF;
  text-transform: uppercase;
}

.welcome__button {
  margin-top: 75px;
  color: #FFFFFF;
  background-color: #5B3BDC;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.welcome__button:hover {
  background-color: #FFFFFF;
  color: #020202;
}

.header-mob {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 21;
  opacity: 0;
  height: calc(100% - 54px);
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  background-color: #CAE6FF;
}

.header-mob::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
  min-height: 100dvh;
  overflow-y: auto;
}

.header-mob.open {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.header-mob__mob {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  padding-top: 20px;
  z-index: 10;
  overflow-y: auto;
}

.header-mob__mob-container {
  width: 100%;
  max-width: 808px;
  padding: 0 80px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.header-mob__mob-logo {
  margin: 0 auto;
  margin-top: 16px;
  margin-bottom: 56px;
}

.header-mob__mob-title {
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  line-height: 100%;
  letter-spacing: 0.04em;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
  padding-bottom: 20px;
}

.header-mob__mob-list li{
  margin-top: 10px;
  position: relative;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

/* .header-mob__mob-item:hover svg path {
  fill: #5B3BDC;
} */

.header-mob__mob-list li.menu-item-has-children::after {
  position: absolute;
  right: 15px;
  top: 5px;
  /* content: url('data:image/svg+xml,<svg width="13" height="9" viewBox="0 0 13 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.56066 7.63728C6.97487 8.22898 6.02513 8.22898 5.43934 7.63728L0.43934 2.58677C-0.146446 1.99507 -0.146446 1.03573 0.43934 0.444023C1.02513 -0.14768 1.97487 -0.14768 2.56066 0.444024L6.5 4.42315L10.4393 0.444024C11.0251 -0.14768 11.9749 -0.147679 12.5607 0.444025C13.1464 1.03573 13.1464 1.99507 12.5607 2.58677L7.56066 7.63728Z" fill="%23AFA0C2" /></svg>');
  fill: red; */
  width: 13px;
  height: 9px;
  display: inline-block;
  content: '';
  -webkit-mask: url('data:image/svg+xml,<svg width="13" height="9" viewBox="0 0 13 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.56066 7.63728C6.97487 8.22898 6.02513 8.22898 5.43934 7.63728L0.43934 2.58677C-0.146446 1.99507 -0.146446 1.03573 0.43934 0.444023C1.02513 -0.14768 1.97487 -0.14768 2.56066 0.444024L6.5 4.42315L10.4393 0.444024C11.0251 -0.14768 11.9749 -0.147679 12.5607 0.444025C13.1464 1.03573 13.1464 1.99507 12.5607 2.58677L7.56066 7.63728Z" fill="%23AFA0C2" /></svg>') no-repeat 50% 50%;
  mask: url('data:image/svg+xml,<svg width="13" height="9" viewBox="0 0 13 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.56066 7.63728C6.97487 8.22898 6.02513 8.22898 5.43934 7.63728L0.43934 2.58677C-0.146446 1.99507 -0.146446 1.03573 0.43934 0.444023C1.02513 -0.14768 1.97487 -0.14768 2.56066 0.444024L6.5 4.42315L10.4393 0.444024C11.0251 -0.14768 11.9749 -0.147679 12.5607 0.444025C13.1464 1.03573 13.1464 1.99507 12.5607 2.58677L7.56066 7.63728Z" fill="%23AFA0C2" /></svg>') no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: #AFA0C2;
}

.header-mob__mob-list li.menu-item-has-children:hover::after {
  background-color: #5B3BDC;
}

.header-mob__mob-list li.menu-item-has-children:hover ul {
  opacity: 1;
  visibility: visible;
}

.header-mob__mob-item:hover .header-mob__dropdown-wrap {
  /* opacity: 1;
  visibility: visible;
  height: 100%; */
}

.header-mob__mob-list li a {
  position: relative;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
  color: #AFA0C2;
}

/* .header-mob__dropdown-wrap {
  position: static;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
} */

.header-mob__mob-list .sub-menu {
  padding-top: 10px;
  opacity: 1;
  visibility: visible;
  height: 100%;
  display: none;
}

.header-mob__mob-list .menu-item-has-children:hover .sub-menu {
  display: block;
}

.sub-menu li {
  padding: 5px 0;
  position: relative;
}

.sub-menu li a {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  color: #AFA0C2;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.header-mob__mob-contact {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-top: 46px;
}

.header-mob__cotnact-wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 9fr;
  grid-template-columns: 1fr 9fr;
  gap: 10px;
  max-width: 290px;
}

.header-mob__contact-href {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  text-align: left;
  color: #FFFFFF;
}

.header-mob__mob-button {
  margin: 30px auto;
  background-color: #5B3BDC;
  color: #FFFFFF;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.header-mob__mob-button:hover {
  background-color: #FFFFFF;
  color: #5B3BDC;
}

.header-mob-nav {
  position: fixed;
  background: -webkit-gradient(linear, left top, left bottom, from(#5B3BDC), to(#A23AC7));
  background: linear-gradient(180deg, #5B3BDC 0%, #A23AC7 100%);
  left: 0;
  bottom: 0;
  z-index: 22;
  width: 100%;
}

.header-mob-nav__container {
  width: 100%;
  max-width: 808px;
  padding: 10px 20px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.header-mob-nav__nav-href {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-mob-nav__nav-button-href {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header-mob-nav__nav-img {
  margin: 9px;
}

.header-mob-nav__nav-button-icon {
  display: block;
  width: 45px;
  height: 3px;
  background-color: #FFFFFF;
}

.header-mob-nav__nav-button-icon.open {
  background-color: transparent;
}

.header-mob-nav__nav-button {
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
}

.header-mob-nav__nav-button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  top: 20%;
  background-color: #FFFFFF;
}

.header-mob-nav__nav-button::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 20%;
  background-color: #FFFFFF;
}

.header-mob-nav__nav-button.open::after {
  top: 50%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.header-mob-nav__nav-button.open::before {
  top: 50%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.welcome-page {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.welcome-page::after {
  position: absolute;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, rgba(11, 12, 18, 0.9)), color-stop(91.02%, rgba(11, 12, 18, 0)));
  background: linear-gradient(180deg, rgba(11, 12, 18, 0.9) 45%, rgba(11, 12, 18, 0) 91.02%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.welcome-page__container {
  position: relative;
  padding-top: 20px;
  padding-bottom: 100px;
  z-index: 10;
}
@media (max-width: 768px) {
  .welcome-page__container {
    padding-top: 130px;
  }
  .header__logo-img {
    max-height: 60px;
  }
  .header__logo{
    max-height: 60px;
  }
  
}

#breadcrumbs {
  
}

#breadcrumbs span span a {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  color: #AFA0C2;
}

#breadcrumbs span span {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  /* background-color: rgba(33, 28, 42, 0.5); */
  padding: 5px 10px;
  color: #ffffff;
  
}

#breadcrumbs span {
  color: #AFA0C2;
}

.welcome-page__breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.welcome-page__breadcrumbs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #AFA0C2;
}

.welcome-page .welcome-page__breadcrumbs .welcome-page__breadcrumbs-item:last-child {
  color: #FFFFFF;
}

.welcome-page__breadcrumbs-href {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  background-color: rgba(33, 28, 42, 0.5);
  padding: 5px 10px;
}

.welcome-page__wrap {
  text-align: center;
  padding-top: 80px;
}

.welcome-page__title {
  color: #FFFFFF;
  padding-bottom: 30px;
}

.welcome-page__button {
  background-color: #5B3BDC;
  color: #FFFFFF;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.welcome-page__button:hover {
  background-color: #FFFFFF;
  color: #5B3BDC;
}

.contacts-page {
  background-color: #FFFFFF;
}

.contacts-page__container {
  padding-bottom: 150px;
}

.contacts-page__top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  padding: 100px 0 50px;
}

.contacts-page__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.contacts-page__title {
  font-family: Montserrat;
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
  color: #000000;
  text-transform: uppercase;
}

.contacts-page__descr {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  text-align: left;
  color: #000000;
}

.contacts-page__picture {
  width: 100%;
  max-width: 636px;
  aspect-ratio: 636/522;
  -o-object-fit: cover;
     object-fit: cover;
}

.certificates {
  background-color: #DDD7E8;
}

.certificates__container {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}

.certificates__title {
  padding-bottom: 50px;
  position: relative;
}

.certificates__title::after {
  position: absolute;
  content: url(../img/titleaftercol.svg);
  width: 100%;
  height: 100%;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

.certificates__slide {
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(42, 37, 49, 0.2);
          box-shadow: 0px 0px 25px 0px rgba(42, 37, 49, 0.2);
  width: 100%;
  height: 100%;
  max-width: 306px;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.certificates__img-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.certificates__img-wrap::after {
  position: absolute;
  content: "";
  background: linear-gradient(158.06deg, rgba(255, 255, 255, 0) 69.25%, #5B3BDC 118.13%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.certificates__img-wrap:hover::after {
  opacity: 1;
}

.certificates__img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-page {
  background-color: #FFFFFF;
}

.about-page__container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.about-page__title {
  padding-bottom: 30px;
}

.about-page__descr {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-align: left;
  color: #000000;
}

.about-page__img-wrap {
  width: 100%;
  max-width: 636px;
  aspect-ratio: 636/490;
  overflow: hidden;
}

.about-page__img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-page__button {
  margin-top: 30px;
  border: 1px solid #5B3BDC;
  color: #5B3BDC;
}

.projects-page {
  background-color: #FFFFFF;
}

.projects-page__container {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}

.projects-page__title {
  color: #000000;
  text-align: center;
  position: relative;
}

.projects-page__title::after {
  position: absolute;
  content: url(../img/titleaftercol.svg);
  width: 100%;
  height: 100%;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

.projects-page__wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
}

.projects-page__wrap-href {
  width: 100%;
  /* height: 100%;
  max-width: 416px;
  max-height: 363px; */
  overflow: hidden;
  display: flex;
}

.projects-page__wrap-href.hidden {
  display: none;
}

.projects-page__wrap-img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 416/363;
}

.projects-page__button {
  margin: 0 auto;
}

.complex {
  background-color: #DDD7E8;
}

.complex__container {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
}

.complex__titile {
  color: #000000;
  position: relative;
}

.complex__titile::after {
  position: absolute;
  content: url(../img/titleaftercol.svg);
  width: 100%;
  height: 100%;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

.complex__descr {
  padding-top: 50px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
  color: #000000;
}

.service-slider {
  background-color: #FFFFFF;
}

.service-slider__container {
  padding: 100px 0;
}

.service-slider__text {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #000000;
  padding-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

.service-slider__slider {
  padding-left: 20px;
  padding-right: 20px;
}

.service-slider__slide {
  position: relative;
  width: 100%;
  min-height: 418px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(42, 37, 49, 0.2);
          box-shadow: 0px 0px 25px 0px rgba(42, 37, 49, 0.2);
  overflow: hidden;
  text-align: center;
}

.service-slider__slide::after {
  position: absolute;
  content: "";
  background: linear-gradient(158.06deg, #FFFFFF 69.25%, #5B3BDC 118.13%);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.service-slider__slide:hover::after {
  opacity: 1;
}

.service-slider__img {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  max-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

.service-slider__title {
  position: relative;
  z-index: 10;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 700;
  line-height: 100%;
  text-align: left;
  color: #000000;
  text-transform: uppercase;
  min-height: 64px;
  margin: 30px 20px 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}

.service-slider__button {
  position: relative;
  z-index: 10;
  cursor: pointer;
}

.projects-tab {
  background-color: #ffffff;
}

.projects-tab__container {
  padding-top: 100px;
  padding-bottom: 100px;
}

.projects-page__button {
  display: block;
  margin: 30px auto;
}

.swiper {
  overflow: hidden;
}

.swiper-wrapper {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.swiper-vertical .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.swiper-initialized .swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
  display: none !important;
}

@font-face {
  font-family: "lg";
  src: url(data:font/woff2;base64,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) format("woff2"), url(data:font/woff;base64,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) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
  outline: none;
  border: none;
}

.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}

.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}

.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}

.lg-next:before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}

.lg-prev:after {
  content: "\e094";
}

.site-main {
  padding: 150px 100px;
}

.page-header {
  font-family: Montserrat;
  font-size: 50px;
  font-weight: 600;
  line-height: 150%;
  text-align: left;
  color: #000000;
}

.page-content {
  font-family: Montserrat;
  font-size: 30px;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
  color: #000000;
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@keyframes lg-right-end {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}

@keyframes lg-left-end {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}

.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.lg-media-overlap .lg-toolbar {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  -webkit-transition: color 0.2s linear;
  transition: color 0.2s linear;
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}

.lg-toolbar .lg-icon:hover {
  color: #fff;
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-maximize {
  font-size: 22px;
}

.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out 0s;
  transition: opacity 0.2s ease-out 0s;
  display: none;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

.lg-sub-html a {
  color: inherit;
}

.lg-sub-html a:hover {
  text-decoration: underline;
}

.lg-media-overlap .lg-sub-html {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}

.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  -webkit-transition: opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear, -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont {
  opacity: 0;
  -ms-transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont {
  opacity: 1;
  -ms-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}

.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}

.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-zoom-from-image {
  opacity: 1;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide,
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
  white-space: nowrap;
}

.lg-outer .lg-item {
  will-change: transform, opacity;
  display: none !important;
}

.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url(data:image/gif;base64,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) no-repeat scroll center center transparent;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}

.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}

.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-out 0.15s;
  transition: opacity 0.2s ease-out 0.15s;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  -webkit-transition: opacity 333ms ease-in 0s;
  transition: opacity 333ms ease-in 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s, -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}

.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-container {
  display: none;
}

.lg-container.lg-show {
  display: block;
}

.lg-container.lg-dragging-vertical .lg-backdrop {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}

.lg-inline .lg-backdrop {
  z-index: 1;
}

.lg-inline .lg-outer {
  z-index: 2;
}

.lg-inline .lg-maximize:after {
  content: "\e909";
}

.lg-components {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform 0.35s ease-out 0s;
  transition: -webkit-transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s;
  transition: transform 0.35s ease-out 0s, -webkit-transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.spollers {
  padding: 50px 0;
}

.spollers__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  cursor: default;
  text-align: left;
  padding: 0.625rem 5.625rem;
  position: relative;
  background-color: #DDD7E8;
}

._spoller-init .spollers__title {
  cursor: pointer;
}

._spoller-init .spollers__title::before,
._spoller-init .spollers__title::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  background-color: #000;
  height: 2px;
  width: 8px;
  -webkit-transition: -webkit-transform 0.5s ease 0s;
  transition: -webkit-transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
}

._spoller-init .spollers__title::before {
  -webkit-transform: translate(-75%, -50%) rotate(40deg);
      -ms-transform: translate(-75%, -50%) rotate(40deg);
          transform: translate(-75%, -50%) rotate(40deg);
}

._spoller-init .spollers__title::after {
  -webkit-transform: translate(0, -50%) rotate(-40deg);
      -ms-transform: translate(0, -50%) rotate(-40deg);
          transform: translate(0, -50%) rotate(-40deg);
}

._spoller-init .spollers__title._spoller-active::before {
  -webkit-transform: translateX(-75%) rotate(-40deg);
      -ms-transform: translateX(-75%) rotate(-40deg);
          transform: translateX(-75%) rotate(-40deg);
}

._spoller-init .spollers__title._spoller-active::after {
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
}

.spollers__body {
  padding: 3.125rem 5.625rem;
}

.vacancies {
  background-color: #fff;
}

.vacancies__container {
  padding-top: 100px;
  padding-bottom: 150px;
}

.vacancies__title {
  font-family: Montserrat;
  font-size: 32px;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
  color: #000000;
}

.vacancies__name {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-align: center;
  color: #000000;
  text-transform: uppercase;
}

.vacancies__price {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-align: right;
  color: #000000;
}

.vacancies__experience {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  color: #000000;
  padding-left: 24px;
}

.vacancies__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
}

.vacancies__title-descr {
  font-family: Montserrat;
  font-size: 20px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  color: #000000;
  background-color: #EBEBEB;
  padding: 5px 24px;
}

.vacancies__descr {
  padding-left: 24px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-align: left;
  color: #000;
}

.vacancies__contact {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F7F7F7;
  padding: 10px;
}

.vacancies__contact-title {
  font-family: Montserrat;
  font-size: 22px;
  font-weight: 700;
  line-height: 130%;
  text-align: center;
  color: #000;
}

.vacancies__contact-name {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  text-align: center;
  color: #000;
}

@media (min-width: 769px) {
  .header-mob-nav {
    display: none;
  }
}

@media (max-width: 1550px) {
  .header__container {
    -ms-grid-columns: 9fr 1fr;
    grid-template-columns: 9fr 1fr;
  }

  .header__right {
    display: none;
  }
}

@media (max-width: 1400px) {
  .footer__top {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 1200px) {
  .advantages__text {
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .header__container {
    grid-template-columns: 1fr;
  }

  .header__logo {
    display: none;
  }

  .about__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .about__right {
    text-align: center;
  }

  .projects__wrap {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .services__img-slide {
    max-width: 100%;
  }

  .welcome__title {
    font-size: 55px;
  }

  .contacts-page__top {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .contacts-page__picture {
    max-width: 100%;
  }

  .about-page__container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .about-page__title {
    text-align: center;
  }

  .about-page__img-wrap {
    max-width: 100%;
  }

  .projects-page__wrap {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 991px) {
  .advantages__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .advantages__text {
    text-align: center;
  }
}

@media (max-width: 768px) {
  .popup__content {
    padding: 62px 20px 20px;
  }

  .popup .form__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .page {
    
  }

  .header {
    position: fixed;
    width: 100%;
  }

  .header__mobile__back {
    display: block;
    position: absolute;
    top: 50px;
    left: 4%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .header__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header__menu {
    display: none;
  }

  .header__logo {
    display: block;
    margin: 0 auto;
  }

  .footer__top {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .welcome::before {
    display: none;
  }

  .welcome__container {
    text-align: center;
  }

  .welcome__title {
    font-size: 24px;
    text-align: center;
    line-height: 130%;
  }

  .welcome__title-white {
    font-size: 24px;
    text-align: center;
  }

  .spollers__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 0.625rem 1.25rem;
  }

  .spollers__body {
    padding: 3.125rem 1.25rem;
  }
}

@media (max-width: 576px) {
  .vacancies__name {
    font-size: 16px;
  }

  .vacancies__price {
    font-size: 16px;
  }

  .vacancies__experience {
    padding-left: 0;
  }

  .vacancies__title-descr {
    font-size: 16px;
    padding: 5px 0;
  }

  .vacancies__descr {
    padding-left: 0;
  }
  .title-section {
    font-size: 24px;
  }

  .contact__title {
    font-size: 22px;
  }

  .contact__phone {
    font-size: 28px;
  }

  .contact__descr {
    font-size: 14px;
  }

  .projects__wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .projects__wrap-href {
    max-width: 576px;
  }

  .advantages__container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .header-mob__mob-title {
    padding-bottom: 5px;
    font-size: 20px;
  }

  .header-mob__mob-list ul {
    margin-top: 10px;
  }

  .projects-page__wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .projects-page__wrap-href {
    max-width: 576px;
  }
}