body {
	     font-family: Times;
		 font-size: 13pt;
		 color: #53868b;
	 }
	
	 h1, .hash-map  {
		 margin-top:13px;
		 margin-bottom:13px;
		 text-align: center;
	 }
	 
	 .hash-map { text-decoration: underline; color: #53868b; }
	 .hash-map:hover { text-decoration: none; }
	 
  #main-map { position:relative; width:670px; height: 380px; cursor: crosshair; float: left; margin-bottom: 34px; }
  #wrap { width: 872px; margin: 0 auto; }
  
  div#cntrl-bar { width: 200px; }
  div#cntrl-panel { 
      float: right;
	  /* display: inline-block; */
	  width: 200px; 
	  height: 380px; 
	  margin-bottom: 55px;
  }

  div#progres-info{ width: 100%; height: 21px; margin-top: 2px; }
  div#status-info { width: 100%; height: 13px; text-align: center; margin-top: -5px; padding-bottom: 5px;}
  div#progres-cont { width: 144px; background-color: orange; height: 21px; float: left; cursor: pointer; }
  div#progres-cont:hover { opacity: 0.7;}
  i#progres-bar { background-color: green; height: 21px; float: left; }
  b#progres-label { width: 144px; height: 21px; position: absolute; color: white; background-color: transparent; text-align: center; line-height: 21px; vertical-align: middle; }
  div.progres-num { width: 28px; height: 21px; line-height: 21px; vertical-align: middle;  }
  div#progres-asc { color: green; float: left; text-align: right; }
  div#progres-desc { color: orange; float: left; text-align: left; }
  
  div#ads-cont {
    margin-left: 10px; left: 10px;
  }
  
  div#bottom-ads {
	  float: right;
	  margin-top: -17px; 
	  /* width: 100%; */
	  width: 670px;
	  text-align: center;
  }
  
  div#proj-links { width: 728px; display: flex; justify-content: space-between; }
  .img-link:hover { opacity: 0.7; }
  i.fa-compass{ color: blue; }
  i.fa-chart-line { color: darkgreen; }
  i.fa-crosshairs { color: red; }
  i.fa-chart-bar { color: navy; }
  i.fa-chart-pie { color: darkorange; }
  
  .dot {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
	text-align: center;
	line-height: 31px;
	vertical-align: middle;
	border-style: solid;
    border-width: 2px;
	border-color: #555;
  }
 
  .dot:hover { opacity: 0.5; }
  .dot>i { color: #ffffff; }
 
  div#cntrl-buttons { width: 100%; text-align: center; margin-top: 17px; margin-bottom: 15px; }
 
  span#home-page { background-color: green; }
  label#about-info { background-color: navy; clear: right;}
  span#reset-test { background-color: red; }
  span#results-info { background-color: blue; }
  span#social-share { background-color: maroon; }
 
  .modal { z-index: 1300 }
  
  center#liveinternet { margin-top: 8px; } /* 25px */
  
  .only-mobile { display: none; }
  
  @media (max-width: 872px) {
	  #wrap, div#cntrl-panel, div#proj-links  { width: 670px; }
	  
	  div#cntrl-panel { height: 230px; display: flex; justify-content: space-between; }
	  center#map-ads,  .only-desktop-link { display: none; }
	  
	  div#bottom-ads { width: 100%; float: clear; }
  }
  
   @media (max-width: 670px) {
	   /* h1 { font-size: 15pt; } */
	   
	   .only-desktop { display: none; }
	   .only-mobile { display: block; }
	   
	  #wrap, div#cntrl-panel, div#proj-links { width: 100%; }
	  div#bottom-ads { margin-top: 5px; }
	  div#cntrl-panel { height: 380px; justify-content: flex-end; flex-direction: column-reverse; }
	  /* div#cntrl-panel { display: block; } */
	  /* div#cntrl-panel { flex-direction: column; justify-content: center; } */
	  div#cntrl-bar, div#result-chart, div#ads-cont { margin: 0 auto;}
	  #main-map { width: 99%; height: 55vw; }
	  center#liveinternet { display: none; }
	  div#ads-cont { margin-top: 55px; } */
	  /*div#ads-cont {} */
  }