@font-face{
	font-family: 'Stem';
	src: url("../fonts/stem-light.eot");
	src: url("../fonts/stem-light.eot?#iefix") format("embedded-opentype"), url("../fonts/stem-light.woff2") format("woff2"), url("../fonts/stem-light.woff") format("woff"), url("../fonts/stem-light.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	}
@font-face{
	font-family: 'Stem';
	src: url("../fonts/stem-regular.eot");
	src: url("../fonts/stem-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/stem-regular.woff2") format("woff2"), url("../fonts/stem-regular.woff") format("woff"), url("../fonts/stem-regular.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	}
@font-face{
	font-family: 'Stem';
	src: url("../fonts/stem-medium.eot");
	src: url("../fonts/stem-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/stem-medium.woff2") format("woff2"), url("../fonts/stem-medium.woff") format("woff"), url("../fonts/stem-medium.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	}
*,
html * /* override x.xhtml.ru style */ 
{
  scrollbar-width: thin;
  scrollbar-color: #4c4c4c #928269;
}

*::-webkit-scrollbar,
html *::-webkit-scrollbar {
  height: 12px;
  width: 12px;
}
*::-webkit-scrollbar-track,
html *::-webkit-scrollbar-track {
  background: #a87c4c;
}
*::-webkit-scrollbar-thumb,
html *::-webkit-scrollbar-thumb {
  background-color: #000;
  border-radius: 5px;
  border: 3px solid #a87c4c;
}
html,
body {
	overflow: hidden;
	height: 100%;
} 

body{
	margin:0;
	font-family: Stem, sans-serif;
}
h2 {
    font-weight: 400;
}
h3, button, .leaflet-popup-content{
   font-family: 'Stem';
}
.leaflet-popup-content b{
	font-weight: 500;
	font-family: 'Stem';
}
.mb-0{margin-bottom: 0 !important;}
.mb-5{margin-bottom: 5px !important;}
.mb-10{margin-bottom: 10px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}

.mt-0{margin-top: 0 !important;}
.mt-5{margin-top: 5px !important;}
.mt-10{margin-top: 10px !important;}
.mt-15{margin-top: 15px !important;}
.mt-20{margin-top: 20px !important;}

.mb--5{margin-bottom: -5px !important;}
.mt--5{margin-top: -5px !important;}
.mb--10{margin-bottom: -10px !important;}
.mt--10{margin-top: -10px !important;}
.mb--15{margin-bottom: -15px !important;}
.mt--15{margin-top: -15px !important;}
.mb--20{margin-bottom: -20px !important;}
.mt--20{margin-top: -20px !important;}

.ml-0{margin-left: 0 !important;}
.ml-5{margin-left: 5px !important;}
.ml-10{margin-left: 10px !important;}
.ml-15{margin-left: 15px !important;}
.ml-20{margin-left: 20px !important;}

.mr-0{margin-right: 0 !important;}
.mr-5{margin-right: 5px !important;}
.mr-10{margin-right: 10px !important;}
.mr-15{margin-right: 15px !important;}
.mr-20{margin-right: 20px !important;}

.radius-10{border-radius: 10px !important;}
.radius-15{border-radius: 15px !important;}

.transparent{background-color: transparent;}

.pd-0{padding: 0 !important;}
.pd-5{padding: 5px !important;}
.pd-10{padding: 10px !important;}
.pd-15{padding: 15px !important;}
.pd-20{padding: 20px !important;}
.name_map{
    color: #fff;
    margin: 0 0 20px 0;
    display: block;
    font-size: 20px;
}
.pdl-0{padding-left: 0 !important;}
.pdl-5{padding-left: 5px !important;}
.pdl-10{padding-left: 10px !important;}
.pdl-15{padding-left: 15px !important;}
.pdl-20{padding-left: 20px !important;}

.pdr-0{padding-right: 0 !important;}
.pdr-5{padding-right: 5px !important;}
.pdr-10{padding-right: 10px !important;}
.pdr-15{padding-right: 15px !important;}
.pdr-20{padding-right: 20px !important;}

.pdb-0{padding-bottom: 0 !important;}
.pdb-5{padding-bottom: 5px !important;}
.pdb-10{padding-bottom: 10px !important;}
.pdb-15{padding-bottom: 15px !important;}
.pdb-20{padding-bottom: 20px !important;}

.pdt-0{padding-top: 0 !important;}
.pdt-5{padding-top: 5px !important;}
.pdt-10{padding-top: 10px !important;}
.pdt-15{padding-top: 15px !important;}
.pdt-20{padding-top: 20px !important;}

#map { 
	height: 94vh; 
	cursor: default;
}

#color {
	background-color: #000;
}

.leaflet-container{
	background-color: #869591 !important;
}

.leaflet-control-attribution{
	margin: 10px !important;
}

.leaflet-boundaryMarker-pane{
	z-index:640 !important;
}

.leaflet-boundaryMarker-pane .leaflet-marker-icon{
	z-index:300 !important;
}

.leaflet-tooltip {
	background-color: #B5B2A7;
	font-size: 1em;
	border: 3px solid #B5B2A7;
	font-family: Roboto, sans-serif;
}

.panel{
	height: 94vh;
	width: 320px;
	position:absolute;
	left: 0px;
	top: 0px;
	background-color: #000;
	z-index: 1000;
	overflow-y: scroll;
}

.button_collapse_in,.button_collapse_out{
	color:#fff;
	width: 20px;
height: 30px;
	position:absolute;
	cursor: pointer;
}

.button_collapse_in{
	right:15px;
	top:5px;
}

.button_collapse_out{
	top: 0;
	padding: 0em 0.3em 0em 0.4em;
	background: #000;
	margin: 5px;
	border: 4px #928269 solid;
	z-index:1000;
	display:none;
}
.links.discordcss{
		    margin-left: 8px;
			margin-top:8px;
			    font-size: 12px;
    color: #fff;
}
.links.discordcss a{
	color: #a87c4c;
text-decoration: none;
}
.links.discordcss span{
	display:block;
}
.button{
	border: 2px #a87c4c solid;
	font-size: 1.3em;
	background: #a87c4c;
	color: #fff;
	cursor:pointer;
	display: inline-block;
	    margin-top: 20px;
		padding: 0 5px;
}
.button.disab{
	margin-top:20px;
	    font-size: 18px;
    border: 2px #a87c4c solid;
}
.mapcss{
	background: #a87c4c;
	color: #fff;
	cursor:pointer;
	display: inline-block;
	margin-top:10px;
	    font-size: 18px;
    border: 2px #a87c4c solid;
	padding: 0px 25px;
	text-decoration: none;
}
.mapcss.no{
	background: #7d7f7d;
	cursor: no-drop;
}
.button_link {
	background: none!important;
	border: none;
	padding: 0!important;
	color: #069;
	text-decoration: underline;
	cursor: pointer;
	margin-bottom: 5px;
}

.panel_buttons{
	padding: 10px;
    text-align: center;
}


body.panel_hide > .panel{
	left: -330px;
}
body.panel_hide > #map{
	margin-left:0px;
}

body.panel_hide > .button_collapse_out{
	display:block;
}

.footer{
	height: 6vh;
	width: 100%;
	position:fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin-bottom: 0px;
	background-color: #000;
	z-index: 1000;
	border-top: 4px #a87c4c solid;
}

#coordinates{
	color: #ddd;
	font-size: 2.2em;
	float: right !important;
	position: absolute;
	right: 9px;
	bottom: 7px;
}
#modal_content .button{
	    font-family: 'Stem';
}
.author{
	color:#ffff;
	vertical-align:top;
	line-height: 30px;
}

.links{
	display: inline-block;
}

h2{
	text-align:center;
	color:#fff;
}

.checkbox_block{
	padding: 3px 15px 3px 15px;
	font-size: 1.1em;
	color: #fff;
}

/* для элемента input c type="checkbox" */
.checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  color: #fff;
}

