* {
  padding: 0;
  margin: 0;
}


/* Голова */

.headback {
  width: 100%;
  height: 100%;
  background-color: rgb(51, 50, 49);
}

.logo {
  display: flex;
  align-items: center;
  text-decoration: none;
  list-style-type: none;
}

.logo img {
  height: 45px;
}

.ulHead {
  display: flex;
  justify-content: space-evenly;
}

.aLIHead {
  background-color: rgb(85, 85, 84);
  padding: 20px 50px;
  margin-top: 20px;
  text-decoration: none;
  color: white;
  list-style-type: none;
  font-size: 20px;
}

.aLIHead:hover {
  background-color: rgb(95, 93, 88);
}


/* Голова */


/* slaider */

.mainFormText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 20px;
}

.mainFormText ul {
  margin-left: 40px;
  font-size: 30px;
}

.main1Form {
  width: 1500px;
  height: 450px;
  background-color: rgba(168, 167, 167, 0.274);
  text-align: center;
  color: whitesmoke;
  box-shadow: 0 0 15px 1px #ccc;
}

.main2Form {
  width: 1500px;
  height: 220px;
  background-color: rgba(168, 167, 167, 0.274);
  text-align: center;
  color: whitesmoke;
  box-shadow: 0 0 15px 1px #ccc;
}

.main2Formbox {
  display: flex;
  justify-content: space-around;
}

.cb {
  width: 50px;
  height: 50px;
  box-shadow: 0 0 10px 3px #ccc;
}

.cbText {
  font-size: 30px;
}

.main3Form {
  width: 1500px;
  height: 240px;
  background-color: rgba(168, 167, 167, 0.274);
  text-align: center;
  color: whitesmoke;
  box-shadow: 0 0 15px 1px #ccc;
}

.tekst_sverhu_kartinki {
  position: absolute;
  /* top: 20vw;
  left: 38vw; */
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  color: white;
  width: 450px;
  height: auto;
  background: #00000094;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
  font: bold 24px/34px Helvetica, Sans-Serif;
}

.tekst_sverhu_kartinki p {
  font-size: 40px;
  margin: auto;
}

.slid1 {
  width: 100%;
  height: 100%;
}

.sliderBox {
  width: 100%;
  height: 100%;
  position: relative;
}


/* slaider */


/* Информация */

.mainback {
  width: 100%;
  height: 500px;
  background-image: url("../img/pictures_subservices_853_7d9a13.jpg");
  opacity: 80%;
}

.mainText {
  display: flex;
  font-size: 50px;
  color: white;
  justify-content: center;
  margin: 10vw;
  border: 2 double black;
  position: absolute;
}


/* Информация */


/*  преимущества*/

.main2back {
  width: 100%;
  height: 100%;
}

.main2Text {
  font-size: 25px;
}

.headermain2 {
  display: flex;
  justify-content: space-evenly;
  margin-top: 10px;
}

.main2block {
  font-size: 24px;
  margin-top: 50px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  text-align: center;
}

.main2blocks {
  width: 400px;
  height: 100px;
  margin: 30px;
}


/*преимущества */


/* Пректы */

.main4back {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(228, 236, 246);
  position: relative;
}

.main4Text {
  margin: 20px;
  margin-left: 100px;
  height: 50px;
}

.boxmain4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.proectbox {
  width: 751px;
  height: 400px;
  display: block;
  border: 1px solid rgb(168, 166, 166);
}

.imgmain4 {
  margin: 34px;
  margin-left: 75px;
  width: 600px;
  height: 330px;
}

.Textprice {
  display: flex;
  justify-content: space-around;
  margin-top: -35px;
  font-size: 20px;
  color: rgb(0, 0, 0);
}

.proect1:hover .Textprice {
  transform: scale(1.2);
  color: rgb(255, 255, 255);
}

.proect1:hover .imgmain4 {
  transform: scale(1.2);
}


/* Пректы */


/* Галерея */

.main3galerey {
  margin-top: 100px;
}

.galerey {
  width: 100%;
  height: 100%;
  display: flex;
  background-image: url(../img/hero-VLMultiSlideDoor-U204.jpg);
}

.foto {
  width: 50%;
  height: 100%;
  border-right: 1px solid black;
  text-decoration: none;
  color: rgb(255, 255, 255);
}

.video {
  width: 50%;
  height: 100%;
  opacity: 0;
}

a.foto:hover {
  background-image: url(../img/hero-VLMultiSlideDoor-U204.jpg);
  width: 100%;
  border-right: 1px solid black;
}

a.video:hover {
  background-image: url(../img/Luxury-Courcheve001-rent-France-Alps-1-Baltoro3-1.jpg);
  width: 100%;
  margin-left: -680px;
  border-left: 1px solid black;
  opacity: 1;
}

.textFoto {
  font-size: 35px;
}

