@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&display=swap");
* {
  font-family: "Manrope", sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  background: #E1E1E1;
}

a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

span {
  display: inline-block;
}

img {
  width: 100%;
  display: inline-block;
}

li {
  list-style: none;
  display: inline-block;
}

._flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

._normal {
  justify-content: normal;
}

.__title {
  font-size: 40px;
  text-transform: uppercase;
  line-height: 130%;
  font-weight: 500;
}

.container {
  width: 1440px;
  padding: 0 40px;
  margin: 0 auto;
  position: relative;
}

.btn {
  border: none;
  background: none;
  font-size: 16px;
  padding: 7px 20px;
  border: 1px solid #000;
  border-radius: 30px;
  transition: all 0.2s ease;
  color: #000;
}
.btn:hover {
  background: #FF5F5F;
  border-color: #FF5F5F;
}

header {
  height: 100%;
  position: relative;
  overflow: hidden;
  
}

.header-slides {
  height: 100%;
}

.header-slider {
  height: 100%;
  position: relative;
}
.header-slider:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.header-slide-arrows {
  position: absolute;
  top: 55%;
  padding: 0 40px;
  width: 100%;
}
.header-slide-arrows ul li {
  margin-right: 28px;
  vertical-align: middle;
}
.header-slide-arrows ul li a {
  margin-right: 6px;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 0px 6px;
  font-size: 0;
  line-height: 35px;
  transition: all 0.2s ease;
}
.header-slide-arrows ul li a:hover {
  background: #FF5F5F;
  border-color: #FF5F5F;
}
.header-slide-arrows ul li span {
  font-size: 20px;
  font-weight: 300;
  color: #fff;
}

.header-slide {
  height: 100%;
}

.header-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 30px 0;
  z-index: 4;
}

.header-slide-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  color: #fff;
}
.header-slide-content h2 {
  width: 40%;
  margin-bottom: 29px;
  color: #E1E1E1;
}
.header-slide-content p {
  font-size: 20px;
  line-height: 130%;
  width: 40%;
  color: #E1E1E1;
  padding-bottom: 38px;
}

.header-logo {
  width: 166px;
}

.header-buttons ul li {
  margin-left: 31px;
}
.header-buttons ul li a {
  padding: 8px 17px;
  border: 1px solid #fff;
  border-radius: 22px;
  transition: all 0.3s ease;
}
.header-buttons ul li a:hover {
  background: #FF5F5F;
  color: #000;
  border-color: #FF5F5F;
}
.header-buttons ul li a:hover img {
  filter: invert(100%) sepia(2%) saturate(0%) hue-rotate(239deg) brightness(104%) contrast(100%);
}
.header-buttons ul li a img {
  width: 19px;
  margin-left: 12px;
}

.develop-block {
  padding: 53px 0 65px;
}

.develop-block-left {
  width: 40%;
}
.develop-block-left .develop-block-left-icon {
  margin-top: 38px;
}

._under-title-icon {
  width: 96px;
}

.develop-block-content {
  align-items: flex-start;
}
.develop-block-content p {
  width: 41.5%;
  font-size: 20px;
  line-height: 130%;
  font-weight: 300;
}

.dep-develop-block .develop-block-left {
  width: 54%;
}
.dep-develop-block .develop-block-left .develop-block-left-icon {
  width: 63px;
}
.dep-develop-block .dep-develop-block-right {
  width: 41.5%;
}
.dep-develop-block .dep-develop-block-right p {
  width: 100%;
  margin-bottom: 20px;
}

.facts-block {
  padding: 53px 0 37px;
  background: #171717;
  overflow: hidden;
}
.facts-block ._flex {
  align-items: flex-start;
}
.facts-block h2 {
  color: #fff;
  padding-top: 7px;
}
.facts-block .facts-content-items {
  width: 59%;
}
.facts-block .facts-content-items .facts-item {
  width: 41%;
  margin-bottom: 40px;
}
.facts-block .facts-content-items .facts-item h3 {
  color: #FF5F5F;
  font-size: 64px;
  font-weight: 500;
  line-height: 130%;
  margin-bottom: 7px;
}
.facts-block .facts-content-items .facts-item p {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  line-height: 130%;
  text-transform: uppercase;
}

.upproach-block {
  padding: 53px 0 86px;
}
.upproach-block .upproach-block-container {
  justify-content: normal;
  align-items: flex-start;
}
.upproach-block h2 {
  margin-bottom: 26px;
}
.upproach-block .upproach-block-left {
  width: 24%;
}
.upproach-block .upproach-block-items {
  width: 64%;
  justify-content: normal;
  align-items: flex-start;
}
.upproach-block .upproach-block-items .upproach-item {
  width: 45%;
  margin-bottom: 33px;
}
.upproach-block .upproach-block-items .upproach-item:nth-child(2n) {
  margin-left: 60px;
  width: 47%;
}
.upproach-block .upproach-block-items .upproach-item:last-child {
  width: 80%;
}
.upproach-block .upproach-block-items .upproach-item h3 {
  padding: 18px 0 16px;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
}
.upproach-block .upproach-block-items .upproach-item span {
  color: #FF5F5F;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 24px;
}
.upproach-block .upproach-block-items .upproach-item p {
  font-size: 20px;
  font-weight: 300;
}

.advantages-block {
  padding-bottom: 86px;
}
.advantages-block .advantages-header {
  height: 192px;
  background: url("../img/advantages-header.jpg") center no-repeat;
  background-size: cover;
  position: relative;
}
.advantages-block .advantages-header:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}
.advantages-block .advantages-header h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
  position: absolute;
  bottom: 29px;
}
.advantages-block .advantages-header .container {
  height: 100%;
}

