.wrapper {
  max-width: 1250px;
  width: 100%;
  margin: 0 0 50px 0;
  padding: 0 10px; }

.list {
  list-style: none;
  font-size: 18px; }

.list-search li:nth-child(n):not(:first-child) {
  margin-top: 20px; }

.title {
  text-transform: uppercase;
  text-align: center; }

.search__wrapper {
  position: relative;
  margin-top: 0px; }

.list-search-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  width: 100%;
  max-height: 300px;
  overflow-y: scroll;
  border: 1px solid #000; }

.list-search {
  padding: 20px;
  background-color: #fff;
  list-style: none; }

.list-search li a {
  color: #000;
  font-size: 18px;
  text-decoration: none; }

.list-search li a:hover {
  text-decoration: underline; }

.static-map {
  position: relative;
  width: 100%;
  height: 150px;
  margin: 50px auto 0 auto;
  font-size: 24px;
  color: #fff;
  cursor: pointer; }
  .static-map span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 10; }
  .static-map::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: .3s all ease;
    z-index: 5; }
  .static-map:hover span {
    opacity: 1; }
  .static-map:hover::after {
    background-color: rgba(0, 0, 0, 0.8); }
  .static-map img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.overlay {
  display: flex;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 20; }
  .overlay_active {
    opacity: 1;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.7); }
  .overlay__wrapper {
    width: calc((1620 / (1920 - 320) * ((100vw - 320px)) + 300px));
    position: relative;
    max-width: 1250px; }
  .overlay__close {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    z-index: 20;
    font-size: 32px;
    cursor: pointer; }

.map {
  height: calc((300 / (1920 - 320) * ((100vw - 320px)) + 300px));
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  margin: 0 auto; }

[class*="gotoymaps__container"],
[class*="-copyright"],
[class*="-controls__control_toolbar"] {
  display: none !important; }

input {
  width: 100%;
  height: 50px;
  font-size: 22px;
  padding: 0 20px;
  outline: none; }
  @media (max-width: 767px) {
    input {
      font-size: 18px; } }
  @media (max-width: 575px) {
    input {
      font-size: 15px;
      padding: 10px; } }

input:focus + .list-search-wrapper {
  display: block; }