.header {
  color: #fff; /* Белый цвет текста */
  text-align: center; /* Выравнивание по центру */
  padding: 10px; /* Отступы сверху и снизу */
}
.bg-image {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3; /* Увеличиваем непрозрачность для более темного фона */
    -webkit-backface-visibility: hidden;
    -o-object-fit: cover;
    object-fit: cover;
    transition: opacity .2s ease
    z-index: -1;
}
.header_link {
  position: relative; /* Делаем элемент позиционируемым */
  z-index: 1; /* Устанавливаем z-index для текста */
  font-family: Open Sans,sans-serif; /* Безопасный шрифт без засечек */
  font-size: 13px; /* Размер шрифта */
  line-height: 1.5; /* Высота строки */
  color: #ccc; /* Светло-серый цвет */
  text-transform: uppercase; /* Все буквы заглавные */
  text-decoration: none; /* Убираем подчеркивание */
  margin: 0 10px; /* Отступ 20 пикселей слева и справа от каждого элемента */
  font-weight: bold;
}
.div-bg-image{
    position: relative;
    background-color: #111;
    color: #fff;
    font-size: 17px;
    overflow: hidden
}
.place_summary {
    padding: 40px 20px;
    position: relative;
    background-color: #111;
    color: #fff;
    font-size: 17px;
    overflow: hidden
}

.place_summary-wheader {
    padding-top: 90px
}

.place_summary_title {
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin: 20px auto 10px;
    cursor: default;
    position: relative;
    z-index: 1
}

.place_summary_title .uptitle {
    display: block;
}

.place_summary_title .uptitle .category {
    text-transform: uppercase;
    opacity: .7;
    font-size: 17px;
    display: inline-block;
    line-height: 27px;
    font-weight: 400;
    vertical-align: middle;
    margin: 0 5px;
    cursor: default;
    color: #fff
}

.place_summary_title .title {
    display: inline-block;
    font-size: 48px
}

@media only screen and (max-width: 480px) {
    .place_summary_title .title {
        font-size:42px
    }
}

@media only screen and (max-width: 360px) {
    .place_summary_title .title {
        font-size:36px
    }
}

.place_summary_title .title {
    line-height: 50px;
    font-weight: 700;
    margin-right: 5px
}

.place_summary_title .name_alt {
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin-top: 10px
}
.place_summary_title .group {
    display: inline-block;
    vertical-align: top;
    margin: 8px;
    font-size: 20px;
    font-weight: 400
}

.place_summary_phones {
    margin: 10px auto;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    z-index: 1;
    position: relative
}

.a-center {
    text-align: center
}
.green-button {
  text-align: center;
  background-color: green;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 10px;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  position: relative;  /*Необходимо для использования z-index */
  z-index: 1; /* Устанавливаем z-index для текста */
  margin-bottom: 20px; /* Отступ снизу 20 пикселей */
}
.title_container {
  text-align: center;
  position: relative;  /*Необходимо для использования z-index */
  z-index: 1; /* Устанавливаем z-index для текста */
}
.tel {
    color: white; /* Устанавливаем белый цвет текста */
    text-decoration: none; /* Убираем подчеркивание */
}
.tel:hover {
    color: white; /* Сохраняем белый цвет при наведении */
    text-decoration: none; /* Отменяем стандартное подчеркивание при наведении */
}
.my-carousel .carousel-item {
  display: flex;
  max-height: 60vh;
}
.my-carousel .carousel-item img {
  object-fit: cover;
  max-height: 60vh;
}
.my-element {
    position: relative; /* Для относительного позиционирования */
}
.image-container {
  display: flex;
  max-height: 60vh;
}
.image-container img {
  object-fit: cover;
  max-height: 60vh;
}