.advantages-items {
  padding-top: 37px;
}
.advantages-items .advantages-item {
  width: 42%;
  margin-bottom: 54px;
  justify-content: normal;
  align-items: flex-start;
}
.advantages-items .advantages-item .advantages-item-conten {
  width: 70%;
}
.advantages-items .advantages-item .advantages-item-conten h3 {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.advantages-items .advantages-item .advantages-item-conten p {
  font-size: 20px;
  font-weight: 300;
}
.advantages-items .advantages-item .advantages-item-img {
  width: 65px;
  margin-right: 36px;
}

.stage-block {
  padding: 53px 0 60px;
  background: #171717;
  color: #fff;
}
.stage-block .stage-block-items {
  padding-left: 7.3%;
  align-items: flex-start;
  padding-top: 34px;
}
.stage-block .stage-block-items .stage-item {
  width: 40%;
  margin-bottom: 35px;
  margin-right: 72px;
}
.stage-block .stage-block-items .stage-item .stage-item-top span {
  width: 56px;
  height: 56px;
  border: 2px solid #FF5F5F;
  color: #FF5F5F;
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  line-height: 52px;
  border-radius: 28px;
  position: relative;
}
.stage-block .stage-block-items .stage-item .stage-item-top span:before {
  content: "";
  width: 100px;
  height: 18px;
  background: url("../img/long-arrow.svg") center no-repeat;
  position: absolute;
  top: 17px;
  left: 72px;
}
.stage-block .stage-block-items .stage-item h3 {
  padding: 19px 0 16px;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
}
.stage-block .stage-block-items .stage-item p {
  font-size: 20px;
  font-weight: 300;
}

.services {
  padding: 29px 0 65px;
}
.services .services-header {
  padding: 100px 0 15px;
  background: #171717;
}
.services .services-header .__title {
  color: #fff;
}
.services .services-items {
  padding-top: 16px;
}
.services .services-items .services-item {
  width: 49.7%;
  margin-bottom: 5px;
  height: 220px;
  position: relative;
  margin-bottom: 5px;
}
.services .services-items .services-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.services .services-items .services-item a:hover img {
  transform: scale(1.3);
}
.services .services-items .services-item a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.services .services-items .services-item a img {
  font-size: 0;
  height: 100%;
  transition: all 0.1s ease;
  position: relative;
  z-index: 0;
}
.services .services-items .services-item span {
  position: absolute;
  bottom: 20px;
  left: 21px;
  z-index: 1;
  width: 100%;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 500;
}
.services .services-items .services-item100 {
  width: 100%;
}

footer {
  background: #171717;
  padding: 47px 0 44px;
}
footer .footer-logo {
  width: 160px;
  margin-bottom: 37px;
}
footer .footer-menu {
  text-transform: uppercase;
  column-count: 2;
  column-gap: 95px;
  padding-top: 67px;
}
footer .footer-menu li {
  margin-bottom: 20px !important;
}
footer .footer-content {
  align-items: flex-start;
  color: #fff;
}
footer .footer-content ul li {
  display: list-item;
  margin-bottom: 11px;
}
footer .footer-content .footer-form {
  background: #D9D9D9;
  width: 335px;
  padding: 15px;
  border-radius: 10px;
  margin-top: 70px;
}
footer .footer-content .footer-form h3 {
  font-weight: 300;
  color: #171717;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
}
footer .footer-content .footer-form .fields {
  margin-bottom: 23px;
}

.field input {
  background: none;
  border: none;
  border-bottom: 1px solid #000;
  outline: none;
  width: 100%;
  font-size: 16px;
  text-transform: uppercase;
}
.field label {
  font-size: 10px;
  color: #909090;
  opacity: 0;
}
.field label.active {
  opacity: 1;
}

.form-checkbox {
  align-items: flex-start;
}
.form-checkbox input {
  opacity: 0;
  display: none;
}
.form-checkbox input:checked + .custom-checkbox {
  background: url("../img/checkbox.svg") center no-repeat;
  background-size: cover;
  border-color: #FF5F5F;
}
.form-checkbox .custom-checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #7D7D7D;
  border-radius: 4px;
}
.form-checkbox .custom-checkbox:hover {
  border: 1px solid #000;
}

.checkbox-label {
  color: #000;
  font-size: 10px;
}
.checkbox-label a {
  color: #000;
  text-decoration: underline;
  display: inline;
}

.footer-form-checkbox {
  margin-top: 17px;
}
.footer-form-checkbox .checkbox-label {
  width: 91%;
  margin-left: 9px;
}

.develop-struct {
  padding: 37px 0 66px;
}
.develop-struct .develop-struct-items {
  align-items: flex-start;
  margin-top: 37px;
  padding: 25px 0;
}
.develop-struct .develop-struct-items .develop-items_left {
  padding-top: 25px;
  width: 36%;
}
.develop-struct .develop-struct-items .develop-items_left ul li {
  display: block;
  margin-bottom: 71px;
  position: relative;
}
.develop-struct .develop-struct-items .develop-items_left ul li a {
  font-size: 24px;
  text-transform: uppercase;
  color: #000;
}
.develop-struct .develop-struct-items .develop-items_left ul li._active:after {
  content: "";
  position: absolute;
  width: 100px;
  height: 17px;
  right: 0;
  top: 6px;
  background: url("../img/long-arrow.svg") center no-repeat;
  background-size: cover;
}
.develop-struct .develop-struct-items .develop-items_left ul li._active a {
  color: #FF5F5F;
}
.develop-struct .develop-struct-items .develop-items_right {
  width: 59%;
}
.develop-struct .develop-struct-items .develop-items_right p {
  font-size: 20px;
  margin-bottom: 33px;
}

