:root{
  --design-color: #106091;
  --double-color: #649801;
  --mess-color: #ff0000;
  --promo-color: #ffc600;
  --info-color: #f3f3f7;

}
body{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	color: var(--design-color);
  background-image: url(/upload/main_fon.png);
	background-repeat: no-repeat;
  background-size: 100%;
}
p{
	margin: 9px 0 9px 0;
}
a, div, span, form, input, label, select, textarea, table, tbody, tr, td, sup, ul, li, ol, i{
	box-sizing: border-box;
}
a{
  text-decoration: none;
	color: #000;
}
a:hover{
  color: var(--design-color);
}
.overMap{
  width: 100%;
  height: auto;
  position: relative;
  float: left;
  overflow-x: auto;
  overflow: auto;
  margin: 1% 0;
}
.overMap svg{
  background-image: url('/upload/snt-scheme-original2.png');
  background-size: contain;
}
/* MAP */
.viewsMap{
  position: absolute;
  display: none;
  width: 250px;
  float: left;
  background: var(--design-color);
  color: white;
  padding: 1%;
  border-radius: 5px;
}
.viewsMap span{
  display: block;
  width: 100%;
  float: left;
  padding: 1%;
}
.viewsMap .then{
  display: block;
  float: left;
  background: var(--info-color);
  padding: 2% 4%;
  border-radius: 5px;
  font-weight: bold;
}
.viewsMap .order{
  background: var(--promo-color);
  padding: 2% 4%;
  border-radius: 5px;
  font-weight: bold;
  margin: 2% 0;
  display: block;
  float: left;
}
.viewsMap .out{
	width: 20px;
  position: absolute;
  right: 5px;
  top: 5px;
	float: left;
	text-align: right;
	color: var(--promo-color);
	text-decoration: none;
	border-bottom: none;
	font-weight: bold;
	cursor: pointer;
	font-size: 20px;
}
.viewsMap .out:hover{
  color: var(--info-color);
}
.click{
  cursor: pointer;
}
svg polygon{
  opacity: 0.6;
}
svg polygon:hover{
  opacity: 0.2;
}
@media screen and (max-width:800px){
  .viewsMap{
    position: absolute;
    display: none;
    width: 200px;
    float: left;
    background: var(--design-color);
    color: white;
    border-radius: 5px;
    top: 10px;
    left: 10px;
      padding: 2%;
  }
}