.map {
	z-index: 1;	
	width: 97vw; 
	height:80%;
	margin: auto;
	max-width: 1200px;
	font-family: system-ui;
	border: solid 1px gray;
}

.wrap {
  position: relative;
}

/* Style info*/
.content {
  position: relative;
  background-color: white;
  width:94vw;
  max-width: 1200px;
  margin: auto;
  text-align: justify;
  font-size: 16px;
  line-height: 150%;
  font-family: system-ui/* "Helvetica Neue", Arial, Helvetica, sans-serif */;
}

.contentTitle  {
  position: relative;
  color: white;
  background-color: #f1f1f1;
  background-color: #696969;
  width:98vw;
  max-width: 1200px;
  margin: auto;
 
  padding	: 3px 10px;
  font-size: 17px;
  font-weight: bolder;
  font-family: system-ui/* "Helvetica Neue", Arial, Helvetica, sans-serif */;
}

.headimg  {
  width:50px;
  margin: auto;
  right: 0px;
  top: -10px;
  position: absolute;
}

/* Header image */
.titelMap {
	width:98vw;
	max-width: 1200px;
	margin: auto;
	font-family: system-ui/* "Helvetica Neue", Arial, Helvetica, sans-serif */;
	/*width		: 100%; /* for IE 6 */
}


h2 {
	margin: 0px auto;
	position	: relative;
	text-align: left ;
	top		: 0%;
	left		: 0%;
	width		: 100%;
}

 h2 span {
	color			: white;
	font-family		: system-ui/* "Helvetica Neue", Arial, Helvetica, sans-serif */;
	letter-spacing		: -1px;
	background		: #696969; /* на случай, если следующая строка не сработает */ 
	background		: #696969;
	padding			: 10px;
}

.line {
		position	: relative ;
}
.navBar {
	display: flex;
	position	: relative;
	width:98vw;
	max-width: 1200px;
	margin: 0px auto;
	bottom : -10px;
	font-family: system-ui/* "Helvetica Neue", Arial, Helvetica, sans-serif */;	
}

.navMap {
	display: flex;
	position	: relative;
	width:98vw;
	max-width: 1200px;
	margin: 0px auto;
	bottom : -10px;
	font-family: system-ui/* "Helvetica Neue", Arial, Helvetica, sans-serif */;	
}

/* Галерея всех фото */
  .gallery {
	position: relative;
	width:98vw;
	max-width: 1200px;
	margin: auto;
}

/* Стиль серых кнопок */	
/* .demoBtn {
	left		: 0%;
	box-shadow: 0 1px 7px #999;
	border:none;
	padding: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background		: #696969;
	color			: white;
	margin-left : 0%;
	position	: relative;
	font-size: 13px;
	font-family: system-ui;
	} */

/* Ссылка для перехода по странице */
.navBtn {
	position	: relative;
	margin : 0px 1px;
/* 	box-shadow: 2px -1px 2px #999; */
	background		: #696969;
	color			: white;
	padding: 2px 4px;
    text-decoration: none;
/*  border-top-left-radius: 6px;
	border-top-right-radius: 6px; */
	font-size: 13px;
	border-right: solid 1px gray;
	font-family: system-ui;
	}

.navBtnMap {
	position	: relative;
	margin : 0px 1px;
/* 	box-shadow: 2px -1px 2px #999; */
	background		: #696969;
	color			: white;
	padding: 2px 4px;
    text-decoration: none;
/*  border-top-left-radius: 6px;
	border-top-right-radius: 6px; */
	font-size: 13px;
	border-right: solid 1px gray;
	font-family: system-ui;
	}
	
	/* Кнопка наверх */
/* .navBtnUp {
	position	: relative ;
	display: block;
	text-align: center;
	margin : 0px 0px;
	background		: #696969;
	color			: white;
	padding: 2px 4px;
    text-decoration: none;
	font-size: 13px;
	border-right: solid 1px gray;
	font-family: system-ui;
	} */

/* Узоры */	
/* .patternImg {
  width:100px;
  margin: auto;
  right: 0px;
  top: 0px;
  position: absolute; */
	/* width:98vw;
	max-width: 1200px;
	margin: auto; */
	
}

.custom-popup {
    border-radius: 5px;
    color: #504e4e;
    line-height: 10px;
    }

.custom-popup, .leaflet-popup-tip {
    background: #f4f4f4;
    border: none;
    box-shadow: none;
    }

.leaflet-popup-content-wrapper {
   background: #f4f4f4;
   border-radius: 2px;
   }

.leaflet-popup {
    position: absolute;
    text-align: center;
    }

.leaflet-popup-content {
    margin-top: 20px;
    margin-right: 2px;
    padding-right: 12px;
    min-width: 100 px !important;
    max-height: 350px;
    overflow: auto;
	font-size: 13px;
 /* font-family: system-ui; */
    }
	
	
	.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}