.develop-struct .develop-struct-items .develop-items_right p span {
    margin-top: 20px;
}

.develop-struct .develop-struct-items .develop-items_right .develop-item {
  display: none;
}
.develop-struct .develop-struct-items .develop-items_right .develop-item._active {
  display: block;
}

.about-history {
  padding: 19px 0 30px;
  overflow: hidden;
}
.about-history .about-history-content {
  position: relative;
  align-items: flex-start;
  z-index: 1;
}
.about-history .about-history-left {
  width: 34%;
}
.about-history .about-history-left-img {
  width: 83px;
  margin-top: 43px;
}
.about-history .about-history-right {
  width: 60%;
  font-size: 20px;
}
.about-history .about-history-right p {
  margin-bottom: 12px;
}
.about-history .about-history-right ul {
  padding-left: 20px;
}
.about-history .about-history-right ul li {
  list-style: disc;
  display: list-item;
  margin-bottom: 1px;
}

._relative {
  position: relative;
}

._big-title {
  font-size: 128px;
  color: #DCDADA;
  position: absolute;
  bottom: -65px;
  font-weight: 900;
  z-index: 0;
}

.about-facts-block .facts-content-items {
  width: 73%;
}
.about-facts-block ._big-title {
  color: #1C1C1C;
  bottom: -74px;
}

.facts-content {
  position: relative;
  z-index: 1;
}

.leaders {
  padding: 30px 0;
  overflow: hidden;
}
.leaders .leaders-content {
  padding-top: 34px;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
.leaders .leaders-content .leaders-content-left {
  width: 89px;
}
.leaders .leaders-content .leaders-items {
  width: 73.3%;
  align-items: flex-start;
}
.leaders .leaders-content .leaders-items .leaders-item {
  width: 287px;
  margin-right: 55px;
  margin-bottom: 33px;
}
.leaders .leaders-content .leaders-items .leaders-item h4 {
  font-size: 22px;
  text-transform: uppercase;
  padding: 12px 0;
}
.leaders .leaders-content .leaders-items .leaders-item p {
  font-size: 20px;
}
.leaders .leaders-content .leaders-items .leaders-item:nth-child(3n) {
  margin-right: 0;
}

._black-header {
  background: #171717;
  padding-bottom: 20px;
  padding-top: 30px;
}
._black-header .container {
  align-items: flex-end;
}
._black-header h2 {
  font-size: 40px;
  text-transform: uppercase;
  color: #fff;
}
._black-header img {
  width: auto;
}

.about-projects .about-projects-items {
  padding: 44px 0;
}
.about-projects .about-projects-items .about-projects-item {
  width: 49.5%;
  margin: 5px;
  position: relative;
  overflow: hidden;
  font-size: 0;
  height: 224px;
}
.about-projects .about-projects-items .about-projects-item img {
  transition: all 0.2s ease;
}
.about-projects .about-projects-items .about-projects-item:hover a {
  bottom: 0;
}
.about-projects .about-projects-items .about-projects-item:hover img {
  transform: scale(1.3);
}
.about-projects .about-projects-items .about-projects-item:nth-child(2n) {
  margin: 0;
}
.about-projects .about-projects-items .about-projects-item a {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 100%;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  font-size: 24px;
  text-transform: uppercase;
}
.about-projects .about-projects-items .about-projects-item .about-projects-item-description {
  position: absolute;
  bottom: 29px;
  left: 35px;
}

.clients-items {
  padding: 90px 0;
  align-items: center;
  
}
.clients-items .clients-item {
  width: auto;
  
}
.clients-items .clients-item:hover ._icon-gray {
  display: none;
}
.clients-items .clients-item:hover ._icon-gray-color {
  display: block;
}

._icon-gray-color {
  display: none;
}

.adress-content {
  padding: 35px 0 45px;
  align-items: flex-start;
}
.adress-content h3 {
  font-size: 24px;
  margin-bottom: 16px;
  font-weight: 900;
  text-transform: uppercase;
}
.adress-content p {
  font-size: 20px;
  font-weight: 300;
}
.adress-content .adress-content-items,
.adress-content .adress-content_left {
  width: 350px;
}
.adress-content .adress-content-items li,
.adress-content .adress-content_left li {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 300;
}
.adress-content .adress-content-items {
  margin-right: 220px;
}
.adress-content .adress-content-items li {
  margin-bottom: 30px;
}

.service-items {
  padding: 40px 0 50px;
}
.service-items._dark {
  background: #171717;
}

.service-items .container {
  align-items: flex-start;
}
.service-items._dark p {
  color: #fff;
}

.service-item {
  width: 47%;
}
.service-item h3 {
  font-size: 40px;
  color: #FF5F5F;
  margin-bottom: 9px;
  text-transform: uppercase;
}
.service-item p {
  font-size: 20px;
  margin-top: 10px;
  width: 95%;
}

.service-items-text {
  height: 228px;
}

.service-item-content-img {
  font-size: 0;
  position: relative;
  z-index: 0;
  width: 95%;
}
.service-item-content-img:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}

.service-item-content {
  position: relative;
}
.service-item-content a {
  position: absolute;
  bottom: 19px;
  left: 19px;
  padding: 10px 20px;
  border: 1px solid #fff;
  border-radius: 30px;
  backdrop-filter: blur(5px);
  background: rgba(255, 255, 255, 0.2);
}
.service-item-content a:hover {
  color: #000;
  background: #FF5F5F;
  border-color: #FF5F5F;
}

.montage-service-slider h2 {
  width: 60%;
}
.montage-service-slider p {
  width: 60%;
}

.montage-facts .__title {
  margin-right: 22px;
}