.blockVideo {
  width: 500px;
  height: 350px;
  margin: 200px 650px;
  border: 5px solid black;
}


/* Галерея */


/* Партнеры */

.backmain5 {
  display: block;
  width: 100%;
  height: 100%;
}

.main5Text {
  border-bottom: 1px solid black;
  font-size: 40px;
  padding: 50px;
}

.partnerblock {
  margin: 0 auto;
  border: 10px double black;
  display: flex;
  margin-top: 50px;
  width: 98%;
  height: auto;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
}

.main5img1 {
  width: 200px;
  height: 200px;
}


/* Партнеры */


/* Реквизиты */

.main6back {
  display: block;
  width: 100%;
  height: auto;
  font-size: 40px;
  margin-top: 50px;
}

.main6Text {
  font-size: 40px;
  border-bottom: 1px solid black;
  margin-bottom: 40px;
}


/* Реквизиты */


/* Карта */

.main7back {
  display: block;
  width: 100%;
  height: auto;
  font-size: 40px;
  margin-top: 50px;
}

.main7Text {
  font-size: 40px;
  border-bottom: 1px solid black;
  margin-bottom: 40px;
}


/* Карта */


/* Контыкты */

.footer {
  width: 100%;
  height: 200px;
  background-color: rgb(51, 50, 49);
  display: block;
}

.footerBox {
  display: flex;
  justify-content: space-evenly;
  font-size: 30px;
  color: white;
  /* margin: 50px auto; */
}


/* Телефон */

.footerTel {
  color: white;
  display: flex;
}

.footerimg {
  width: 50px;
  height: 50px;
  display: block;
}

.footerTel:hover {
  text-decoration: none;
}

.footerimg1 {
  display: none;
  width: 50px;
  height: 50px;
}

.footerTel:hover img.footerimg1 {
  display: block;
}

.footerTel:hover img.footerimg {
  display: none;
}


/* Телефон */

.footerboximg {
  display: flex;
}


/* Контыкты */


/* МОИ СТИЛИ */

.subcategories-wrapper {
  flex: 1;
  flex-wrap: wrap;
  row-gap: 10px;
}

.subcategory-card {
  box-sizing: border-box;
  width: 49.5%;
  height: 400px;
  position: relative;
  /* background-position: center; */
}

.subcategory-img {
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all .5s;
}

.subcategory-name {
  text-align: center;
}

.ki-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.30));
  transition: all .5s;
  color: #fff;
  z-index: 1;
  padding: 20px;
}

.ki-overlay:hover {
  opacity: 0.6;
  box-shadow: 8px 8px 16px 0px rgba(8, 14, 19, 0.2);
  transform: scale(1.02);
  /* background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.60)); */
}

.ki-overlay:hover+.subcategory-img {
  transform: scale(1.02);
}

.partners-wrapper {
  flex-wrap: wrap;
}

.partners-logo {
  display: flex;
  align-items: center;
  padding: 0 10px;
  max-width: 25%;
}

.partners-wrapper img {

  max-width: 100%;
  /* Ограничивает ширину изображения до 100% контейнера */
  max-height: 100%;
  /* Ограничивает высоту изображения до 100% контейнера */
}


.ki-footer-link:hover {
  color: #9b9d9e !important;
}

.policy {
  /* font-family: Arial, sans-serif; */
  line-height: 1.6;
  margin: 20px;
  padding: 0;
  background-color: #f9f9f9;
  color: #333;
  margin-bottom: 15px;
  padding: 20px;
}

@media (max-width: 990px) {
  .aLIHead {
    padding: 10px 20px;
    /* font-size: 15px; */
  }

  .tekst_sverhu_kartinki p {
    font-size: 25px;
  }

  .ki-overlay .h5 {
    font-size: 1.1rem;
    text-align: center;
  }
}

@media (max-width: 770px) {
  .logo img {
    height: 30px;
  }

  .subcategory-card {
    height: 300px;
  }

  .ki-overlay.d-flex {
    flex-direction: column;
    justify-content: center !important;
    align-items: center !important;
  }

  .uk-margin-small-bottom {
    font-size: 1.1rem;
  }

  .uk-margin-remove {
    font-size: 0.9rem;
  }

  .tekst_sverhu_kartinki p {
    font-size: 20px;
  }
}

@media (max-width: 600px) {
  .aLIHead {
    font-size: 15px;
  }

  .logo img {
    height: 25px;
  }

  .ki-advantages-card {
    flex-direction: column;
  }
}

@media (max-width: 500px) {
  .tekst_sverhu_kartinki {
    width: auto;
  }

  .table {
    font-size: 13px;
  }
}

@media (max-width: 450px) {
  .aLIHead {
    font-size: 12px;
    padding: 10px;
  }

  .subcategory-card {
    height: 200px;
  }
}