@font-face { 
    font-family: "ArialBold";
    src: url("../fonts/ArialBold/ArialBold.eot");
    src: url("../fonts/ArialBold/ArialBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/ArialBold/ArialBold.woff") format("woff"),
    url("../fonts/ArialBold/ArialBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face { 
    font-family: "Sen-ExtraBold";
    src: url("../fonts/Sen-ExtraBold/Sen-ExtraBold.eot");
    src: url("../fonts/Sen-ExtraBold/Sen-ExtraBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Sen-ExtraBold/Sen-ExtraBold.woff") format("woff"),
    url("../fonts/Sen-ExtraBold/Sen-ExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face { 
    font-family: "Sen-Bold";
    src: url("../fonts/Sen-Bold/Sen-Bold.eot");
    src: url("../fonts/Sen-Bold/Sen-Bold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/Sen-Bold/Sen-Bold.woff") format("woff"),
    url("../fonts/Sen-Bold/Sen-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face { 
    font-family: "InterLight";
    src: url("../fonts/InterLight/InterLight.eot");
    src: url("../fonts/InterLight/InterLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/InterLight/InterLight.woff") format("woff"),
    url("../fonts/InterLight/InterLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face { 
    font-family: "InterBold";
    src: url("../fonts/InterBold/InterBold.eot");
    src: url("../fonts/InterBold/InterBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/InterBold/InterBold.woff") format("woff"),
    url("../fonts/InterBold/InterBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face { 
    font-family: "InterExtraBold";
    src: url("../fonts/InterExtraBold/InterExtraBold.eot");
    src: url("../fonts/InterExtraBold/InterExtraBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/InterExtraBold/InterExtraBold.woff") format("woff"),
    url("../fonts/InterExtraBold/InterExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

html{
  box-sizing: border-box;
}

*, *::after, *::before{
  box-sizing: inherit;
  margin: 0; /* убираем стиль браузера отступ */
  padding: 0;
}

ul{
  list-style-type:  none; /* отключаем стиль для всех ul */
}

a{
  text-decoration: none; /* отключаем стиль для ссылок */
  color: inherit; /* наследуем цыет от родителя  */
}

body{  /* применяется ко всему тексту в body */
  font-family: 'InterLight';
  font-size: 20px; /* размер шрифта */
  /* font-weight: 400; */
}

.container {
  /*background-color: green;*/
  max-width: 1200px;
  margin: 0 auto; /* выравниваем контейнер по середине */
  padding: 0 15px 0; /* делаем отступ 10 по краям */
  text-align: center;
}

.header{
  /*background-color: black;*/
}

.logo_img {
width: 175px;
height: 70px;
}

.header_inner {
  height: 90px;
  padding-top: 5px; /* делаем сверху отступ */
  position: relative;
  display: flex; /* делим header на 2*/
  justify-content: space-between; /* перенес на правую сторону список */
  align-items: center; /* делает надписи по центру */
}

.menu_list {
  height: 85px;
  display: flex;
  align-items: center;
  gap: 5px; /* отступ мужду названиями */
}

.menu_list-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 85px;
  width: 120px;
}

.menu_list-tel {
  display: flex;
  flex-direction: column;
  padding-top: 15px;
  /*align-items: center;*/
  height: 85px;
  width: 350px;
}

.menu_list_inner {
  display: flex;
  font-display: center;
}

.menu_list-link {
  font-family: 'ArialBold';
  font-size: 20px; /* размер шрифта */S
  color: #000000;
  /*text-transform: uppercase;*/
  /*font-weight: 700; /* толщина текста*/
}

.menu_list-link:hover {
  color: #FFB703;
}

.img_seti {
  width: 31px;
  height: 31px;
}

.menu_list-number {
  font-family: 'ArialBold';
  font-size: 32px; /* размер шрифта */
  color: #000000;
  /*text-transform: uppercase;*/
  /*font-weight: 700; /* толщина текста*/
}

.work-text {
  text-align: left;
  font-family: 'ArialBold';
  font-size: 16px; /* размер шрифта */
  color: #000000;
}

.element-image {
 /*background-color: black;*/
 height: 600px;
 background-image: url(../img/fon1.jpeg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 background-attachment: fixed;
}

.element-image-front {
  /*background-color: black;*/
  height: 1350px;
}

.container2 {
  /*background-color: black;*/
  max-width: 1200px;
  height: 2000px;
  margin: 0 auto; /* выравниваем контейнер по середине */
  padding: 0 15px 0; /* делаем отступ 10 по краям */
  text-align: center;
  display: flex;
  /*align-items: center;
  text-align: center;*/
  flex-direction: column; /*коллонка*/
  /*justify-content: space-between;*/
}
.container3 { /*video*/
  max-width: 1200px;
  height: 1100px;
  margin: 0 auto; /* выравниваем контейнер по середине */
  padding: 0 15px 0; /* делаем отступ 10 по краям */
  text-align: center;
  display: flex;
  flex-direction: column; /*коллонка*/
}
.container4 { /*sett*/
  max-width: 1200px;
  height: 900px;
  margin: 0 auto; /* выравниваем контейнер по середине */
  padding: 0 15px 0; /* делаем отступ 10 по краям */
  text-align: center;
  display: flex;
  flex-direction: column; /*коллонка*/
}

.container5 { /*works*/
  max-width: 1200px;
  height: 1000px;
  margin: 0 auto; /* выравниваем контейнер по середине */
  padding: 0 15px 0; /* делаем отступ 10 по краям */
  text-align: center;
  display: flex;
  flex-direction: column; /*коллонка*/
}

.element-image1 {
  padding-top: 90px;
 text-align: left;
}

.element-img {
  padding-top: 150px;
  padding-left: 40px;
}

.element-image2 {
  background-color: #FFB703;
  height: 60px;
  width: 245px;
  display: grid;
  align-items: center;
}

.element-image1-text {
  font-family: 'ArialBold';
  font-size: 56px; /* размер шрифта */
  text-align: left;
  color: white;
}

.element-image2-text {
  font-family: 'ArialBold';
  font-size: 18px; /* размер шрифта */
  text-align: center;
  list-style-type: none;
}

.element-image2:hover {
  /*box-shadow: 10px 10px 8px 1px #373E51; /* тень */
  background-color: #219EBC ;
}
.element-image2:hover .element-image2-text {
  color: white;
}

.container1 {
  /*padding-top: 90px; /* in*/
  margin-top: 90px; /* out */
  height: 335px;
  width: 1170px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.element-map {
  background-color: white;
  padding-top: 5px;
  margin: 10px 10px;
  height: 315px;
  width: 270px;
  /*box-shadow: 4px 4px 8px 1px #9F9F9F;*/
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*align-items: center;*/
}

.element-map-text {
  font-family: 'ArialBold';
  font-size: 24px; /* размер шрифта */
  text-align: center;
  color: black;
}

.element-map2 {
  background-color: ;
  height: 65px;
  width: 270px;
  background-color: #FFB703;
  display: grid;
  align-items: center;
}

.element-image3-text {
  font-family: 'ArialBold';
  font-size: 15px; /* размер шрифта */
  text-align: center;
  list-style-type: none;
}
.element-map2:hover {
  background-color: #219EBC ;
}
.element-map2:hover .element-image3-text {
  color: white;
}

.image2 {
  object-fit: scale-down;
  /*max-width: 100%;
  max-height: 100%;*/
}

.mySlides {
  max-height: 600px;
}

.image1 {
  object-fit: cover;
  /*max-width: 100%;
  max-height: 100%;*/
}


.line_header {
  margin-top: 5px;
  height: 15px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.line-ye_header {
  background-color: #FFB703;
  height: 15px;
  width: 70%;
}
.line-bl_header {
  background-color: #219EBC;
  height: 15px;
  width: 30%;
}

.line {
  margin-top: 50px;
  height: 25px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
/*.line-wh {
  background-color: white;
  height: 25px;
  width: 20%;
}*/
.line-ye {
  background-color: #FFB703;
  height: 25px;
  width: 75%;
}
.line-bl {
  background-color: #219EBC;
  height: 25px;
  width: 25%;
}


.why-work {
  margin-top: 50px;
  height: 400px;
  text-align: center;
  display: flex;
  /*align-items: center;
  text-align: center;*/
  flex-direction: column; /*коллонка*/
  /*justify-content: space-between;*/
}


.element-work1{
  padding-top: 40px;
  padding-left: 40px;
  text-align: left;
}

.element-work1-text{
font-family: 'InterBold';
color: black;
  font-size: 24px; /* размер шрифта */
  list-style-type: none;
  line-height: 1.5;
  letter-spacing: 2px;
}

.element-work2 {
  padding-top: 50px;
  padding-left: 70px;
  padding-right: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.element-work2-t {
  width: 450px;
  text-align: left;
}
.element-work1-text2{
  font-family: 'InterBold';
  color: black;
  font-size: 24px; /* размер шрифта */
  list-style-type: none;
  line-height: 1.5;
  letter-spacing: 2px;
}

.element-work1-text3{
 font-family: 'InterLight';
  color: black;
  font-size: 20px; /* размер шрифта */
  list-style-type: none;
}

.project {
  margin-top: 50px;
  height: 400px;
  text-align: center;
  display: flex;
  /*align-items: center;
  text-align: center;*/
  flex-direction: column; /*коллонка*/
  /*justify-content: space-between;*/
}

.element-project1-text1 {
  font-family: 'InterBold';
  color: black;
  font-size: 32px; /* размер шрифта */
  list-style-type: none;
  line-height: 1.5;
  letter-spacing: 2px;
}
.element-project2{
  /*padding-top: 90px; /* in*/
  margin-top: 30px; /* out */
  height: 270px;
  width: 1170px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

.element-project-img1 {
  margin: 10px 10px;
  height: 250px;
  width: 320px;
  display: flex;
  /*flex-direction: column;*/
  justify-content: space-between;
  align-items: flex-end;
 background-image: url(../img/project1.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
  /*align-items: center;*/
}
.element-project-img2 {
  margin: 10px 10px;
  height: 250px;
  width: 320px;
  display: flex;
  /*flex-direction: column;*/
  justify-content: space-between;
  align-items: flex-end;
 background-image: url(../img/project2.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
  /*align-items: center;*/
}
.element-project-img3 {
  margin: 10px 10px;
  height: 250px;
  width: 320px;
  display: flex;
  /*flex-direction: column;*/
  justify-content: space-between;
  align-items: flex-end;
 background-image: url(../img/project3.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
  /*align-items: center;*/
}


.project-name {
  background-color: white;
  padding-top: 15px;
  padding-left: 15px;
  text-align: left;
   opacity: 0.85;
  height: 100px;
  width: 320px;
}

.element-project1-text2{
  list-style-type: none;
 font-family: 'InterBold';
  color: black;
  font-size: 24px; /* размер шрифта */
  line-height: 1.5;
  letter-spacing: 2px;
}

.element-project1-text3{
 font-family: 'InterLight';
  color: black;
  font-size: 15px; /* размер шрифта */
  list-style-type: none;
}

.project-name:hover {
  background-color: #219EBC;
}
.project-name:hover .element-project1-text2 {
  color: white;
}


.logos-img{
  height: 30px;
  margin-top: 20px;
  height: 25px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}


.element-image-front11 {
 /*background-color: black;*/
 height: 600px;
 background-image: url(../img/fon2.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 background-attachment: fixed;
}


/* Fading animation
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

*/

.title-center {
height: 60px;
margin-top: 30px;
}

.title-center-text {
  font-family: 'InterBold';
  font-size: 45px; /* размер шрифта */
  text-align: center;
}


.box-set {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.box-set-inner {
  border-radius: 10px;
  box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
  width: 840px;
  height: 150px;
  /*background-color: #F7F6F6;*/
}
.box-set-line {
background-color: #219EBC;
width: 70px;
height: 150px;
border-radius: 10px 0px 0px 10px;
}

.box-set-text {
  margin-right: 40px;
  font-family: 'ArialBold';
  font-size: 20px; /* размер шрифта */
  text-align: center;
  list-style-type: none;
  color: #FFB703;
}
.box-set-text1 {
  font-family: 'ArialBold';
  font-size: 25px; /* размер шрифта */
  text-align: center;
  list-style-type: none;
  color: black;
}

.box-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.cont-descr-1 {
  display: flex;
  margin-top: 50px;
  width: 1120px;
  height: 257px;
  border-radius: 25px;
  background-color: #F7F6F6;
}

.cont-descr-2 {
  display: flex;
  margin-top: 50px;
  width: 1120px;
  height: 350px;
  border-radius: 25px;
  background-color: #F7F6F6;
}

.cont-descr-3 { /*info*/
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  width: 1120px;
  height: 350px;
  border-radius: 25px;
  background-color: #F7F6F6;
}

.cont-descr-1-tel {
  display: flex;
  margin-top: 50px;
  width: 1120px;
  height: 320px;
  border-radius: 25px;
  background-color: #F7F6F6;
}

.cont-descr-title {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.cont-descr-img1 {
  /*width: 100%;*/
  height: 220px;
  object-fit: cover;
  padding-right: 10px;
  margin: 20px 20px;
}

.cont-title {
padding-top: 35px;
padding-left: 40px;
font-family: 'InterLight';
font-size: 28px; /* размер шрифта */
text-align: start;
}

.cont-title-des {
padding-top: 30px;
padding-left: 40px;
font-family: 'InterLight';
font-size: 15px; /* размер шрифта */
text-align: start;
}


.slideshow-container {
/*background-size: cover;
background-image: url(../img/project3.jpg);*/
/*background-color: green;*/
height: 280px;
width: 470px;
position: relative;
margin: auto 40px;
}

.slideshow-img {
/*background-size: cover;*/
/*object-fit: cover;*/
width: 100%;
height: 100%;
object-fit: cover;
}

.info-container {
  margin: 10px 10px;
  padding: 10px 5px;
height: 300px;
width: 550px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.info-container1{
display: flex;
justify-content: flex-start;
}

.info-container2{
display: flex;
flex-direction: column;
/*justify-content: space-between;*/
}

.info-title{
  padding-top: 15px;
  padding-left: 15px;
font-family: 'InterLight';
font-size: 24px; /* размер шрифта */
text-align: start;
}

.info-title-des{
  padding-top: 15px;
  padding-left: 15px;
font-family: 'InterBold';
font-size: 25px; /* размер шрифта */
text-align: start; 
}

.info-title-des1{
  padding-top: 15px;
  padding-left: 15px;
font-family: 'InterBold';
font-size: 40px; /* размер шрифта */
text-align: start; 
}

.footer{
  padding-top: 0px;
  padding-bottom: 0px;
  height: 170px;
  background-color: #219EBC;
}

.footer-inner {
  display: flex;
  /*text-align: center;*/
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 10px;
}

.footer_text {
  font-family: 'InterLight';
  font-size: 13px; /* размер шрифта */
  text-align: center;
}

.footer_text1 {
  font-family: 'InterLight';
  font-size: 15px; /* размер шрифта */
  text-align: left;
  color: #000000;
  
}

.footer-text1 {
/*display: inline ;
/*align-items: center;*/
display: grid;
align-items: center;
}

.footer-text1_1 {
padding-bottom: 20px;
}

.footer-text {
display: grid;
align-items: flex-end;
}

.footer-text2 {
display: grid;
align-items: center;
}