.montage-facts-items {
  padding-top: 50px;
  width: 76%;
  margin: 0 0 0 auto;
}
.montage-facts-items .montage-facts-item {
  margin-bottom: 50px;
  width: 479px;
}
.montage-facts-items .montage-facts-item img {
  width: 30px;
  margin-right: 20px;
  margin-top: 5px;
}
.montage-facts-items .montage-facts-item p {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  width: 88%;
}

.montage-works {
  padding: 34px 0;
}
.montage-works .container {
  align-items: flex-start;
}
.montage-works .montage-work-items {
  width: 70%;
  margin-left: 79px;
  align-items: flex-start;
}
.montage-works .montage-work-items .montage-work-item {
  width: 50%;
  align-items: flex-start;
  margin-bottom: 35px;
  padding-right: 30px;
}
.montage-works .montage-work-items .montage-work-item img {
  width: 30px;
  margin-top: 7px;
}
.montage-works .montage-work-items .montage-work-item p {
  width: 90%;
  font-size: 24px;
}

.aproach {
  padding: 35px 0;
  background: #171717;
  color: #fff;
}
.aproach .container {
  align-items: flex-start;
}
.aproach .__title {
  color: #FF5F5F;
}
.aproach .aproach-items {
  width: 76%;
  margin: 0 0 0 auto;
  align-items: flex-start;
  justify-content: normal;
}
.aproach .aproach-items .aproach-item {
  font-size: 24px;
  margin-bottom: 56px;
  margin-right: 47px;
  width: 42%;
}
.aproach .aproach-items .aproach-item:nth-child(2n) {
  margin-right: 0;
}

.work-steps {
  padding: 26px 0 46px;
}
.work-steps .container {
  align-items: flex-start;
}
.work-steps .work-steps-items {
  width: 76%;
  align-items: flex-start;
  justify-content: normal;
}
.work-steps .work-steps-items .work-steps-item {
  width: 44%;
  margin-right: 25px;
  margin-bottom: 35px;
}
.work-steps .work-steps-items .work-steps-item .work-steps-item-top {
  position: relative;
  font-size: 24px;
  color: #FF5F5F;
  width: 52px;
  height: 52px;
  text-align: center;
  line-height: 49px;
  border-radius: 30px;
  border: 2px solid;
}
.work-steps .work-steps-items .work-steps-item .work-steps-item-top:before {
  content: "";
  width: 100px;
  height: 17px;
  background: url("../img/long-arrow.svg") center no-repeat;
  position: absolute;
  right: -117px;
  top: 15px;
}
.work-steps .work-steps-items .work-steps-item p {
  margin-top: 15px;
  font-size: 24px;
  text-transform: uppercase;
  padding-right: 30px;
  font-weight: 500;
}

.review-block {
  padding: 30px 0 50px;
  background: #171717;
}
.review-block .checkbox-label {
  width: 95%;
}
.review-block .container {
  align-items: flex-start;
  color: #fff;
  justify-content: normal;
}
.review-block .container .__title {
  color: #FF5F5F;
  margin-bottom: 27px;
}
.review-block .container .review-block-left {
  width: 45%;
  margin-right: 120px;
}
.review-block .container .review-block-left p {
  margin-bottom: 10px;
}
.review-block .container .review-block-form {
  width: 40%;
}
.review-block .container .review-block-form h3 {
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 10px;
}
.review-block .container .review-block-form form {
  color: #fff;
}
.review-block .container .review-block-form form input {
  border-color: #fff;
  color: #fff;
}
.review-block .container .review-block-form form .field_100 {
  width: 82%;
}
.review-block .container .review-block-form form .fields {
  width: 100%;
}
.review-block .container .review-block-form form .fields .field {
  margin-right: 10px;
  width: 40%;
}
.review-block .container .review-block-form form .btn {
  border: none;
  background: none;
  font-size: 16px;
  padding: 7px 20px;
  color: #fff;
  border: 1px solid;
  border-radius: 30px;
  transition: all 0.2s ease;
  margin: 22px 0;
}
.review-block .container .review-block-form form .btn:hover {
  background: #FF5F5F;
  border-color: #FF5F5F;
}
.review-block .container .review-block-form form .form-checkbox label {
  color: #fff;
}
.review-block .container .review-block-form form .form-checkbox label a {
  color: #fff;
}
.review-block .container .catalog-review-block-form h3 {
  margin-top: 130px;
}

.image-block {
  height: 292px;
  font-size: 0;
  position: relative;
}
.image-block:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
.image-block img {
  font-size: 0;
  height: 100%;
}

