/* Start:/informaciya-ob-usluge/css_zone.css?15645537032753*/
#zone_map{
		width:897px;
		height: 897px;
		background:url("/images/map/map.jpg");
		background-size: contain;
		position: relative;
	}
	#zone_map .point {
		background: #526f46;
    border-radius: 50px;
    width: 15px;
    height: 15px;
    border: 2px solid #b5b5b5;
    position: absolute;
    -webkit-transition: background .3s;
    transition: background .3s;
    box-shadow: 0px 1px 2px #464646;
	}
	#zone_map .point:hover {
    background: #ffd500;
	}
	#zone_map .point>div:before {
    background-image: url(/images/map/Vector.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 90px;
    height: 70px;
    content: '';
    display: block;
    position: absolute;
    /* bottom: -40px; */
    left: 0px;
    top: 0px;
	}
	#zone_map .point > div {
    opacity: 0;
    visibility: hidden;
    font-size: 14px;
    width: 180px;
    position: absolute;
    left: -50px;
    top: -120px;
    line-height: 1.67;
    color: #fff;
    font-weight: bold;
    background: #23633d;
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-transition: all .3s;
    transition: all .3s;
	}
	#zone_map .point:hover > div {
		opacity: 1;
		visibility: visible;
	}
	.bottom-right > div {top:80px !important;left:75px !important;}
	.bottom-right > div:before{margin-top: -72px; margin-left: -54px; transform: rotate(10deg);}
	.top-right > div {margin-top:20px !important; margin-left:140px !important; }
	.top-right > div:before{margin-top: 22px;  margin-left: -84px; transform: rotate(-70deg);}	
	.top-left > div {right: 100% !important; left: auto !important; margin-right: 80px !important; top: auto !important; bottom: 100% !important; margin-bottom: 30px;}
	.top-left > div:before{left: 100% !important; top: 100% !important; margin-top: -35px;}	
	.top > div {top: auto !important; bottom: 100% !important; margin-bottom: 100px !important;}
	.top > div:before{margin-left: 20px !important; transform: rotate(60deg) !important; top: 100% !important; margin-top: 20px;}    
	.bottom-left > div {right: 100% !important; left: auto !important; margin-right: 80px !important; margin-top: 50px !important; top: 100% !important;}
	.bottom-left > div:before{left: 100% !important; transform: rotate(300deg) !important; top: auto !important; bottom: 100% !important; margin-bottom: -5px !important; margin-left: -10px;}
	#areas > ul {
		margin-top:20px;
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
	}
  .show_all{text-decoration: underline;font-weight:bold;cursor:pointer;}  
	@media (max-width:992px) {
		.show_all{display:none;}
		#areas{display: block !important;}
		#areas>ul {columns: 2;}
	}
	@media (max-width:768px) {
		/*.show_all{display:none;}
		#areas{display: block !important;}*/
		#areas>ul {columns: 1;}
	}
/* End */
/* /informaciya-ob-usluge/css_zone.css?15645537032753 */