/* для элемента label, связанного с .custom-checkbox */
.checkbox+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

/* создание в label псевдоэлемента before со следующими стилями */
.checkbox+label::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 3px solid #fff;
  border-radius: 0.35em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 75% 75%;
}

/* стили при наведении курсора на checkbox */
.checkbox:not(:disabled):not(:checked)+label:hover::before {
  border-color: #fff;
}

/* стили для активного чекбокса (при нажатии на него) */
.checkbox:not(:disabled):active+label::before {
  background-color: #fff;
  border-color: #fff;
}

/* стили для чекбокса, находящегося в фокусе */
.checkbox:focus+label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.checkbox:focus:not(:checked)+label::before {
  border-color: #fff;
}

/* стили для чекбокса, находящегося в состоянии checked */
.checkbox:checked+label::before {
  border-color: #fff;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23121313' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.checkbox:disabled+label::before {
  background-color: #e9ecef;
}


.modal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	align-items: center;
	justify-content: center;
	display: none;
	overflow-y: auto;
	z-index: 1100;
}

.modal .modal-dialog {
	position: relative;
}

.modal.active {
	display: flex;
}

.modal {
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
}

.modal-dialog {
	padding: 20px;
	background: #fff;
	width: 100%;
	max-width: 800px;
	cursor: auto;
	border-radius:6px;
	min-height: 50px;
	padding-top: 20px;
}
.bordcopy {
  border-top: solid 1px #FFF;
  display: block;
  margin-top: 30px;
  margin-bottom: 15px;
}
.modal_cross {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
	fill: #444;
	cursor: pointer;
}

#modal_content{
	max-height: 80vh;
	overflow-y: auto;
	overflow-x: hidden;
}

@media(max-width: 768px) {
	.modal-dialog {
		min-height: calc(100vh - 200px);
	}
}
@media (max-width: 400px) {
#coordinates {
    font-size: 1em;
    bottom: 10px;
}	
.links.discordcss{
		    margin-top: 0px;
}
}
@media (max-width: 350px) {
#coordinates {
  font-size: 1em;
}	
}