.catalog-list {
  padding: 25px 0 50px;
}
.catalog-list .catalog-list-items {
  margin-bottom: 50px;
}
.catalog-list .catalog-list-items .__title {
  margin-bottom: 26px;
}
.catalog-list .catalog-list-items .catalog-list-content {
  align-items: flex-start;
  justify-content: normal;
}
.catalog-list .catalog-list-items .catalog-list-content .catalog-list-content_left {
  width: 67%;
  align-items: flex-start;
}
.catalog-list .catalog-list-items .catalog-list-content .catalog-list-content_left .catalog-list-item {
  width: 415px;
  margin-right: 40px;
  margin-bottom: 50px;
}
.catalog-list .catalog-list-items .catalog-list-content .catalog-list-content_left .catalog-list-item.catalog-list-item_one .catalog-list-item-img {
  height: 422px;
}
.catalog-list .catalog-list-items .catalog-list-content .catalog-list-content_left .catalog-list-item.catalog-list-item_two .catalog-list-item-img {
  margin-bottom: 40px;
}
.catalog-list .catalog-list-items .catalog-list-content .catalog-list-content_left .catalog-list-item.catalog-list-item_two .catalog-list-item-img:nth-child(2n) {
  width: 335px;
  margin-bottom: 0;
  height: 229px;
}
.catalog-list .catalog-list-items .catalog-list-content .catalog-list-content_left .catalog-list-item .catalog-list-item-img {
  height: 284px;
  overflow: hidden;
  font-size: 0;
}
.catalog-list .catalog-list-items .catalog-list-content .catalog-list-content_left .catalog-list-item h3 {
  padding: 26px 0;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
}
.catalog-list .catalog-list-items .catalog-list-content .catalog-list-content_right {
  width: 32%;
}
.catalog-list .catalog-list-items .catalog-list-content .catalog-list-content_right .btn {
  margin-top: 30px;
}
.catalog-list .catalog-list-items .catalog-list-content .catalog-list-content_right p {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 300;
}
.catalog-list .catalog-list-items .catalog-list-content .catalog-list-content_right ul {
  padding-left: 30px;
}
.catalog-list .catalog-list-items .catalog-list-content .catalog-list-content_right ul li {
  display: list-item;
  font-size: 20px;
  list-style: disc;
  font-weight: 300;
  margin-bottom: 3px;
}

.catalog-image-block {
  height: 406px;
}

._logistick {
  padding-top: 38px;
  padding-bottom: 0;
}
._logistick .catalog-list-items {
  margin-bottom: 0;
}

.control-content-items {
  padding: 38px 0 46px;
}
.control-content-items._black {
  background: #171717;
  color: #fff;
}
.control-content-items ._flex {
  align-items: flex-start;
}
.control-content-items .control-item {
  width: 31%;
}
.control-content-items .control-item h3 {
  color: #FF5F5F;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 14px;
}
.control-content-items .control-item h4 {
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 14px;
}
.control-content-items .control-item p {
  font-size: 20px;
  font-weight: 300;
}

.control-images {
  padding: 41px 0;
}
.control-images .control-image-item {
  height: 300px;
  overflow: hidden;
  width: 31%;
}

.menu-open {
  position: fixed;
  width: 0;
  height: 0;
  z-index: 0;
  top: 0;
  left: 0;
  transition: background 0.3s ease;
}
.menu-open._active {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.page-menu {
  padding: 36px;
  background: #E1E1E1;
  text-align: right;
  position: fixed;
  height: 100%;
  top: 0;
  right: -100%;
  visibility: hidden;
  z-index: 99999;
  width: 427px;
  transition: all 0.2s ease;
}
.page-menu.active {
  right: 0;
  visibility: visible;
}
.page-menu .page-menu-top {
  text-align: right;
  margin-bottom: 36px;
}
.page-menu .page-menu-top a {
  width: 230px;
}
.page-menu ul li {
  margin-bottom: 36px;
  font-size: 24px;
  text-transform: uppercase;
  display: block;
  font-weight: 500;
}
.page-menu ul li a {
  color: #000;
}
.page-menu .page-menu-bottom {
  text-align: right;
  position: absolute;
  bottom: 30px;
  right: 36px;
}
.page-menu .page-menu-bottom span {
  font-size: 20px;
  font-weight: 300;
  color: #000;
  margin-right: 17px;
}
.page-menu .page-menu-bottom img {
  width: 100px;
  margin-top: 4px;
}

.popup {
  background: #E1E1E1 !important;
  padding: 30px;
  width: 510px;
}
.popup h2 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
}
.popup .popup-form-top {
  margin-bottom: 21px;
  align-items: flex-start;
}
.popup .popup-form-top img {
  width: 153px;
}
.popup .popup-form-top a {
  width: 11px;
  height: 11px;
  font-size: 0;
}
.popup .popup-form-top a img {
  width: 100%;
  height: 100%;
}
.popup .fields {
  margin-bottom: 20px;
}
.popup .fields .field {
  width: 48%;
}
.popup .checkbox-label {
  margin-left: 0;
  width: 95%;
}

.fancybox-content {
  padding: 30px !important;
}

.fancybox-close-small {
  position: absolute !important;
  right: 13px !important;
  top: 14px !important;
}

.fancybox-bg {
  background: rgba(0, 0, 0, 0.2) !important;
}

.fancybox-active {
  height: 100% !important;
}

.slick-list.draggable {
  height: 100% !important;
}

.slick-track {
  height: 100% !important;
}

.geo {
  position: relative;
}
.geo .map-container {
  height: 885px;
}

.map-item {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.map-item.map-item0 {
  opacity: 1;
}

.map-hover {
  position: absolute;
  width: 100%;
  height: 885px;
  top: 0;
  left: 0;
  z-index: 99;
  opacity: 0;
}
.map-hover:hover + .map-item {
  opacity: 1;
}

.map-hover1 {
  clip-path: polygon(24.1% 29.84%, 43.96% 28.82%, 35.48% 53.1%, 31.6% 59.77%, 22.42% 57.89%, 15.97% 51.73%, 11.74% 50.06%, 5.66% 41.86%);
}

.map-hover2 {
  clip-path: polygon(10.82% 48.8%, 17.58% 48.8%, 24.04% 55.81%, 19.06% 60.73%, 17.98% 63.16%, 16.51% 64.95%, 10.82% 66.32%, 8.79% 57.56%);
}

.map-hover3 {
  clip-path: polygon(3.93% 62.02%, 6.16% 62.02%, 12.16% 65.81%, 12.16% 68.98%, 10.79% 71.24%, 8.84% 71.23%, 6.16% 69.14%, 3.93% 66.51%);
}

.map-hover4 {
  clip-path: polygon(7.68% 76.4%, 8.79% 74.16%, 11.66% 78.64%, 12.87% 82.79%, 11.66% 90.36%, 8.79% 81.26%, 6.56% 78.64%);
}

.map-hover5 {
  clip-path: polygon(3.47% 64.75%, 6.33% 69.91%, 8.66% 68.58%, 12.66% 66.28%, 16.88% 66.99%, 16.88% 72.85%, 15.83% 83.3%, 9.44% 76.92%, 6.33% 76.92%, 5.37% 72.85%, 1.85% 69.91%);
}

.map-hover6 {
  clip-path: polygon(15.55% 62.72%, 18.95% 58.35%, 21.51% 56.61%, 24.93% 53.45%, 33.11% 58.35%, 29.15% 67.87%, 27.85% 81.23%, 21.51% 74.89%, 19.13% 73.79%, 16.75% 72.69%, 13.93% 67.87%);
}

.map-hover7 {
  clip-path: polygon(26.99% 70.29%, 29.49% 62.31%, 32.94% 51.86%, 35.31% 48.02%, 42.02% 37.11%, 46.61% 49%, 47.63% 68.4%, 42.02% 69.18%, 36.63% 74.13%, 31.03% 75.44%, 24.66% 79.41%);
}

.map-hover8 {
  clip-path: polygon(46.13% 55.71%, 44.87% 48.52%, 43.94% 40.01%, 47.81% 36.66%, 50.57% 20.84%, 59.04% 34.83%, 58.23% 49.7%, 61.59% 60.85%, 68.2% 64.65%, 64.44% 73.13%, 62.03% 88.73%, 57.55% 84.53%, 55.45% 90.46%, 51.61% 88.73%, 46.89% 90.69%, 42.91% 88.39%, 39.62% 83.52%, 35.99% 78.14%, 36.32% 70.16%, 39.54% 69.9%, 44% 66.18%, 46.13% 60.01%);
}

.map-hover9 {
  clip-path: polygon(56.97% 52.32%, 58.24% 41.81%, 56.63% 35.04%, 61.3% 34.67%, 66.68% 33.83%, 77.32% 19.32%, 80.48% 11.19%, 87.97% 4.82%, 90.6% 21.96%, 89.35% 31.09%, 97.06% 48.38%, 94.39% 51.53%, 89.35% 45.54%, 86.8% 33.16%, 86.88% 43.11%, 81.68% 51.43%, 81.68% 58.08%, 87.86% 57.9%, 93.86% 70.87%, 89.79% 71.71%, 87.86% 89.39%, 81.32% 78.57%, 75.14% 73.68%, 73.26% 83.17%, 68.77% 86.28%, 64.94% 84.55%, 60.23% 86.51%, 56.25% 84.21%, 57.53% 80.77%, 58.84% 82.23%, 60.6% 84.38%, 63.2% 78.87%, 62.54% 71.7%, 67.32% 68.71%, 66.14% 65.27%, 64.12% 68.9%, 62.21% 68.04%, 60.81% 62.88%, 59.41% 57.72%);
}

.about-case {
  width: 916px;
  padding: 35px;
  background: #E1E1E1 !important;
}
.about-case .about-case-content {
  position: relative;
}
.about-case .about-case-top {
  align-items: flex-end;
}
.about-case .about-case-top .about-case-top-left {
  width: 44%;
}
.about-case .about-case-top .about-case-top-right {
  width: 54%;
}
.about-case .about-case-top .about-case-top-right h3 {
  text-transform: uppercase;
  font-size: 40px;
  margin-bottom: 21px;
  position: absolute;
  top: 0;
}
.about-case .about-case-top .about-case-top-right p {
  margin-bottom: 13px;
}
.about-case .about-case-top .about-case-top-right .about-case-top-right-img {
  width: 80%;
}
.about-case .about-case-bottom {
  margin-top: 36px;
}
.about-case .about-case-bottom p {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 300;
}

.product-popup {
  padding: 35px;
  width: 1300px;
  background: #E1E1E1 !important;
}
.product-popup .product-popup-content {
  align-items: flex-start;
}
.product-popup .product-popup-left {
  width: 44%;
}
.product-popup .product-popup-left .product-popup-left-img {
  width: 48%;
}
.product-popup .product-popup-left .product-popup-left-top {
  align-items: flex-end;
}
.product-popup .product-popup-left .product-popup-left-bottom {
  width: 100%;
  margin-top: 20px;
  max-height: 400px;
  overflow: hidden;
}
.product-popup .product-popup-right {
  width: 54%;
}
.product-popup .product-popup-right h3 {
  font-size: 40px;
  text-transform: uppercase;
  margin-bottom: 63px;
}
.product-popup .product-popup-right .product-popup-right-text p {
  font-size: 20px;
  margin-bottom: 20px;
}

.develop-montage-content {
  padding: 35px 0 85px;
}
.develop-montage-content ._flex {
  align-items: flex-start;
}
.develop-montage-content p {
  font-size: 20px;
}
.develop-montage-content p:first-child {
  width: 50%;
}
.develop-montage-content p:last-child {
  width: 41.5%;
}

.develop-montage-image {
  padding: 30px 0 151px;
  color: #fff;
}
.develop-montage-image h4 {
  font-size: 40px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.develop-montage-image h3 {
  font-size: 64px;
  margin-bottom: 20px;
}
.develop-montage-image p {
  font-size: 24px;
  width: 550px;
}

.develop-advantages-content {
  padding: 35px 0;
}
.develop-advantages-content ._flex {
  align-items: flex-start;
  justify-content: normal;
}
.develop-advantages-content ul li {
  margin-bottom: 8px;
  margin-right: 50px;
}
.develop-advantages-content ul li:nth-child(2n+1) {
  width: 400px;
}
.develop-advantages-content ul li:nth-child(2n) {
  width: 560px;
}
.develop-advantages-content ul li span {
  font-size: 40px;
  color: #FF5F5F;
  margin-bottom: 10px;
}
.develop-advantages-content ul li p {
  font-size: 24px;
}

.project-departament-page .header-slider:before {
  background: rgba(255, 255, 255, 0.8);
}
.project-departament-page .header-buttons a {
  color: #000;
  border-color: #000;
}
.project-departament-page .header-buttons img {
  filter: invert(100%) sepia(2%) saturate(0%) hue-rotate(239deg) brightness(104%) contrast(100%);
}
.project-departament-page .header-slider .__title {
  color: #000;
}
.project-departament-page .header-slider p {
  color: #000;
}

.project-advantages-content ul li {
  width: 31% !important;
  margin-bottom: 39px;
  margin-right: 35px !important;
}
.project-advantages-content ul li:nth-child(3) {
  margin-right: 0 !important;
}

.project-departament-image-block:before,
.develop-block-image-block:before {
  display: none;
}

.develop-block-image-block {
  height: 106px;
}

.project-resources {
  padding: 30px 0 80px;
}
.project-resources .project-resources-content {
  align-items: flex-start;
}
.project-resources .project-resources-content .project-resources-items {
  width: 83%;
  align-items: flex-start;
}
.project-resources .project-resources-content .project-resources-items .project-resources-item {
  width: 48%;
  margin-bottom: 48px;
  align-items: flex-start;
}
.project-resources .project-resources-content .project-resources-items .project-resources-item img {
  width: auto;
}
.project-resources .project-resources-content .project-resources-items .project-resources-item p {
  font-size: 24px;
  padding-top: 18px;
  width: 80%;
}

.project-totals {
  padding-bottom: 50px;
}
.project-totals .project-totals-content {
  align-items: stretch;
}
.project-totals .project-totals-content .project-totals-left {
  width: 49%;
}
.project-totals .project-totals-content .project-totals-left .project-totals-item {
  margin-top: 37px;
}
.project-totals .project-totals-content .project-totals-left .project-totals-item .project-totals-number {
  font-size: 64px;
  color: #FF5F5F;
  font-weight: 900;
  margin-bottom: 12px;
}
.project-totals .project-totals-content .project-totals-left .project-totals-item p {
  font-size: 24px;
}
.project-totals .project-totals-content ul {
  margin-top: 30px;
  list-style-image: url("../img/list-arrow.svg");
  padding-left: 40px;
}
.project-totals .project-totals-content ul li {
  margin-bottom: 20px;
  font-size: 24px;
  list-style: inherit;
  display: list-item;
  list-style-position: outside;
}
.project-totals .project-totals-content ul li span {
  padding-left: 30px;
  display: inline;
}
.project-totals .project-totals-content .project-totals-content-right {
  width: 49%;
  background: #fff;
  padding-top: 30px;
}
section.logistic-advantages {
    padding: 45px 0;
}

.logistic-advantages-content .__title {
    width: 27%;
}

.logistic-advantages-content ul {
    width: 67%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.logistic-advantages-content._flex {
    align-items: flex-start;
}

.logistic-advantages-content ul li {
    width: 47%;
    margin-bottom: 40px;
}

.logistic-advantages-content ul li span {
    font-size: 40px;
    color: #ff5f5f;
}

.logistic-advantages-content ul li p {
    font-size: 24px;
}
.project-popup {
    width: 660px;
}

.project-popup h2 {
    margin-bottom: 30px;
    font-size: 30px;
    width: 97%;
}
.project-popup-img {
    max-height: 500px;
    overflow: hidden;
}

._static {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding: 30px 76px;
    background: #171717;
    z-index: 9999;
}
.header-content-head{
    transition: background .2s ease ;
    z-index: 999999999;
}
.project-departament-page ._static .header-buttons a {
    color: #fff;
    border-color: #fff;
}
a.header-logo.departament-logo-w {
    display: none;
}

._static  a.header-logo.departament-logo-w {
    display: block;
}

._static a.header-logo.departament-logo {
    display: none;
}

.project-departament-page ._static .header-buttons a {
    color: #fff;
    border-color: #fff;
}
.project-departament-page ._static .header-buttons img{
 filter: none; 
}
.develop-items_left-mobile{
    display: none;
}
.footer-content-left._mobile {
    display: none;
}
.map-info{
    display: none;
}
section.vacancy-advantages {
    padding: 35px 0;
}

.vacancy-advantages-content {
    margin-top: 50px;
    align-items: flex-start;
}

.vacancy-advantages-left a {
    width: 418px;
    font-size: 0;
}

.vacancy-advantages-left h3 {
    font-size: 40px;
}

.vacancy-advantages-item img {
    width: 60px;
    min-height: 70px;
}

.vacancy-advantages-right {
    width: 67%;
    justify-content: normal;
    align-items: flex-start;
}

.vacancy-advantages-item {
    width: 42%;
    margin-bottom: 41px;
    display: flex;
    align-items: center;
}

.vacancy-advantages-item p {
    font-size: 24px;
    margin-left: 24px;
}

.vacancy-advantages-item:nth-child(2n+1) {
    margin-right: 60px;
}
a.vacancy-btn {
    color: #fff;
    border-color: #fff;
    margin-left: 242px;
}
.vacancy-items{
    padding: 37px 0 48px;
    justify-content: normal;
    align-items: flex-start;
}
.vacancy-item{
    width: 407px;
    margin-bottom: 37px;
    margin-right: 48px;
}
.vacancy-item:nth-child(3n){
    margin-right: 0;
}
.vacancy-item h3{
    font-size: 40px;
    padding: 23px 0 6px;
}
.vacancy-item p{
    color: #FF5F5F;
    margin-bottom: 23px;
    font-size: 24px;
    font-weight: 700;
}
.vacancy-item-next._flex img {
    width: 30px;
    margin-left: 10px;
}

.vacancy-item-next._flex {
    justify-content: normal;
}

.vacancy-popup {
    width: 970px;
    padding: 40px;
    background: #E1E1E1 !important;
}

.vacancy-popup-content._flex {
    align-items: flex-start;
}

.vacancy-popup-left {
    width: 395px;
}

.vacancy-popup-left-top._flex {
    align-items: flex-end;
    margin-bottom: 25px;
}

.vacancy-popup-left-top img {
    width: 48%;
}

.vacancy-popup-center {
    width: 45%;
}

.vacancy-popup-right {
    width: 384px;
    padding: 25px;
    background: #171717;
    color: #fff;
    margin-top: 47px;
}

.vacancy-popup-center h2 {
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 22px;
}

.vacancy-popup-center ul li span {
    font-weight: 500;
    margin-bottom: 11px;
}

.vacancy-popup-center ul li {
    width: 100%;
    margin-bottom: 22px;
    font-size: 20px;
}
.vacancy-popup-center h3 {
    margin-bottom: 10px;
    font-size: 24px;
}

.vacancy-popup-center ul li p {
    font-size: 20px;
    margin-bottom: 10px;
}

.vacancy-popup-right h3 {
    font-size: 40px;
    color: #FF5F5F;
    margin-bottom: 20px;
}

.vacancy-popup-right h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.vacancy-popup-right-name {
    margin-bottom: 20px;
}

.vacancy-popup-right-name p {
    font-size: 24px;
}

.vacancy-popup-right-name span {
    font-size: 14px;
}

.vacancy-popup-right-contacts a {
    display: block;
    font-size: 20px;
    font-weight: 100;
    color: #E1E1E1;
}

.vacancy-popup-right-contacts {
    margin-bottom: 14px;
}

ul.vacancy-popup-right-links {
    margin-bottom: 32px;
}

ul.vacancy-popup-right-links li {
    margin-right: 15px;
}

.vacancy-popup-right .btn {
    color: #fff;
    border-color: #fff;
}

.vacancy-form-center-top img {
    width: 71px;
}

.vacancy-form-back._flex {
    width: 206px;
    margin-top: 30px;
    margin-right: 162px;
}

.vacancy-form-back._flex img {
    width: 36px;
}

section.vacancy-form-content {
    margin-top: 127px;
    margin-bottom: 76px;
}

.vacancy-form_flex._flex {
    align-items: flex-start;
    justify-content: normal;
}

.vacancy-form-center {
    width: 678px;
}

.vacancy-form-center-top-steps._flex {
    font-size: 24px;
    font-weight: 500;
}

.vacancy-form-center-top._flex {
    align-items: flex-end;
}

.vacancy-form-center h3 {
    font-size: 40px;
    text-transform: uppercase;
    padding: 21px 0 36px;
}

.vacancy-form-center-slide h4 {
    font-size: 24px;
    margin-bottom: 36px;
}

.vacancy-form_field input {
    width: 100%;
    /* margin-bottom: 26px; */
    font-size: 20px;
    background: none;
    border: none;
    border-bottom: 1px solid;
    outline: none;
}

.vacancy-form_field {
    margin-bottom: 26px;
}

.vacancy-form_field p {
    font-size: 14px;
    margin-top: 13px;
}

.vacancy-form_field p a {
    color: #000;
    text-decoration: underline;
}

.vacancy-form_field.vacancy-form_field_checks._flex {
    justify-content: normal;
}
.vacancy-form-field_check-item_label_factadress{
    font-size: 12px;
    color: #7D7D7D;
}
.vacancy-form-field_check-item._flex.form-checkbox {
    justify-content: normal;
    align-items: center;
    margin-right: 48px;
}

.vacancy-form-field_check-item._flex.form-checkbox label {
    margin-right: 10px;
    font-size: 14px;
}

.vacancy-form_experience {
    align-items: center;
    padding: 36px 0;
    display: flex;
    flex-wrap: wrap;
}

.vacancy-form_experience p {
    font-size: 24px;
    margin-right: 12px;
}

.vacancy-form_experience span {
    font-size: 14px;
    color: #7D7D7D;
}

.vacancy-form-btns._flex {
    justify-content: normal;
}
.vacancy-form-btns a:last-child{
    background: #FF5F5F;
    border-color: #FF5F5F;
}

.vacancy-form-btns._flex a:first-child {
    margin-right: 15px;
}
.vacancy-form-center-slider{
    margin-bottom: 33px;
}
.vacancy-form-center-top-steps ul {
    margin-left: 5px;
}
.send-vacancy-form-btn{
    display: none;
    background: #FF5F5F;
    border-color: #FF5F5F;
}
.send-vacancy-form-btn.active{
    display: inline-block;
}
.popup-city {
    width: 511px;
}

.popup-city img {
    width: 153px;
}

.popup-city {}

.popup-content h2 {
    padding: 21px 0 33px;
    font-size: 20px;
}

.popup-content ul li {
    display: block;
    font-size: 24px;
    margin-bottom: 13px;
}

.popup-content ul li a {
    color: #000;
    outline: none;
}

.popup-content ul li a:hover {
    color: #FF5F5F;
}
.vacancy-thanks h3 {
    font-size: 30px;
}

footer .footer-content ul li span {
    display: block;
    font-size: 13px;
}